홈페이지 분양과 구축을 위해 , 하기의 작업이 필요하오니 , 개별 교육기관에서 진행해 주세요 .

☞ 1 단계 : 홈페이지 분양 신청교육기관에서 홈페이지 분양 신청을 경기도평생교육진흥원에 신청하고 승인을 받습니다 .

연락처 : 경기도평생교육진흥원 , 안용현 , mookgeck@naver.com

☞ 2 단계 : 회원 등록교육기관의 관리자가 하기 2 개 Site 중에 한 곳에서 회원으로 가입합니다 .

경기도평생교육 진흥원 포털 “길” : http://gil.gg.go.kr

☞ 3 단계 : 교육기관 관리자 ID 회신상기 2 단계에서 등록한 회원 ID 와 신청기관 이름을 하기 이메일로 전송해 주시기 바랍니다 .

메일 주소 : reup@reup.co.kr 또는 kilchanik@hotmail.com

☞ 4 단계 : 테스트 URL 생성 및 배정 여러분들이 홈페이지를 만들 수 있는 환경과 테스트 URL 을 만들어 메일로 개별 연락하겠습니다 .

문의처 전화번호 : 070-8227-0401 | 이메일 :  reup@reup.co.kr 또는 kilchanik@hotmail.com

홈페이지 분양 시나리오 : 준비 단계

여러분들이 홈페이지를 구축하는 작업을 다음과 같은 방법으로 지원해 드리려고 합니다 .

홈페이지를 4 일에 걸쳐 만들게 되는데 , 매일 작업할 내용을 e- 메일로 설명하고 , 궁금하신 사항은 하기 문의처로 연락하시면 상세히 지원할 예정입니다 .

☞ 1 일차 : 홈페이지 준비 작업홈페이지 구축을 위해 사전에 준비할 내용을 점검하는 과정입니다 .

☞ 2 일차 : 홈페이지 기본 정보 입력STEP 01. 기본정보 입력 : 회사의 기본 정보를 입력하는 과정 입니다 .

STEP 02. 템플릿 / 스킨 설정 : 홈페이지의 템플릿과 색상을 선택하는 과정 입니다 .

STEP 03. 디자인설정 : 홈페이지의 디자인을 변경하는 과정입니다 .

☞ 3 일차 : 홈페이지 메뉴 작성STEP 04. 메뉴 / 페이지 설정 : 홈페이지의 메뉴를 작성하는 과정입니다 .

☞ 4 일차 : 홈페이지 메인 꾸미기STEP 05. 메인 위젯 꾸미기 : 선택한 템플릿에 위젯을 설정하는 과정입니다 .

홈페이지 분양 시나리오 : 홈페이지 구축 지원

문의처 전화번호 : 070-8227-0401 | 이메일 :  reup@reup.co.kr 또는 kilchanik@hotmail.com

부록

홈페이지 분양 메뉴얼

개요

홈페이지 관리자 메인화면입니다 .

주석

1 상단 라인메뉴

2 홈페이지 관리메뉴

3 고객지원 메뉴

4 디자인 지원

상세내용

1. 상단 라인 메뉴 – 홈페이지관리 ( 홈페이지 관리자 페이지 이동 ), 학사관리 ( 학사관리 페이지로 이동 ), 홈페이지보기 ( 사용자가 접속하는 메인페이지로 이동 ) 버튼이 나열되어 있습니다 .

2. 홈페이지 관리메뉴 – 기본정보 , 템플릿 / 스킨설정 , 디자인 설정 , 메뉴 / 페이지 설정 , 게시판 관리 메뉴로 이동합니다 .

3. 고객지원 ( 추후지원 ).게시판을 통해 홈페이지의 추가된 기능이나 업데이트 된 매뉴얼을 다운받을 수 있고 문의사항을 접수할 수 있습니다 .

4. 디자인지원 ( 추후지원 )글 작성시 필요한 템플릿 양식들을 지원받을 수 있는 메뉴입니다 .

주의사항

2

1

3 4

1. 관리자 – 메인화면

개요

홈페이지의 기본 정보를 입력하는 관리자 영역입니다 .

제목 , 푸터정보 , 메타태그등을 입력합니다 .

주석

1 상단 라인메뉴

2 홈페이지 관리메뉴

3 홈페이지 기본 정보 입력 폼

상세내용

1. 상단 라인 메뉴 – 홈페이지관리 ( 홈페이지 관리자 페이지 이동 ), 학사관리 ( 학사관리 페이지로 이동 ), 홈페이지보기 ( 사용자가 접속하는 메인페이지로 이동 ) 버튼이 나열되어 있습니다 .

2. 관리자 메뉴 – 기본정보 , 템플릿 /스킨설정 , 디자인 설정 , 메뉴 / 페이지 설정 , 게시판 관리 메뉴로 이동합니다 .

3. 홈페이지의 기본 정보를 입력합니다 .홈페이지 제목 – 브라우저 제목에 나타나는 텍스트를 입력합니다 .도메인 설정 – 현재 내 도메인을 확인할 수 있습니다 .관리자 이메일 – 대표 이메일을 입력합니다 .푸터 정보 – 홈페이지 하단에 노출되는 정보를 입력합니다 .주소 – 운영하는 업체의 주소를 입력합니다 .메타 태그 – 사이트를 대표적으로 알려줄수 있는 키워드를 입력합니다 .

주의사항

2

1

3

2. 관리자 – 기본정보 입력

개요

홈페이지의 기본 템플릿 ( 메인 페이지 유형을 선택합니다 .

주석

1 템플릿 선택

2 템플릿 저장

상세내용

1. 홈페이지 메인을 구성하는 레이아웃을 선택할 수 있습니다 .

2. 선택한 레이아웃을 저장합니다 .

주의사항

2

1

3. 관리자 – 템플릿 설정

개요

홈페이지에 사용될 기본 색 그룹을 지정합니다 .

주석

1 스킨 미리보기

2 스킨 선택하기

3 스킨 저장하기

상세내용

1. 선택된 스킨의 색 그룹이 적용된 홈페이지를 미리 확인할 수 있습니다 .

2. 5 가지 스킨중 원하는 색상의 스킨을 선택합니다 .

3. 선택한 스킨으로저장합니다 .

주의사항

2

1

3

4. 관리자 – 스킨 설정

개요

홈페이지에 로고를 변경하고 , 영역별로 사용되는 배경색과 글자색을 수정하는 관리자 메뉴입니다 .

주석

1 변경 가능 영역 표시

2 홈페이지 디자인 설정

상세내용

1. 변경 가능 영역을 표시해주는 안내 영역입니다 .

2. 홈페이지 디자인을 변경하는 폼입니다 .1) 로고변경 – 홈페이지에 사용되는 메인 로고를 변경합니다 .

2) 유틸 메뉴바 설정 – 최상단에 노출되는 메뉴바의 배경색과 글자색을 정합니다 .

3). 상단 설정 – 메인 메뉴에 사용되는 글자색과 배경색을 설정합니다 .

4.) 배경설정 – 홈페이지 의 전체적인 배경색을 설정합니다 .

5.) 푸터 설정 – 홈페이지 하단에 나오는 기본 정보영역의 배경색과 글자색을 수정합니다 .

3. 설정하는 디자인 요소들을 미리 확인할 수 있습니다 .

주의사항

1 2

5. 관리자 – 디자인 설정

개요

사용자들이 볼 수 있는 메뉴를 추가 / 수정 /삭제하고 해당 메뉴에 데이터가 어떻게 보여질지 정하는 관리자 메뉴입니다 .

주석

1 메뉴 구조 설정 영역

2 아이콘 설정

3 대표이미지 설정

4 미리보기

상세내용

1. 대메뉴나 서브메뉴를 추가 , 수정 , 삭제할 수 있는 영역입니다 .

2. 메뉴의 아이콘을 설정하는 영역입니다 .

3. 메뉴의 대표 이미지와 문구를 설정하는 영역입니다 .

4. 현재 구성된 메뉴를 확인할 수 있습니다 .

주의사항

1

4

3

2

6. 관리자 – 메뉴 / 페이지 설정 ( 대메뉴 )

개요

사용자들이 볼 수 있는 메뉴를 추가 / 수정 /삭제하고 해당 메뉴에 데이터가 어떻게 보여질지 정하는 관리자 메뉴입니다 .

주석

1 메뉴 구조 설정 영역

2 서브메뉴 형식 설정 영역

3 메뉴 미리보기 영역

상세내용

1. 대메뉴나 서브메뉴를 추가 , 수정 , 삭제할 수 있는 영역입니다 .

2. 서브메뉴가 어떠한 형식으로 보여질지 선택할 수 있습니다 .

페이지형 – 회사소개 , 연혁등 한페이지로 보여지는 정보를 입력하는데 적합합니다 .

리스트형 – 일반적인 게시물 형태의 페이지 입니다 . 공지사항 , 자유게시판등이 해당됩니다 .

앨범형 – 이미지를 올려 관리하는 메뉴에 적합합니다 .

3. 만들어진 메뉴를 미리보는 영역입니다 .

주의사항

1

3

2

7. 관리자 – 메뉴 / 페이지 설정 ( 서브메뉴 )

개요

메인 페이지에 들어갈 위젯들을 꾸미는 관리자 모드입니다 .

주석

1 선택한 위젯 템플릿

2 위젯 꾸미기 버튼

상세내용

1. 선택한 템플릿의 디자인 영역이 보여집니다 .

2. 내용을 채워넣을 영역에 마우스를 올리면 위젯 꾸미기 버튼이 나타납니다 .

주의사항

1

2

8. 관리자 - 메인 위젯 꾸미기

개요

사용자들이 확인할 수 있는 페이지 , 게시물을 작성하는 관리자 메뉴입니다 .

주석

1 글쓰기

2 글쓰기가 가능한 게시판 목록

3 게시물 목록

상세내용

1. 글쓰기 페이지로 이동합니다 .

2. 글쓰기가 가능한 메뉴 목록이 나타납니다 .

3. 등록된 게시물을 확인할 수 있습니다 .

주의사항

1

2

3

9. 관리자 – 게시물 관리

개요

사용자들이 확인할 수 있는 페이지 , 게시물을 작성하는 관리자 메뉴입니다 .

주석

1 제목입력

2 작성자입력

3 등록일 입력

상세내용

1. 게시물의 제목을 입력합니다 .2. 작성자를 입력합니다 .3. 등록일을 입력합니다 .4. 게시물 내용을 에디터를 통해 작성합니다 .

주의사항

1

2

3

4

10. 관리자 – 게시물 작성

개요

어떠한 위젯으로 해당 영역을 꾸밀지 선택할 수 있습니다 .

주석

1 위젯 선택 창

상세내용

게시물 미리보기 – 등록된 게시물을 메인페이지에서 미리 확인할 수 있습니다 .

이미지 배너 – 이미지를 등록해 배너를 만듭니다 .

롤링 배너 – 여러 이미지가 돌아가는 형식의 배너를 만듭니다 .

동영상 – youtube 동영상을 등록합니다 .

에디터 직접편집 – 에디터로 직접 내용을 넣을 수 있습니다 .

주의사항

1

11. 관리자 – 위젯 선택하기

개요

메인 페이지에 선택한 게시판의 게시물을 보여지게 합니다 .

주석

1 대메뉴 선택

2 중메뉴 선택

3 미리보기 타입

4 노출 게시물 수

상세내용

1. 대메뉴를 선택합니다 .

2. 대메뉴 선택 후 해당 대메뉴에 속해있는 하위메뉴를 선택합니다 .

3. 게시물이 어떠한 형태로 보여질지 선택합니다 .리스트형 – 게시물의 제목이 보여집니다 .앨범형 – 게시물의 이미지가 보여집니다 .

4. 몇 개의 게시물이 해당 영역에 보여질지 선택합니다 .

주의사항

1

2

3

4

12. 관리자 – 게시물 미리보기 위젯

개요

이미지로 배너를 등록합니다 .

주석

1 이미지 등록

2 링크 URL

3 링크 타입

상세내용

1. 배너로 사용될 이미지를 선택합니다 .2. 배너 클릭시 이동할 URL 을 등록합니다 .3. 링크가 새로운 창에서 나타날 것인지 ,

현재 창에서 이동할 것인지 선택합니다 .

주의사항

1

2

3

13. 관리자 – 이미지 배너 위젯

개요

이미지로 배너를 등록합니다 .

주석

1 롤링 형태 설정

2 이미지 등록

3 링크 등록

4 링크 타입 설정

상세내용

1. 배너가 어떠한 형태로 움직일지 선택합니다 .

2. 첫번째 이미지를 선택합니다 .3. 첫번재 이미지가 어떠한 링크로 이동될지

선택합니다 .4. 첫번째 링크가 어떠한 형식으로 이동할지

선택합니다 .

주의사항

1

2

3

4

14. 관리자 – 롤링 배너 위젯

개요

동영상을 등록합니다 .

주석

1 동영상 아이디 입력

상세내용

1. 입력하고 싶은 Youtube 동영상 아이디를 입력합니다 .

주의사항

1

15. 관리자 – 동영상 위젯

개요

해당 영역에 보여질 내용을 에디터를 통해 입력합니다 .

주석

1 에디터 직접입력

상세내용

1. 에디터로 해당 위젯 영역에 보여질 데이터를 직접 입력합니다 .

주의사항

1

16. 관리자 - 에디터 직접입력 위젯

개요

사용자에게 보여지는 위젯이 적용된 메인페이지 예시입니다 .

주석

1 롤링배너

2 이미지배너

3 게시물미리보기

4 동영상

상세내용

1. 롤링배너가 적용된 위젯입니다 . 가로 슬라이드 , 세로슬라이드 , 페이드 인 / 아웃 효과를 적용할수 있습니다 .

2. 이미지 배너가 적용된 위젯입니다 . 클릭시 미리 입력해둔 링크로 이동합니다 .

3. 게시물 미리보기가 적용된 위젯입니다 . 클릭시 해당 게시물 상세보기 화면으로 이동합니다 .

4. 동영상이 적용된 위젯입니다 . 사용자가 사이트 내에서 동영상을 재생할 수 있습니다 .

주의사항

1 2

3

1

4

17. 사용자 – 메인 페이지

개요

사용자가 메뉴를 선택했을 경우 보여지는 페이지 입니다 .

주석

1 서브메뉴

2 페이지 내용보기

상세내용

1. 선택한 메인메뉴에 속한 서브메뉴 목록이 나타납니다 .

2. 페이지 형식으로 메뉴를 선택했을 경우 보여지는 화면입니다 .

주의사항

21

18. 사용자 – 메뉴 선택 화면