9장 UI 설계(와이어 프레임)

전체적인 레이아웃을 와이어 프레임 형태로 만들어 이미지 슬라이드로 재공 합니다. 실제로 만들어질 웹페이지와는 약간의 차이가 있을 수 있겠지만 찬찬히 살펴보시기 바랍니다.

 

0123456789

버튼과 같은 이벤처 처리 방향이나, 페이지의 표시되는 내용에 대한 설명 등등이 기술되어 있는 스토리 보드를 봐야 프로젝트의 흐름을 보다 정확하게 이해할 수 있겠으나 전체 페이지에 게시판이라는 콘텐츠만 있는 관계로 전체적인 레이아웃만을 살펴봤습니다. 보다 구체적인 내용은 실제 HTML과 CSS를 작업할 때 언급하도록 하겠습니다.

 

[관련 코딩 동영상- 전체 골격(묵음)]

 

 

[관련 코딩 동영상-메뉴 영역추가(묵음)]