제로보드 XE로 홈페이지 만들기 - 제3장 홈 스토리보드 만들기 / 우산

제로보드 XE로 홈페이지 만들기

 

제3장 홈 스토리보드 만들기

 

이번에는 홈 제작을 위한 스토로보드 만들기 입니다

각자 자기가 만들 홈페이지를 머리속에 그려보거나

메모지에 그림을 그려가면서 어떻게 꾸밀까 초안을 잡아보시기 바랍니다

아니면 제가 만든 스토리보드를 따라 하셔도 됩니다.

 

제1안 한옥민박_여울마루 라는 스토리보드를 만들었다가

다시 제2안 "유랑" 이라는 스토리보드를 만들었습니다

제1안은 만들다보니까, 따라하는 분들이 어려울 것 같아

좀더 심플하게 만든 제2안으로 함께 진행하겠습니다

다만, 여러분들이 각자의 스토리보드를 만들어서 자기만의 홈페이지를

처음부터 진행해도 상관없습니다

 

즉, 제가 만들어 올린 제2안 "유랑" 스토리보드로 따라해도 되고

나름대로 만드신 각자의 스토리보드로 응용하면서 따라해도 됩니다

 

 

1. 스토리보드(제1안) - 참고용입니다

 

 

2 스토리보드(제2안) - 강좌용입니다

 

 

ㅇ주메뉴 5개 : 홈, 여행, 포토, 영상, 강좌

- 모듈유형을 위젯페이지로 한것은 주메뉴를 클릭했을 때 게시판을 보여주는 것이 아니고

그 홈에 맞는 적정한 내용을 보여주기 위한 것입니다

ㅇ서브메뉴 8개

- 홈을 제외한(홈 메뉴를 클릭했을 때는 초기화면만 보이면 되니까 서브메뉴 불필요함)

나머지 4개의 주메뉴에 각각 2개씩의 서브메뉴를 만듭니다

- 모듈유형을 게시판으로 한것은 서브메뉴를 클릭했을 때 그 내용에 만든 게시판이

출력되도록 한것입니다

ㅇ 모듈이름

-모듈이름은 추후에 실습할 게시판 만들기에서 공부하겠지만

이 모듈이름을 명시하지 않아도 자동으로 생성되지만 불규칙한 문자조합이 되어

기억하고 활용하기가 어렵기 때문에 게시판 만들 때 쉬운 모듈이름을 부여하고

추후에 쉬운 게시판주소를 활요하기 위해서입니다

 

이 스토리보드만 봐도 "아하!~" 홈페이지 구성이 머리에 떠오르지 않습니까?

아래의 여러 홈페이지 초기화면을 보시면서 스토리보드와 연관지어 보시기 바랍니다

 

3. 스토리보드에 참고할 여러 유형의 홈페이지 초기화면 예시

-이앱북 홈

 

 

-항아 홈

 

- 린이 홈

 

- 우산 홈

 

 

스토리보드 만들기 설명을 마칩니다

스토리보드에 의거 홈페이지를 만들어 가기때문에 밑그림을 잘 그려야 합니다

 

각자의 홈페이지 스트로보드를 만들어 따라할 분들은

시간이 걸리더라도 각자 스토리보드를 준비하시기 바랍니다.

 

다음 강좌는 제로보드 XE로 홈페이지 만들기 -

제4장 게시판 모듈 설치와 사이트맵 만들기 입니다 / 우산