20081130 웹디자인기능사 실기시험 후기

실기시험을 봤습니다

경인지역 문학정보고등학교 에서 시험봤어요//

난방도 적당히 잘해주시고, 화장실 급해서(;)한 번 갔다왔구요. 마무리는 usb에 담아가시더라구요. - 다했다고 말하면 됨.

크게 못한 부분이 2부분 있었는데, 그 부분은 아무리 들여다봐도 모르겠어서 4시간보다 15분 정도 빨리 나왔습니다 ^^;

사람이 많아서 반은 6개였습니다. 버젼은 포토샵7.0 | 드림위버MX |  플래시MX | 일러스트CS

 

'궁궐 뭐시기 3' 으로 플래시가 들어가있고 롤오버메뉴에 큰 로고, 사진보기 같은 것.. 그리고 컨텐츠내용 外의 배경이 있었습니다.

 

포토샵은 레이어에서 링크 어떻게 하는지..-.-;; 집에있는 버전이 더 높아서인지 링크거는 방법이 다를거라 예상되지만

링크하는 아이콘이 보이지 않아서 그냥 링크없이 작업했습니다. 좀 당황

+ 원래 제 작업방식이 레이어들을 링크해서 폴더로 만들어서 정리해나가면서 하거든요. 책사서 따라하기 하는 공부하면서 익힌 것이지만..

그리고 일러스트는 왠만하면 쓰지 않고 포토샵에서 다 처리하려고 했는데,

일러스트의 아트브러시(?)있잖아요, 그걸 써서 로고만드는 거라서 사용할 수 밖에 없었지요.

플래시는 간단하고 쉬운 거였어요. 액션 전혀 사용하지 않았구요.

 

가장 당황스러웠던 것은 한 번도 보지 않았던(해본적도 없는), 드림위버에서 레이어 사용하기 입니다.

드림위버에 레이어 기능이 있는줄도 몰랐어요 ㅋㅋㅋ

그런데 화면설계기획서에서 레이어 이용이라고 되어있어서 정말 깜짝 놀랐어요 ㅋ

드림위버가 한글판이라서 F1버튼을 눌러서 도움말을 볼 수 있던게 그나마 다행이었습니다.;;

그렇지만 뭐가 뭔지 몰라서..

해야하는 것은 : 아래있는 작은 사진이 4개가 있는데 그 사진들을 누르면, 작은사진들 위에 좀 더 큰 사이즈의 사진으로 해당사진이 나타나는 것이었어요.

 

 

이런 식의 화면구성으로 a를 누르면 위에 img place에 a의 이미지가 크게 보이고 b누르면 b가 보이고 c누르면 c가 보이고 이런 식.

일단 img place위에 레이어로 각 이미지들을 겹쳐 올려놓고, abcd에 비헤이비어를 통해서 액션비슷한 걸 줬어요.(액션인가?--;;)

a는 레이어1만 보이고 레이어 2,3,4는 안보이게. b는 레이어2만 보이고 레이어 1,3,4는 안보이게 ..이렇게요.

메뉴는 한글이었는데 레이어 숨기기-보이기 였나? 그런 것이었구요.

그 내용이 추가되면 이벤트 설정을 on release 로 하려고 했는데, 이벤트가...마우스오버 밖에 없더라구요..;;

그래서 그냥 마우스오버상태로 둬 버렸다능..

미리보기 하면 그냥 a위로 마우스 올라가면 a뜨고 b위로 가면 b뜨고..완전 롤오버처럼 되었어요;;

 

그리고 또 다른 실수하나.

컨텐츠 영역은 가로크기가 900 pixel 이었는데요, 그옆으로 그림자가 있는 겁니다..

 

 

이런모습. 그래서 컨텐츠 900만 작성하고 드림위버로 옮긴 후에, 저 그림자만 따로해서 가져갔어요;

배경색 하늘색비슷한 걸로 지정하고 그림자 이미지를 table옆에 붙여놓았더니!!

드림위버 문서상에서는 제대로 보이는데, F12 눌러서 미리보기하면 컨텐츠랑 그림자 사이에 공간이 생겨버리는 겁니다 ㅜ

그래서 저 둘을 어떻게든 붙여보려고 이리저리 해보고, 코드도 들여다보고 했지만..

결국 해결하지 못했습니다..

 

위의 2문제를 제외하고는 무난히 해결했다고 생각해요

결과의 당락은 어찌될지 모르겠지만요 ;