웹디자인 기능사 실기-1번와이어프레임

웹디자인 기능사 실기 2019년 2월 공개 와이어프레임의 1번 레이아웃입니다. 한국산업인력공단에서 공개한 와이어프레임 1번 레이아웃을 보면 헤더 부분의 메뉴는 부메뉴 전체가 부드럽게 열리고 닫히는 동작을 구현하면 되고, 슬라이드는 위 또는 아래로 3초마다 다른 이미지가 이동하여 보이도록 제시되어 있습니다.

작년과는 다르게 헤더부분의 로고가 아예 사이즈가 명시가 되어 있으니 포토샵이나 일러스트레이터로 제작하기가 더 쉬워졌네요. 그리고 공지사항과 갤러리는 탭버튼으로 구현하며 공지사항의 첫번째 줄을 클릭하면 팝업창이 나오도록 제시되어 있습니다.

배너와 바로가기는 포토샵으로 제공된 텍스트를 활용하여 디자인하시면 되는데 저는 생략했어요...ㅎㅎ 제공된 텍스트가 없으니 Pixabay에서 이미지를 아무거나 따왔어요. 하단 푸터도 제공된 텍스트를 복사붙여넣기 하신 후 css로 구조만 잘 맞춰 주시면 됩니다. html소스입니다.

...