▣宇山 웹디자인/홈페이지 만들기

제로보드 XE로 홈페이지 만들기 - 제6장 홈 레이아웃 적용하기 / 우산

woosanje 2013. 7. 1. 10:29

 

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

 

제6장 레이아웃 적용하기

 

지난번에 만든 메인메뉴 및 서브메뉴에 레이아웃을 적용해 봅니다

아울러 홈페이지 로고 및 주소 링크하기도 실습합니다

 

1. 닷홈 계정의 XE관리자 페이지에 접속합니다

 

2. 고급/설치된 레이아웃 클릭

아래 그림처럼 고급 항목에서 "설치된 레이아웃" 메뉴를 클릭합니다

 

 

 

 

 

3. "XE공식 사이트 레이아웃" 클릭

설치된 레이아웃을 보여주는 화면이 나오면

맨 위에 있는 "XE공식 사이트 레이아웃"을 클릭합니다

 

 

 

4."설정"하기

XE공식 사이트 레이아웃 편집 화면에서

아래와 같이 "설정"을 클릭합니다

 

5. 사이트 제목입력 및 일괄적용 체크

 레이아웃 설정화면이 나오면 아래와 같이 5개 순서로 작업합니다

즉,

1. 제목을 여러분 사이트제목으로 입력해주시고,

2. 중간에 로고로 쓰일 문자를 입력해주고

(로고가 준비되신 분은 그 위에 있는 찾아보기 클릭하여 폴더에서 로고이미지를 등록해도 됩니다)

3. 홈페이지로 쓰일 주소를 입력해주고 (여러분의 등록 계정)

4. 맨아래 "레이아웃 일괄적용"에 체크해주시고

5. 저장을 클릭하면 됩니다

 

 

 

 

 

6. 레이아웃 적용여부 확인해보기

아래와 같이 XE관리자 화면에서 홈페이지 주소를 클릭하여(아래 이미지 참조) 확인해봅니다

 

 

 

 

7.홈페이지가 아래와 같이 변경된 것을 확인할 수 있습니다

우리가 만든 다섯가지 주메뉴가 메뉴바에 나타나 있습니다

**변경되기 전의 홈페이지는 이 아래 그림에서 비교해보세요

 

 

 

 

 

변경전 화면은 아래와 같았습니다

즉 Welcome Page가 홈으로 사용하던 모습입니다

 

 

 

 

8. 홈페이지 시험해보기

아래와 같이 홈페이지 변경사항을 확인하시고 메인메뉴를 클릭해서

서브메뉴가 나오는가? 게시판이 보여지는가? 등을 확인해보세요

메인메뉴에 마우스를 가져가면 서브메뉴가 나오고,

이를 클릭하면 좌측 메뉴란과 가운데에 게시판이 뜹니다.

현재 작업한 결과와 일치합니다.

이제는 새롭게 꾸미는 일들이 남았습니다

 

ㅇ주메뉴(다섯개)에서 여행이라는 메뉴에 마우스를 가져가면 하위메뉴 두개(유럽여행,아시아여행)가 뜹니다

ㅇ유럽여행을 클릭하면 좌측 메뉴바에 주메뉴-여행과 서브메뉴가 나타납니다

ㅇ그와 동시에 화면 가운데에는 게시판이 나타났습니다. 현재는 글이 없네요

 

Tip 이렇게 화면이 안보이는 분들은 이렇게 다시 시행해보세요

새사이트가 홈페이지로 지정되었으나 레이아웃이 성공적으로서 변경되지 않았다면

현재 그 상태에서 XE공식사이트 레이아웃을 다시 한번 지정해주면 됩니다

즉, 위에서 2번부터 7번까지 방식으로 진행하면 됩니다.

수정작업 할수 있도록 관리자페이지로 접근하려면 홈 상단의 "ADMIN"을

클릭하면 됩니다.

 

현재 홈페이지 초기화면은 home 이라는 주메뉴의 위젯페이지가

보이고 있는 상태인데 좀 밋밋합니다

 

다음 강좌에서는

1. home 이라는 위젯페이지를 수정하여 영상이나 이미지가 보이도록

해보겠습니다

2. 아울러 나머지 주메뉴의 하위 게시판에 글을 올려 여행기, 사진, 플래시, 강좌 등 각 게시판에 하나씩

글을 올리는 방법을 실행합니다

 

 

 

 

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

 - 다음 제7장은 홈페이지 초기화면에 영상 올리기 및 게시판 글 올리기 입니다/ 우산