Transcript 홈페이지 분양 신청

홈페이지 분양 시나리오 : 준비 단계
홈페이지 분양과 구축을 위해, 하기의 작업이 필요하오니, 개별 교육기관에서 진행해 주세요.
☞ 1단계 : 홈페이지 분양 신청
교육기관에서 홈페이지 분양 신청을 경기도평생교육진흥원에 신청하고 승인을 받습니다.
연락처 : 경기도평생교육진흥원, 안용현, [email protected]
☞ 2단계 : 회원 등록
교육기관의 관리자가 하기 2개 Site 중에 한 곳에서 회원으로 가입합니다.

경기도평생교육 진흥원 포털 “길” : http://gil.gg.go.kr
☞ 3단계 : 교육기관 관리자 ID 회신
상기 2단계에서 등록한 회원 ID와 신청기관 이름을 하기 이메일로 전송해 주시기 바랍니다.

메일 주소 : [email protected] 또는 [email protected]
☞ 4단계 : 테스트 URL 생성 및 배정
여러분들이 홈페이지를 만들 수 있는 환경과 테스트 URL을 만들어 메일로 개별 연락하겠습니다.
문의처 전화번호 : 070-8227-0401
|
이메일 : [email protected] 또는 [email protected]
홈페이지 분양 시나리오 : 홈페이지 구축 지원
여러분들이 홈페이지를 구축하는 작업을 다음과 같은 방법으로 지원해 드리려고 합니다.
홈페이지를 4일에 걸쳐 만들게 되는데, 매일 작업할 내용을 e-메일로 설명하고, 궁금하신 사항은
하기 문의처로 연락하시면 상세히 지원할 예정입니다.
☞ 1일차 : 홈페이지 준비 작업
홈페이지 구축을 위해 사전에 준비할 내용을 점검하는 과정입니다.
☞ 2일차 : 홈페이지 기본 정보 입력
STEP 01. 기본정보 입력 : 회사의 기본 정보를 입력하는 과정 입니다.
STEP 02. 템플릿/스킨 설정 : 홈페이지의 템플릿과 색상을 선택하는 과정 입니다.
STEP 03. 디자인설정 : 홈페이지의 디자인을 변경하는 과정입니다.
☞ 3일차 : 홈페이지 메뉴 작성
STEP 04. 메뉴/페이지 설정 : 홈페이지의 메뉴를 작성하는 과정입니다.
☞ 4일차 : 홈페이지 메인 꾸미기
STEP 05. 메인 위젯 꾸미기 : 선택한 템플릿에 위젯을 설정하는 과정입니다.
문의처 전화번호 : 070-8227-0401
|
이메일 : [email protected] 또는 [email protected]
부록
홈페이지 분양 메뉴얼
1. 관리자 – 메인화면
개요
1
홈페이지 관리자 메인화면입니다.
2
주석
1 상단 라인메뉴
2 홈페이지 관리메뉴
3 고객지원 메뉴
4 디자인 지원
상세내용
1. 상단 라인 메뉴 – 홈페이지관리(홈페이지
관리자 페이지 이동), 학사관리(학사관리 페이
지로 이동), 홈페이지보기(사용자가 접속하는
메인페이지로 이동) 버튼이 나열되어 있습니
다.
2. 홈페이지 관리메뉴 – 기본정보, 템플릿/스킨
설정, 디자인 설정, 메뉴/페이지 설정, 게시판
관리 메뉴로 이동합니다.
3. 고객지원(추후지원).
게시판을 통해 홈페이지의 추가된 기능이나
업데이트 된 매뉴얼을 다운받을 수 있고 문의
사항을 접수할 수 있습니다.
3
4
4. 디자인지원(추후지원)
글 작성시 필요한 템플릿 양식들을 지원받을
수 있는 메뉴입니다.
주의사항
2. 관리자 – 기본정보 입력
개요
1
2
홈페이지의 기본 정보를 입력하는 관리자 영
역입니다.
제목, 푸터정보, 메타태그등을 입력합니다.
주석
3
1 상단 라인메뉴
2 홈페이지 관리메뉴
3 홈페이지 기본 정보 입력 폼
상세내용
1. 상단 라인 메뉴 – 홈페이지관리(홈페이지
관리자 페이지 이동), 학사관리(학사관리 페이
지로 이동), 홈페이지보기(사용자가 접속하는
메인페이지로 이동) 버튼이 나열되어 있습니
다.
2. 관리자 메뉴 – 기본정보, 템플릿/스킨설정,
디자인 설정, 메뉴/페이지 설정, 게시판 관리
메뉴로 이동합니다.
3. 홈페이지의 기본 정보를 입력합니다.
홈페이지 제목 – 브라우저 제목에 나타나는 텍
스트를 입력합니다.
도메인 설정 – 현재 내 도메인을 확인할 수 있
습니다.
관리자 이메일 – 대표 이메일을 입력합니다.
푸터 정보 – 홈페이지 하단에 노출되는 정보를
입력합니다.
주소 – 운영하는 업체의 주소를 입력합니다.
메타 태그 – 사이트를 대표적으로 알려줄수 있
는 키워드를 입력합니다.
주의사항
3. 관리자 – 템플릿 설정
개요
홈페이지의 기본 템플릿(메인 페이지 유형을
선택합니다.
주석
1 템플릿 선택
2 템플릿 저장
상세내용
1. 홈페이지 메인을 구성하는 레이아웃을 선택
할 수 있습니다.
1
2. 선택한 레이아웃을 저장합니다.
주의사항
2
4. 관리자 – 스킨 설정
개요
홈페이지에 사용될 기본 색 그룹을 지정합니
다.
주석
1 스킨 미리보기
2 스킨 선택하기
1
3 스킨 저장하기
상세내용
1. 선택된 스킨의 색 그룹이 적용된 홈페이지
를 미리 확인할 수 있습니다.
2. 5가지 스킨중 원하는 색상의 스킨을 선택합
니다.
3. 선택한 스킨으로저장합니다.
2
주의사항
3
5. 관리자 – 디자인 설정
개요
홈페이지에 로고를 변경하고, 영역별로 사용되
는 배경색과 글자색을 수정하는 관리자 메뉴
입니다.
주석
1
2
1 변경 가능 영역 표시
2 홈페이지 디자인 설정
상세내용
1. 변경 가능 영역을 표시해주는 안내 영역입
니다.
2. 홈페이지 디자인을 변경하는 폼입니다.
1)로고변경 – 홈페이지에 사용되는 메인 로고
를 변경합니다.
2) 유틸 메뉴바 설정 – 최상단에 노출되는 메
뉴바의 배경색과 글자색을 정합니다.
3). 상단 설정 – 메인 메뉴에 사용되는 글자색
과 배경색을 설정합니다.
4.) 배경설정 – 홈페이지 의 전체적인 배경색
을 설정합니다.
5.) 푸터 설정 – 홈페이지 하단에 나오는 기본
정보영역의 배경색과 글자색을 수정합니다.
3. 설정하는 디자인 요소들을 미리 확인할 수
있습니다.
주의사항
6. 관리자 – 메뉴/페이지 설정(대메뉴)
개요
사용자들이 볼 수 있는 메뉴를 추가/수정/삭제
하고 해당 메뉴에 데이터가 어떻게 보여질지
정하는 관리자 메뉴입니다.
주석
1 메뉴 구조 설정 영역
1
2
2 아이콘 설정
3 대표이미지 설정
4 미리보기
상세내용
1. 대메뉴나 서브메뉴를 추가, 수정, 삭제할 수
있는 영역입니다.
3
2. 메뉴의 아이콘을 설정하는 영역입니다.
3. 메뉴의 대표 이미지와 문구를 설정하는 영
역입니다.
4. 현재 구성된 메뉴를 확인할 수 있습니다.
4
주의사항
7. 관리자 – 메뉴/페이지 설정(서브메뉴)
개요
사용자들이 볼 수 있는 메뉴를 추가/수정/삭제
하고 해당 메뉴에 데이터가 어떻게 보여질지
정하는 관리자 메뉴입니다.
주석
1 메뉴 구조 설정 영역
1
2
2 서브메뉴 형식 설정 영역
3 메뉴 미리보기 영역
상세내용
1. 대메뉴나 서브메뉴를 추가, 수정, 삭제할 수
있는 영역입니다.
2. 서브메뉴가 어떠한 형식으로 보여질지 선택
할 수 있습니다.
페이지형 – 회사소개, 연혁등 한페이지로 보여
지는 정보를 입력하는데 적합합니다.
리스트형 – 일반적인 게시물 형태의 페이지 입
니다. 공지사항, 자유게시판등이 해당됩니다.
앨범형 – 이미지를 올려 관리하는 메뉴에 적합
합니다.
3. 만들어진 메뉴를 미리보는 영역입니다.
3
주의사항
8. 관리자 - 메인 위젯 꾸미기
개요
메인 페이지에 들어갈 위젯들을 꾸미는 관리
자 모드입니다.
주석
1 선택한 위젯 템플릿
2 위젯 꾸미기 버튼
1
상세내용
1. 선택한 템플릿의 디자인 영역이 보여집니다.
2
2. 내용을 채워넣을 영역에 마우스를 올리면
위젯 꾸미기 버튼이 나타납니다.
주의사항
9. 관리자 – 게시물 관리
개요
사용자들이 확인할 수 있는 페이지, 게시물을
작성하는 관리자 메뉴입니다.
주석
1 글쓰기
1
2 글쓰기가 가능한 게시판 목록
3 게시물 목록
2
3
상세내용
1. 글쓰기 페이지로 이동합니다.
2. 글쓰기가 가능한 메뉴 목록이 나타납니다.
3. 등록된 게시물을 확인할 수 있습니다.
주의사항
10. 관리자 – 게시물 작성
개요
사용자들이 확인할 수 있는 페이지, 게시물을
작성하는 관리자 메뉴입니다.
주석
1 제목입력
1
2
3
4
2 작성자입력
3 등록일 입력
상세내용
1.
2.
3.
4.
게시물의 제목을 입력합니다.
작성자를 입력합니다.
등록일을 입력합니다.
게시물 내용을 에디터를 통해 작성합니다.
주의사항
11. 관리자 – 위젯 선택하기
개요
어떠한 위젯으로 해당 영역을 꾸밀지 선택할
수 있습니다.
주석
1 위젯 선택 창
상세내용
1
게시물 미리보기 – 등록된 게시물을 메인페이
지에서 미리 확인할 수 있습니다.
이미지 배너 – 이미지를 등록해 배너를 만듭니
다.
롤링 배너 – 여러 이미지가 돌아가는 형식의
배너를 만듭니다.
동영상 – youtube 동영상을 등록합니다.
에디터 직접편집 – 에디터로 직접 내용을 넣을
수 있습니다.
주의사항
12. 관리자 – 게시물 미리보기 위젯
개요
메인 페이지에 선택한 게시판의 게시물을 보
여지게 합니다.
주석
1 대메뉴 선택
2 중메뉴 선택
3 미리보기 타입
4 노출 게시물 수
상세내용
1
1.
대메뉴를 선택합니다.
2
2.
대메뉴 선택 후 해당 대메뉴에 속해있는
하위메뉴를 선택합니다.
3.
게시물이 어떠한 형태로 보여질지 선택합
니다.
리스트형 – 게시물의 제목이 보여집니다.
앨범형 – 게시물의 이미지가 보여집니다.
4.
몇 개의 게시물이 해당 영역에 보여질지
선택합니다.
3
4
주의사항
13. 관리자 – 이미지 배너 위젯
개요
이미지로 배너를 등록합니다.
주석
1 이미지 등록
2 링크 URL
3 링크 타입
상세내용
1
1.
2.
3.
배너로 사용될 이미지를 선택합니다.
배너 클릭시 이동할 URL을 등록합니다.
링크가 새로운 창에서 나타날 것인지, 현
재 창에서 이동할 것인지 선택합니다.
2
3
주의사항
14. 관리자 – 롤링 배너 위젯
개요
이미지로 배너를 등록합니다.
주석
1 롤링 형태 설정
2 이미지 등록
3 링크 등록
4 링크 타입 설정
상세내용
1
1.
2
2.
3.
3
4.
4
배너가 어떠한 형태로 움직일지 선택합니
다.
첫번째 이미지를 선택합니다.
첫번재 이미지가 어떠한 링크로 이동될지
선택합니다.
첫번째 링크가 어떠한 형식으로 이동할지
선택합니다.
주의사항
15. 관리자 – 동영상 위젯
개요
동영상을 등록합니다.
주석
1 동영상 아이디 입력
상세내용
1.
입력하고 싶은 Youtube 동영상 아이디를
입력합니다.
1
주의사항
16. 관리자 - 에디터 직접입력 위젯
개요
해당 영역에 보여질 내용을 에디터를 통해 입
력합니다.
주석
1 에디터 직접입력
상세내용
1.
1
에디터로 해당 위젯 영역에 보여질 데이
터를 직접 입력합니다.
주의사항
17. 사용자 – 메인 페이지
개요
1
2
사용자에게 보여지는 위젯이 적용된 메인페이
지 예시입니다.
주석
1 롤링배너
2 이미지배너
3 게시물미리보기
4 동영상
상세내용
3
4
1. 롤링배너가 적용된 위젯입니다. 가로 슬라
이드, 세로슬라이드, 페이드 인/아웃 효과를 적
용할수 있습니다.
2. 이미지 배너가 적용된 위젯입니다. 클릭시
미리 입력해둔 링크로 이동합니다.
3. 게시물 미리보기가 적용된 위젯입니다. 클
릭시 해당 게시물 상세보기 화면으로 이동합
니다.
4. 동영상이 적용된 위젯입니다. 사용자가 사
이트 내에서 동영상을 재생할 수 있습니다.
주의사항
18. 사용자 – 메뉴 선택 화면
개요
사용자가 메뉴를 선택했을 경우 보여지는 페
이지 입니다.
주석
1 서브메뉴
2 페이지 내용보기
상세내용
1
2
1. 선택한 메인메뉴에 속한 서브메뉴 목록이
나타납니다.
2. 페이지 형식으로 메뉴를 선택했을 경우 보
여지는 화면입니다.
주의사항