템플릿 기반의 홈페이지 전체 매뉴얼 - Ewha Womans Universitycms.ewha.ac.kr/Web-home/common/manual/Jwizard5.0_user.pdf · 2015. 6. 11. · 4 1. 관자 로그인 방법

1

템플릿 기반의 홈페이지

전체 매뉴얼

2015.06.12.

2

----------------------------- 4

-------------------5

----------------------------- 6

------------------------------- 12

------------------ 13

------------------- 14

---------------------------- 15

----------------------- 19

------------------------23

----------------------------------28

---------------------------29

----------------------- 31

-------------------------- 43

---------------------------- 45

------------------------- 48

---------------------------- 54

------------------------- 59

---------------------------- 63

------------------------------ 66

----------------------------70

-------------------------76

----------------------------76

--------------------------- 77

-------------------- 78

--------------------------- 79

--------------------------- 85

---------------------- 88

------------------------------ 90

---------------------- 92

---------------------- 94

-----------------------------98

------------ 99

------------------------- 99

---------------------- 100

----------------------- 101

---------------------- 102

---------------------- 103

------------------------------- 99

--------------------- 106

---------------------------- 107

--------------------------- 99

------------------- 99

---------------------- 99

--------------------------- 99

--------------------- 108

---------------------- 99

--------------------------- 99

----------------------- 99

--------------------------- 109

--------------------------- 110

------------------------ 111

----------------- 112

-------------113

---------------------------- 114

------------------------------------------ 115

------------------------------------------ 116

------------------------------------- 116

1. 관리자 로그인

1.1. 관리자 로그인 방법

1.2. 관리자 로그인 화면

2. 홈페이지 관리

2.1. 홈페이지 화면구성

2.1.1. 개설 홈페이지 화면

2.1.2. 웹 에디터

2.1.3. 리모콘

2.1.4. 홈페이지 배경설정

2.1.5. 관리자 화면 구성

2.2. 메뉴관리

2.2.1. 메뉴관리

2.2.2. 배열설정

2.2.3. 속성설정

2.3. 파일관리

2.4. 기능관리

2.4.1. 위젯 적용 방법

2.4.2. 기능 적용 방법

2.4.3. HTML빌더

2.4.4. 이미지슬라이드

2.4.5. 배너존

2.4.6. 팝업존

2.4.7. 교수소개

2.4.8. [탭]최근게시물

2.4.9. 게시판관리

2.4.10. 연혁관리

2.4.11. 인물소개

2.4.12 설문조사

2.4.13. 학사일정관리

2.4.14. 학사일정연동

2.4.15. 관련사이트

2.5. 위젯관리

2.5.1. SNS연동

2.5.2. 강의계획안/전공시간표

2.5.3. 글로벌GNB

2.5.4. 대표공지연동

2.5.5. 로그인(메인)

2.5.6. 배경슬라이드

2.5.7. 이화뉴스연동

2.5.8. 인사말

2.5.9. 찾아오시는 길

2.5.10. 퀵메뉴

2.5.11. 통합검색

2.5.12. 페이지위치정보

2.5.13. 학위논문검색

2.5.14. 기타위젯

2.6. 환경설정

2.6.1. 홈페이지 정보

2.6.2. 홈페이지 백업

2.6.3. 회원관리

2.7. 통계

2.7.1. 홈페이지 사용현황

2.7.2. 홈페이지 통계

3. 블로그형 홈페이지 관리

3.1. 블로그형 홈페이지 화면구성

3.2. 메인 화면설정

4. FAQ

5. 안내

목차

• 매뉴얼의 기호설명

TIP 사용시 참고사항

사용시 주의사항

사용시 위험사항

!

!

표1

3

1. 관리자 로그인

1.1. 관리자 로그인 방법

• 홈페이지 관리자 로그인 주소는 http://cms.ewha.ac.kr 입니다.

• 발급받으신 홈페이지 관리자 아이디와 비밀번호를 입력하고, 로그인 버튼을 클릭하시면 로그인 됩니다.

• 만약 발급받으신 관리자 아이디 외에 포탈정보시스템 아이디로 로그인 되어 있는 상태라면, 로그아웃 버튼을 먼저 클릭하시기 바랍니다.

그림1. 관리자 로그인 화면

4

1. 관리자 로그인 방법

1.2. 관리자 로그인 화면

1. 홈페이지 이동

로그인 된 이후, ‘이동하실 홈페이지를 선택하세요‘ 영역을 클릭하면 개설된 홈페이지가

표시됩니다. 해당 홈페이지를 클릭하시면 홈페이지로 이동하실 수 있습니다.

2. 비밀번호변경

발급받으신 홈페이지 계정으로 처음 로그인하신 이후에는 비밀번호변경 버튼을 클릭하여,

새로운 비밀번호로 변경해 주세요. 비밀번호 설정 후 3개월이 지나면 자동으로 비밀번호를

변경하라는 안내 메시지가 출력됩니다.

3. 로그아웃

홈페이지 변경사항을 모두 완료하신 후에는 로그아웃 버튼을 클릭하시기 바랍니다.

그림1. 관리자 로그인 된 화면

1

2

3

5



2.1.1. 개설 홈페이지 화면

• 홈페이지 관리자로 로그인하면 웹 에디터과 리모콘을 이용하여 홈페이지를 관리 할 수 있으며, 배경을 설정할 수도 있습니다.

그림1. 관리자 로그인 전

그림2. 관리자 로그인 후

1 2

1. 웹 에디터

편집 버튼 클릭 시 실행되는 웹 에디터를 이용하여 해당 영역(각각의 HTML페이지)을 직접 편집할

수 있습니다.

2. 리모콘

홈페이지 관리 및 설정을 위한 모든 페이지로 한번에 이동이 가능합니다.

3. 배경설정

홈페이지 메인 화면 및 서브 화면의 Body영역. 홈페이지 영역의 배경이미지 및 배경색을 설정할

수 있습니다

3

6



2.1.2. 웹 에디터

그림1. 페이지 편집을 위한 웹 에디터 화면

• 홈페이지 관리자로 로그인 한 후 각 페이지 별로 [편집] 버튼을 클릭하면 웹 에디터를 통해 페이지의 HTML 내용을 편집하거나 홈페이지 기능(게시판, 설문조사 등), 위젯(로그인 등)을 불러와 사용할 수 있습니다.

1 2 5

3

4

1. 콘텐츠 가져오기 영역

홈페이지에서 사용할 기능(게시판, 설문조사 등), 위젯(메뉴, 로그인 등), 이미지를 불러올 수

있습니다.

2. 코디히스토리 (페이지 복구 영역)

사용자의 실수 혹은, 기타 사유로 인하여 페이지가 손상을 입게 된 경우, 페이지 백업 기능을

이용하여 복구가 가능합니다.

3. 에디터 툴바 영역

편집창 에서 자주 사용되는 명령에 대하여 직접 실행 할 수 있도록 아이콘 메뉴로 제작되어

있습니다.

4. 에디터 뷰어 영역

실행된 페이지를 에디터 툴바를 이용하여 직접 편집하는 영역입니다. Html을 이용하는

고급사용자의 경우, 소스창을 이용하여 페이지를 편집 할 수도 있습니다.

5. 편집 내용 저장 버튼

모든 편집이 끝나면 저장하기 버튼을 클릭하여 저장하며, 사용자화면에 실시간으로 반영됩니다.

• 화면편집 모드가 [편집창]으로 되어 있는 경우에만 편집된 내용이 정상 반영됩니다.

(소스창에서 작업하신 경우에는 편집창으로 화면편집 모드를 변경하신 후 저장하시기 바랍니다.)

• [미리보기]를 클릭하시면 저장 후 화면을 미리 볼 수 있습니다.

!

7



2.1.2. 웹 에디터

2.1.2.1. HTML편집하기

• 홈페이지의 내용을 보이는 그대로(위지윅방식) 편집 할 수 있습니다.

• 웹 페이지를 편집하기 위한 방법은 편집창을 이용해서 편집하거나, 소스 창으로 전환한 후, HTML소스를 직접 편집 할 수 있습니다.

TIP. 페이지 편집 시..

웹 에디터에서 HTML을 편집하는 상세사용방법은 제품 홈페이지를 통해 확인 하실 수 있습니다.

(제품 홈페이지 : http://www.innoditor.co.kr/z_product/help.asp)

그림1. 편집 창.

그림2. 소스 창.

에디터 툴바를 이용하여 직접 편집할 수

있는 영역입니다

HTML을 모르는 일반 사용자들도. 한글

문서 및 워드문서 다루듯이 쉽게 위지윅

방식으로 웹 페이지를 편집 할 수

있습니다.

편집창에서 편집하기

HTML을 능숙하게 사용하여 웹

페이지 편집이 가능한, 웹 퍼블리셔

및 웹 디자이너들의 경우에만

사용을 권장합니다.

저장은 반드시 ‘편집창’에서 하시기

바랍니다.

소스창에서 편집하기

!

8



2.1.2. 웹 에디터

2.1.2.2. 기능 가져오기

• 홈페이지에서 사용할 게시판이나 설문조사 등을 가져와 사용할 수 있습니다.

• 기능을 가져온 후, Drag & Drop으로 기능의 위치 조절 및 크기 변경이 가능합니다.

그림1. 에디터의 기능 선택 창.

그림2. 기능 적용 화면.

그림2 에서와 같이 기능을 가져온

후, Drag & Drop으로 기능의 위치

및 크기 변경이 가능합니다.

기능 위치 및 크기 조절

1. 기능 가져오기

에디터 우측 상단의 기능

가져오기 버튼을 클릭합니다.

2. 사용할 기능선택

웹 페이지에 사용하고자 하는

기능을 선택합니다.

TIP.1

기능 선택 시, 필요한 기능이

없는 경우, 기능 가져오기

화면에서 필요한 기능을 생성 할

수 있습니다.

TIP.2

게시판 기능의 경우, 일반

페이지용과 홈페이지의 메인

화면에서 사용하는 최신 글

기능을 가져 올 수 있습니다.

웹 페이지에 기능 가져오기

9



2.1.2. 웹 에디터

2.1.2.3. 위젯 가져오기

• 홈페이지에서 사용할 로그인, 메뉴, 카운터 등을 등을 가져와 사용할 수 있습니다.

• 위젯 기능을 가져온 후, Drag & Drop으로 기능의 위치 조절 및 크기 변경이 가능합니다.

그림1. 에디터의 위젯 선택 창.

그림2. 위젯 적용 화면.

그림2 에서와 같이 위젯을 가져온

후, Drag & Drop으로 위젯의 위치

및 크기 변경이 가능합니다.

위젯 위치 및 크기 조절

1. 위젯 가져오기

에디터 우측 상단의 위젯


2. 사용할 위젯 선택


위젯을 선택 후, 사용하기

버튼을 클릭합니다.

TIP.

위젯 기능은 홈페이지 생성시

기본적으로 제공되는 프로그램

이며, 일반 기능과 같이 필요에

의해 생성 할 수 없습니다.

웹 페이지에 위젯 가져오기

10



2.1.2. 웹 에디터

2.1.2.4. 이미지 가져오기

• 홈페이지의 파일 관리를 통해 등록한 이미지파일을 웹페이지 불러와 사용할 수 있습니다.

• 이미지를 가져온 후, Drag & Drop으로 이미지의 위치 조절 및 크기 변경이 가능합니다

그림1. 에디터의 이미지 선택 창.

그림2. 이미지 적용 화면.

그림2 에서와 같이 이미지를

가져온 후, Drag & Drop으로

이미지의 위치 및 크기 변경이 가능

합니다.

이미지 위치 및 크기 조절

1. 이미지 가져오기



2. 사용할 이미지 선택


이미지를 선택 후, 사용하기

버튼을 클릭합니다.

TIP.

필요한 이미지가 없는 경우,

파일 관리 화면에서 필요한

파일을 등록 후, 사용할 수

있습니다.

웹 페이지에 이미지 가져오기

파일관리를 이용하여 이미지 파일을 등록하고자 하는 경우, 반드시 /mycodyimages/ 폴더로 이동 한 후, 등록하여야 합니다.

!

11



2.1.2. 웹 에디터

2.1.2.5. 페이지 복구기능

• 페이지 저장 시 백업 파일이 동시에 저장되어, 사용자의 실수로 인하여 페이지가 손상을 입게 된 경우, 웹 에디터의 페이지 백업 기능을 이용하여 복구가 가능합니다.

그림1. 코디 히스토리 선택 화면

페이지 별 백업 파일은 최대 10개 까지만 저장됩니다. !

12



2.1.3. 리모콘

• 홈페이지를 관리하기 위한 리모콘은 해당 홈페이지의 관리자 로그인 시에만 홈페이지 영역 우측 상단에 출력됩니다.

• Click & Drag로 리모콘의 위치를 변경 할 수 있으며, 접기/펴기가 가능합니다.

그림1. 리모콘

1. 리모콘 상단 - HOME 버튼 : 홈페이지의 메인 화면으로 이동합니다.

- LOGOUT 버튼 : 관리자 로그아웃 됩니다.

2. 홈페이지 관리영역 메뉴관리, 파일관리, 기능관리, 위젯관리 환경설정, 통계 화면으로 이동

합니다.

3. 기능생성 버튼 클릭 후, 출력 되는 기능 종류 선택 창에서, 생성할 기능의 종류를

선택 하면 해당 기능의 생성 페이지로 이동합니다.

4. 레이아웃 (구축 완료된 홈페이지의 경우 사용금지)

A. 정렬/크기 : 홈페이지 레이아웃 사이즈 설정으로 화면정렬, 화면너비,

상단프레임 높이, 메뉴프레임 너비 등을 설정할 수 있습니다.

B. 레이아웃 변경 : 레이아웃 구조를 변경할 수 있지만, 구축 완료된

홈페이지의 경우 사용 금지.

C. 스킨변경 : 기본 템플릿이 있을 경우 다른 템플릿으로 변경할 수 있는

기능으로, 구축 완료된 홈페이지의 경우 사용 금지.

D. 템플릿 신청 : 구축 완료된 홈페이지를 기본 템플릿으로 저장할 수

있는 기능

5. 다시생성 (구축 완료된 홈페이지의 경우 사용금지)

기존 홈페이지를 삭제하고 다시 만드는 기능으로, 구축 완료된

홈페이지의 경우 절대 사용금지

6. Wizard관리 wizard의 전체 관리자가 로그인 한 경우에만 제공 되는 메뉴이며

wizard의 관리화면으로 이동합니다.

(각 기관 홈페이지의 운영자에게는 노출되지 않습니다.)

!

!

1

2

3

4 5

6

13



2.1.4. 배경설정

• 홈페이지 관리자 로그인 후, 홈페이지 좌측 상단의 배경편집 버튼을 클릭하여 홈페이지의 배경을 설정합니다.

• 홈페이지의 메인 화면 및 서브 화면의 배경이미지 및 배경색 을 설정할 수 있습니다.

1. 배경이미지설정

기본스킨이 제공되며, 사용자가 제작한 이미지를 등록 한 후, 사용 할 수 있습니다.

배경이미지의 경우, 이미지의 반복 및 정렬 설정이 가능합니다.

2. 배경색 설정

컬러 픽커를 이용하여 원하는 배경색을 선택 할 수 있습니다.

3. CSS직접 편집

스타일 시트 편집이 가능한 사용자의 경우, 스타일 시트를 직접 편집 할 수 있습니다.

TIP. 배경 설정 후, 미리보기 버튼을 클릭하여 설정된 내용을 확인 한 후, 저장하기 버튼을 클릭하면, 최종 저장됩니다.

그림1. 홈페이지 배경설정

14



2.1.4. 관리자 화면 구성

• 홈페이지 관리자 로그인 후, 리모콘의 관리 영역 중 하나를 선택하면 관리자 화면으로 이동합니다.

1. 홈페이지 관리 메뉴

홈페이지를 관리하기 위한 메뉴 영역이며, 리모콘의 메뉴관리, 파일관리, 기능관리, 환경설정,

통계와 링크 결과가 동일합니다.

2. 개설 홈페이지로 이동

홈페이지 관리자가 개설하여 운영 중인 홈페이지가 있는 경우, 홈페이지 목록에서 개설한

홈페이지로 이동합니다.

3. 로그아웃 버튼

홈페이지 관리자 로그아웃 처리 되며, 홈페이지 메인 화면으로 이동합니다.

4. 매뉴얼 버튼

홈페이지를 관리하고 운영하기 위한 매뉴얼(PDF) 파일로 링크됩니다.

1

1

4

그림1. 홈페이지 관리자화면

2 3

15


2.2. 메뉴관리

2.2.1. 메뉴관리

2.2.1.1. 메뉴 생성

• 홈페이지에서 사용하기 위한 메뉴를 생성하기 위한 방법입니다.

그림1. 메뉴 관리 화면.

메뉴 생성하기

1. 상위메뉴 선택

생성할 메뉴의 상위 단계 메뉴를 선택합니다.

TIP. 1단계 메뉴를 생성 하기 위한 상위 경로는 Site Root 부분입니다.

2. 메뉴추가 버튼 클릭

좌측 상단의 메뉴추가 버튼을 클릭 하면, 오른쪽에 메뉴 생성 정보를 입력 할 수 있는 화면이

출력됩니다.

(다음 페이지로 계속)

16


메뉴 생성 정보 입력

1. 메뉴명 입력

메뉴명으로 사용할 단어를 입력합니다.

2. 링크설정(링크대상 : HTML 경우)

메뉴를 추가할 경우, 자동으로 파일명(HTML 문서)이 입력됩니다.

TIP. 대상파일변경 : 기존에 생성한 HTML문서를 별도로 선택할 수 있습니다.

3. 링크설정(링크대상 : URL 경우)

- 신규 HTML : 입력한 파일명에 해당하는 페이지에 연결됩니다.

- 기존 HTML : 기존에 생성한 파일을 선택 하여 연결합니다.

- 주소링크 : 웹 상에 서비스중인 웹 페이지로 연결합니다.

4. 링크설정 → 타겟 설정

메뉴를 클릭 했을 경우, 연결 될 페이지가 열리는 방법을 설정합니다.

- 현재창(_self) : 홈페이지의 콘텐츠 영역에서 열립니다..

- 새 창(_blank) : 새로운 브라우저에서 열립니다.

- 팝업창 : 팝업창 크기/위치값 설정하여 팝업창 형태로 열립니다.

- 전체장 : 브라우저 전체영역에서 열립니다.

5. 권한설정 → 편집권한

홈페이지 가입된 회원 중 해당 메뉴의 편집권한을 부여합니다.

6. 권한설정 → 메뉴공개

공개 / 비공개(홈페이지 관리자만 공개됨) 설정

TIP. 메뉴수정 : 수정하고자 하는 메뉴를 클릭하면 오른쪽에 메뉴 관련 정보가 나옵니다.

그림2. 메뉴 정보 입력 화면.

(이전 페이지에서 계속)

17


2.2. 메뉴관리

2.2.1. 메뉴관리

2.2.1.2. 메뉴삭제/편집/위치이동

• 홈페이지에서 사용중인 메뉴를 삭제하거나, 편집, 위치변경을 하기 위한 방법입니다.

그림1. 메뉴 관리 화면.

1 2

3

1. 메뉴삭제

삭제할 메뉴를 선택 한 후, 그림1 상단의 삭제 버튼을 클릭하면 선택한 메뉴가 삭제됩니다.

2. 메뉴위치 변경

위치를 변경할 메뉴를 선택 한 후, 그림1 우측 상단의 화살표로 선택한 메뉴를 위/아래로 위치를

변경할 수 있습니다.

TIP.

메뉴위치 변경 시 선택한 메뉴의 하위메뉴가 존재하는 경우, 하위메뉴도 함께 이동됩니다..

메뉴위치 변경은 동일 단계에서만 이동이 가능하며, 상위단계나 하위단계로 이동 되지 않습니다.

TIP. 메뉴정보 수정 시에만 노출되는 항목

1. 페이지 타이틀

브라우저 및 페이지에 실제 노출될 타이틀명을 입력합니다.

TIP. 입력된 페이지 타이틀은 페이지 위치정보 위젯기능과 연동됩니다.

2. 파일편집

파일편집 버튼을 클릭하면 선택한 메뉴를 에디터를 통해 편집 할 수 있습니다.

18


그림1. 주 메뉴 영역 메뉴배열 설정화면

1. Display 메뉴 선택 (주 메뉴 영역)

주메뉴 영역에 출력될 메뉴 단계를 선택합니다.

2. 하위 메뉴 출력 방법

- 메뉴 클릭 시 출력 : 상위메뉴를 클릭한 경우, 하위메뉴가 출력됩니다.

- 마우스 오버 시 출력 : 상위메뉴에 마우스를 올린 경우, 하위메뉴가 출력됩니다.

. Display되는 메뉴가 1차 메뉴인 경우, 출력되지 않습니다.

3. 배열설정

메뉴 영역에 Display되는 메뉴의 배열을 설정합니다.

4. 배열설정 저장하기

설정 완료 후 배열설정 저장하기 버튼을 클릭하여 배열설정을 완료합니다.

메뉴 배열의 상태는 저장되지만 홈페이지에 반영되지는 않습니다.

5. 메뉴설정적용

메뉴의 설정상태 및 디자인을 확인한 후, 반드시 메뉴설정적용 버튼을 클릭해야 홈페이지에

반영됩니다.

!

!

!

2.2. 메뉴관리

2.2.2. 배열설정

2.2.2.1. 주메뉴 설정

19


2.2. 메뉴관리

2.2.2. 배열설정

2.2.2.2. 서브메뉴 설정

그림1. 서브 메뉴 영역 메뉴배열 설정화면

1. Display 메뉴 선택 (서브 메뉴 영역)

서브 메뉴 영역에 출력 될 메뉴 단계를 선택합니다.

2. 하위 메뉴 출력 방법

- 메뉴 클릭 시 출력 : 상위메뉴를 클릭 한경우, 하위메뉴가 출력됩니다.

- 마우스 오버 시 출력 : 상위메뉴에 마우스를 올린 경우, 하위메뉴가 출력됩니다.

. Display되는 메뉴가 2차 메뉴이거나, 3차 메뉴인 경우, 출력되지 않습니다.

3. 배열설정







반영됩니다.

!

!

!

20


2.2. 메뉴관리

2.2.2. 배열설정

2.2.2.3. 탭메뉴 설정

그림1. 탭 메뉴 영역 메뉴배열 설정화면

1. Display 메뉴 선택 (탭 메뉴 영역)

탭 메뉴 영역에 출력 될 메뉴 단계를 선택합니다.

2. 배열설정







반영됩니다.

!

!

21


2.2. 메뉴관리

2.2.3. 속성설정

2.2.3.1. 주메뉴 영역 속성 설정

• 각 메뉴를 감싸고 있는 메뉴 영역의 디자인 속성을 설정합니다.

그림1. 메뉴속성설정 화면

각 영역별로 메뉴 배열에 따라 화면의 레이아웃이 다르게 출력 될 수 있습니다. !

1

2

3

4

1. 메뉴 영역선택 영역

주 메뉴 영역, 서브메뉴 영역, 탭

메뉴 영역을 선택합니다.

2. 영역속성/메뉴설정 이동영역

선택된 영역의 속성을 설정할

것인지, 개별 메뉴의 속성을

선택할 것인지 선택합니다.

3. 미리보기 영역

설정할 메뉴 영역에 마우스를

올리면, [영역선택] 버튼이 출력

되며 해당 버튼을 클릭하면

영역의 속성을 설정 할 수

있으며, 설정 내용을 미리 볼 수

있습니다.

4. 영역 속성설정 영역

메뉴출력 형태, 영역의 배경 및

외곽선의 컬러, 및 세부설정을

할 수 있습니다.

그림1. 주 메뉴 영역속성 설정화면

메뉴의 설정상태 및 디자인을 확인하셨으면, 반드시 메뉴설정적용 버튼을 클릭해야 홈페이지에

반영됩니다.

!

TIP. 영역 속성설정 방법

1. 메뉴출력형태 설정

선택된 영역의 메뉴를 이미지로 출력할 것인지, 텍스트로 출력할 것인지를 선택합니다.

2. 영역 배경 및 외곽선 컬러설정

영역의 배경 이미지 및 배경색을 설정하며, 외곽선을 사용하는 경우, 외곽선의 색을 설정합니다.

3. 영역 세부설정

영역의 위치, 외부간격, 두께, 여백, 너비, 높이를 픽셀단위로 설정합니다.

22


2.2. 메뉴관리

2.2.3. 속성설정

2.2.3.2. 주메뉴 텍스트 메뉴속성설정

• 메뉴 형태가 텍스트인 경우, 개별 메뉴의 속성설정 화면입니다.


1

2

3

4









설정할 메뉴에 마우스를 올리면,

[설정] 버튼이 출력 되며 해당

버튼을 클릭하면 메뉴의 속성을

설정 할 수 있으며, 설정 내용을

미리 볼 수 있습니다.

4. 텍스트 메뉴 속성설정 영역

각 메뉴의 폰트, 배경설정,

외곽선의 컬러, 세부설정을 할

수 있습니다.

그림1. 텍스트 메뉴 영역속성 설정화면


반영됩니다.

!

TIP. 각 텍스트 메뉴 속성설정 방법

1. 폰트설정

폰트의 글꼴 및 크기, 폰트 정렬, 기본컬러 및 활성컬러를 설정합니다.

2. 메뉴 배경 및 외곽선 컬러설정

메뉴의 배경 이미지(기본 배경이미지,활성 배경이미지) 및 배경색(기본배경색, 활성배경색)을

설정하며, 외곽선을 사용하는 경우, 외곽선의 색을 설정합니다.

3. 메뉴 세부설정

메뉴의 위치, 외부간격, 두께, 여백, 너비, 높이를 픽셀단위로 설정합니다.

23


2.2. 메뉴관리

2.2.3. 속성설정

2.2.3.3. 주메뉴 이미지 메뉴속성설정

• 메뉴 형태가 이미지인 경우, 개별 메뉴의 속성설정 화면입니다.


1

2

3

4









설정할 메뉴에 마우스를 올리면,

[설정] 버튼이 출력 되며 해당

버튼을 클릭하면 메뉴의 속성을

설정 할 수 있으며, 설정 내용을

미리 볼 수 있습니다.

4. 이미지 메뉴 속성설정 영역

각 메뉴의 이미지 및 세부설정을


그림1. 이미지 메뉴 영역속성 설정화면


반영됩니다.

!

TIP. 각 이미지 메뉴 속성설정 방법

1. 메뉴 이미지설정

메뉴의 이미지(기본 이미지,활성 이미지) 를 등록합니다.


메뉴의 외부간격, 너비, 높이를 픽셀단위로 설정합니다.

24


2.2. 메뉴관리

2.2.3. 속성설정

2.2.3.4. 서브메뉴 영역속성설정

• 서브메뉴 영역 상단의 메뉴 타이틀 이미지의 출력 형태를 설정합니다.

그림1. 메뉴속성설정 화면

그림1. 서브 메뉴 타이틀이미지 영역 출력형태 설정화면


반영됩니다.

!

25


2.2. 메뉴관리

2.2.3. 속성설정

2.2.3.5. 서브메뉴 메뉴속성설정(타이틀이 이미지인 경우)

• 서브메뉴 영역 상단의 메뉴 타이틀 이미지의 출력 형태를 설정합니다.

그림1. 서브 메뉴 타이틀이미지 속성 설정화면

서브 메뉴 배열에 따라 화면의 레이아웃이 다르게 출력 될 수 있습니다. !


반영됩니다.

!


설정할 메뉴타이틀에 마우스를

올리면, [설정] 버튼이 출력 되며

해당 버튼을 클릭하면 메뉴의

속성을 설정 할 수 있으며, 설정

내용을 미리 볼 수 있습니다.

2. 메뉴타이틀 속성설정 영역

메뉴타이틀의 이미지 및

세부설정을 할 수 있습니다.

TIP. 서브메뉴 타이틀이 이미지인 경우 속성설정 방법

1. 메뉴 이미지설정

메뉴의 이미지를 등록합니다.


메뉴의 외부간격, 너비, 높이를 픽셀단위로 설정합니다.

1 2

26


2.2. 메뉴관리

2.2.3. 속성설정

2.2.3.6. 서브메뉴 타이틀 속성설정(타이틀이 텍스트인 경우)

• 서브메뉴 영역 상단의 메뉴 타이틀의 출력 형태를 설정합니다.

그림1. 서브 메뉴 타이틀이미지 속성 설정화면

서브 메뉴 배열에 따라 화면의 레이아웃이 다르게 출력 될 수 있습니다. !


반영됩니다.

!

TIP. 서브메뉴 타이틀이 텍스트인 경우 속성설정 방법

1. 서브메뉴 타이틀 폰트설정

서브메뉴 타이틀의 글꼴, 폰트크기, 정렬, 기본컬러를 설정합니다.

2. 서브메뉴 타이틀 배경 및 외곽선 설정

서브메뉴 타이틀의 기본 배경 이미지, 배경색, 외곽선 색을 설정합니다.

3. 서브메뉴 타이틀 세부설정

서브메뉴 타이틀의 외부간격, 외곽선 두께, 내부여백, 너비, 높이를 픽셀단위로 설정합니다.


설정할 메뉴타이틀에 마우스를 올리면,

[설정] 버튼이 출력 되며 해당 버튼을

클릭하면 메뉴의 속성을 설정 할 수

있으며, 설정 내용을 미리 볼 수

있습니다.

2. 메뉴타이틀 속성설정 영역

메뉴타이틀의 이미지 및 세부설정을


1 2

27


2.3. 파일관리

그림1. 파일관리 화면

• 사용자가 작성한 HTML 페이지, 이미지, PDF 파일 등을 FTP를 사용하지 않고도 서버에 업로드 및 다운로드 할 수 있는 파일 전송 기능입니다.

1 2

3

4

1. 파일업로드 컨트롤

파일업로드 컨트롤은 FTP프로그램을 대체하는 기능으로써 ActiveX방식을 사용하지 않으므로 별도

설치할 필요 없는 프로그램이며, PC에 저장된 파일을 불러와 업로드 할 수 있습니다.

. 파일 전송 시 용량을 제한하며, 200메가 이상인 경우 업로드 되지 않습니다.

TIP. 파일업로드 전, 오른쪽 화면에서 업로드 될 디렉토리 경로를 반드시 확인 바랍니다.

(2번 영역의 디렉토리 목록을 통하여 원하는 디렉토리로 이동 후 업로드 하셔야 합니다.)

2. 서버 디렉토리 경로 및 파일 목록

서버에 등록되어있는 디렉토리 및 파일 목록이 출력됩니다. 폴더 명을 더블 클릭하면, 해당 폴더로

이동할 수 있으며, 상위경로로도 이동할 수 있습니다.

단, 제공된 홈페이지 계정 밖으로 이동 할 수는 없습니다.

3. 폴더생성 및 HTML파일생성

서버에 새로운 폴더나 파일을 생성할 수 있습니다. 폴더 명, 혹은 파일명을 입력 후, 생성 버튼을

클릭하면 즉시 생성됩니다.

TIP. 폴더 및 파일생성시 전, 오른쪽 화면에서 생성 될 디렉토리 경로를 반드시 확인 바랍니다.

4. 파일 삭제하기

삭제할 파일을 선택한 후, 삭제하기 버튼을 클릭하면, 해당 파일이 삭제됩니다.

. 파일 삭제 후 복구가 불가능 하므로, 삭제 시 주의하시기 바랍니다.

5. 기타기능

파일 선택 후 파일명을 변경하거나, HTML 파일의 경우 에디터를 이용하여 해당 파일을

편집하거나, 목록 새로고침 및 다운로드할 수 있습니다.

!

5

!

28

2. 홈페이지 운영

2.4. 기능관리

2.4.1. 위젯 적용 방법


1. 위젯 가져오기



2. 사용할 위젯 선택

페이지위치정보(예시) 위젯을

선택 후, 사용하기 버튼을

클릭합니다..

Step1. 웹 페이지에 위젯 가져오기

• 메뉴를 생성시 링크설정→링크대상 항목을 ‘HTML’로 선택하면 해당 메뉴를 서비스하기 위한 웹페이지가 자동으로 생성됩니다.

• 새로 생성된 웹페이지에 위젯을 적용하기 위해서는 새 메뉴를 클릭하여 해당 페이지로 이동해야 합니다.

• 빈 페이지에서 [편집] 버튼을 클릭하여 웹 에디터를 실행합니다.

그림1. 에디터에 적용 후 저장하기

1. 위젯 위치 설정

가져온 위젯을 마우스로 선택한

후, Drag & Drop으로 위치 및

크기를 조절합니다.

2. 페이지에 적용

에디터 우측 상단의 저장하기

버튼을 클릭하면 페이지에

편집내용이 반영됩니다.

Step2. 에디터에 적용

1

2

1

2

29


• 새로 생성된 웹페이지에 기능을 적용하기 위해 대상 웹페이지에서 [편집] 버튼을 클릭하여 에디터를 실행합니다.

• 템플릿 기반 홈페이지에서 적용할 수 있는 기능으로는 일반적인 콘텐츠를 등록할 때 유용한 HTML빌더, 게시판, 인사말, 연혁, 교수소개, 인물소개 기능 등이 있습니다.

• 페이지에 기능을 적용하는 방법은 앞서 설명한 위젯 적용방법과 유사합니다.

1. 가져오기

에디터 우측 상단의

기능가져오기 버튼을

클릭합니다.

2. 사용할 대상 선택

필요한 기능을 선택합니다.

Step1. 웹 페이지에 기능 가져오기


그림1. 에디터에 적용 후 저장하기

1. 위치설정

가져온 기능을 마우스로 선택 한

후, Drag & Drop으로 위치 및

크기를 조절합니다.

2. 페이지에 적용

에디터 우측 상단의 저장하기

버튼을 클릭하면 페이지에

편집내용이 반영됩니다.

Step2. 에디터에 적용

1

2

1

2

2.4. 기능관리

2.4.2. 기능 적용 방법

30


2.4. 기능관리

2.4.3. HTML빌더

2.4.3.1. 문단제목등록

1. 제목형태

문단 제목의 형태를 선택합니다.

주제목/소제목은 들여쓰기 및

말머리표 아이콘이 다릅니다.

2. 제목

실제로 서비스 할 문단의 제목을

입력합니다.

그림2. HTML빌더 - 문단제목등록화면

• HTML빌더 기능이 실제 위치한 페이지에서 제목추가 버튼을 클릭하면 제목 등록화면으로 이동합니다.

• 제목등록 화면에서 문단의 제목을 입력합니다.(그림2)

• HTML빌더를 사용하면 웹페이지용 콘텐츠를 쉽게 입력하고 수정할 수 있으며, 보기 좋게 배치할 수 있습니다.

• 페이지 타이틀 및 HTML빌더 기능이 적용된 웹페이지는 아래와 같은 모습입니다.

HTML 빌더

1

그림1. HTML빌더

그림2. HTML빌더 – 주제목/소제목

주제목

소제목

소제목

31


• 텍스트/표 등으로만 이루어진 콘텐츠를 등록하는 방법입니다.

1. 레이아웃 선택

콘텐츠 서비스 방식을 선택합니다.

2. 내용

웹 에디터를 이용하여 콘텐츠를

등록하거나 편집합니다. 에디터에서

그림삽입 버튼을 클릭하면, 콘텐츠

내에 이미지를 삽입할 수 있습니다.

그림2. 텍스트 문단 편집화면

1

2

HTML 빌더

1

그림1. HTML빌더

• HTML빌더 기능이 실제 위치한 페이지에서 내용추가 버튼을 클릭하면 내용 등록화면으로 이동합니다.

그림3. 이미지 삽입 아이콘

2.4. 기능관리

2.4.3. HTML빌더

2.4.3.1. 문단등록(텍스트 문단)

32


• 텍스트와 이미지 1개로 이루어진 콘텐츠를 등록하는 방법입니다.

• HTML빌더 기능이 실제로 위치한 페이지에서 내용추가 버튼을 클릭하는 과정은 앞서 설명한 것과 동일합니다.


HTML빌더에서는 이미지 1개와

텍스트를 배치할 수 있는 레이아웃을

아래와 같이 제공합니다. 이 중에서

서비스하고자 하는 레이아웃을

선택합니다.

2. 내용

에디터를 이용하여 문단의 내용을

편집합니다.

3. 이미지등록

- 최초 등록시 : 이미지를 바로

등록합니다.

- 이미지 수정시 : 기존 등록된

이미지를 삭제 한 후

등록합니다.

사진설명(필수입력)

- 등록된 이미지의 설명을 입력합니다.

1

2

2

그림1. 이미지 문단 편집화면

그림2. 이미지 문단 레이아웃

!

2.4. 기능관리

2.4.3. HTML빌더

2.4.3.3. 문단등록(이미지 문단)

33


1

2

2

그림1. 멀티이미지 문단 편집화면

그림2. 멀티이미지 문단 레이아웃

• 텍스트와 여러 개의 이미지로 이루어진 콘텐츠를 등록하는 방법입니다.

• HTML빌더 기능이 실제로 위치한 페이지에서 내용추가 버튼을 클릭하는 과정은 앞서 설명한 것과 동일합니다.


HTML빌더에서는 여러 개의 이미지와

텍스트를 배치할 수 있는 레이아웃을

아래와 같이 제공합니다. 이 중에서

서비스하고자 하는 레이아웃을

선택합니다.

2. 내용

에디터를 이용하여 문단의 내용을

편집합니다.

3. 이미지등록

여러 개의 이미지를 등록할 수 있으며,

등록된 이미지는 선택한 레이아웃의

형태로 노출됩니다.

사진설명(필수입력)

- 등록된 이미지의 설명을 입력합니다. !

2.4. 기능관리

2.4.3. HTML빌더

2.4.3.4. 문단등록(멀티이미지 문단)

34


• 문단의 제목 및 내용 등록 후, Drag & Drop으로 순서를 변경할 수 있습니다.

1. Drag & Drop으로 순서 설정

위치를 변경하고자 하는 콘텐츠 영역(제목/문단)에 마우스를 가져간 후, 마우스 Drag & Drop으로

원하는 위치에 내려 놓습니다.

2. 문단 순서 저장

변경된 위치는 순서저장 버튼을 클릭해야 저장됩니다.

그림1. HTML빌더 – 제목 및 문단 순서변경

1

2

2.4. 기능관리

2.4.3. HTML빌더

2.4.3.5. 순서변경

35


1. 수정/삭제 할 문단 선택

위치를 변경하고자 하는 콘텐츠 영역(제목/문단)에 마우스를 올리면, 수정/삭제 버튼이 노출됩니다.

2. 수정하기

수정 버튼을 클릭하면 콘텐츠를 편집할 수 있는 화면으로 변경됩니다.

3. 삭제하기

삭제 버튼을 클릭하면 내용이 삭제됩니다.

. 삭제 후, 복구가 불가능 하므로, 삭제 시 주의하시기 바랍니다.

그림1. HTML빌더 – 제목 및 문단 수정/삭제하기

1

!

2.4. 기능관리

2.4.3. HTML빌더

2.4.3.6. 수정 및 삭제

36


2.4. 기능관리

2.4.3. HTML빌더

2.4.3.7. 기능설정방법

• 리모콘에서 기능관리→HTML빌더를 선택하면 개설된 홈페이지에서

생성된 HTML빌더 기능을 조회할 수 있는 목록 화면으로 이동합니다.

• 홈페이지 관리자는 신규 HTML빌더 기능을 생성하거나 기 생성된 기능을

삭제할 수 있습니다.

그림2. 생성된 HTML빌더 목록화면

1. 생성된 기능 목록

홈페이지에서 사용중인 기능이 목록으로 표시되며, 기능명, 생성일을 확인 할 수 있습니다.

삭제 버튼을 클릭하면 삭제할 수 있으며, 기능설정 버튼을 클릭하면 기능 설정화면으로 이동 할 수

있습니다.

. 삭제 후 해당 기능과 데이터는 복구가 불가능 하므로, 삭제 시 주의하시기 바랍니다.

2. 기능 생성화면으로 이동

2

!

1

그림1. 리모콘

37


2.4. 기능관리

2.4.3. HTML빌더

2.4.3.8. 스킨설정

그림1. HTML빌더 스킨설정화면

1. HTML빌더 목록 조회 화면으로 이동

리모콘에서 기능관리→HTML빌더를 선택하면 HTML빌더 목록 조회 화면으로 이동합니다.

2. 기능설정 선택

HTML빌더 목록 조회 화면에서 스킨을 변경할 대상을 선택하고, 기능설정 버튼을

클릭합니다.

3. 스킨설정

스킨설정 탭을 선택하고, 스킨 목록에서 변경하고자 하는 스킨을 선택합니다.

1

2

3

38


2.4. 기능관리


2.4.4.1. 생성된 기능 목록

그림1. 생성된 이미지 슬라이드 목록화면

• 개설된 홈페이지에서 생성된 이미지 슬라이드의 목록을 표시합니다.

• 홈페이지 관리자는 신규 이미지 슬라이드 존을 생성할 수 있습니다.

1. 생성된 이미지 슬라이드 목록

홈페이지에서 사용중인 이미지 슬라이드가 목록으로 표시되며, 기능명 및 등록갯수를 확인 할 수

있습니다.

각 기능 별 관리 화면으로 이동하여 이미지를 등록 할 수 있으며, 설정화면으로 이동 할 수

있습니다.

2. 이미지 슬라이드 삭제

목록에서 설정할 기능을 선택 한 후, 삭제 할 수 있습니다.

. 기능 삭제 시, 해당 기능이 위치한 페이지에서 레이아웃을 편집하거나 해당 기능을 삭제

하시기 바랍니다.

. 기능 삭제 후, 해당 기능과 데이터는 복구가 불가능 하므로, 삭제 시 주의하시기 바랍니다.


!

1

2 3

!

39


2.4. 기능관리


2.4.4.2. 기능생성(기본설정)

• 기능 생성 후, 기능설정을 통하여 생성시의 설정을 변경 할 수 있습니다.

1. 이미지 슬라이드 이름

기능의 제목을 입력합니다.

2. 이미지 출력방식

이미지 전환 시 출력 효과를 선택합니다.

TIP.

ㆍ슬라이드 – 이미지가 우측에서 좌측으로 슬라이드 됩니다.

ㆍ페이드인/아웃 – 이미지가 서서히(부드럽게)변하는 효과입니다.

3. 이미지 크기

배너이미지의 가로너비와 세로높이를 픽셀단위로 입력합니다.

4. 이미지 출력개수

등록된 이미지 개수와 상관없이 입력한 숫자만큼 이미지가 출력됩니다.

5. 이미지 스크롤 시간

이미지가 스크롤(혹은 전환) 되는 시간을 초 단위로 입력합니다.

그림1. 이미지 슬라이드 기능생성(수정)화면

40


2.4. 기능관리


2.4.4.3. 이미지관리

2.4.4.3.1. 이미지목록

• 생성된 이미지 슬라이드에 등록된 이미지의 목록을 표시합니다.

• 홈페이지 관리자 및 기능 관리자는 이미지를 등록하거나 수정/삭제 할 수 있습니다

1

2

그림1. 이미지목록화면

1. 이미지 목록

사용중인 이미지가 목록으로 표시되며, 수정화면으로 이동할 수 있습니다.

2. 이미지 삭제

목록에서 삭제할 이미지를 선택 한 후, 삭제 할 수 있습니다.


3. 이미지등록화면으로 이동

!

3

41


2.4. 기능관리


2.4.4.3. 이미지관리

2.4.4.3.2. 이미지등록/수정

그림1. 이미지등록 - 일반정보

그림2. 이미지등록 – 상세설정

상세설정

1. 노출형태

이미지의 노출형태를 선택합니다.

ㆍ이미지 - 직접 제작한 이미지를 관리자 PC에서 선택하여 등록합니다.

ㆍ이미지셋 – 서버에 등록된 이미지 목록에서 사용할 이미지를 선택합니다.

2. 이미지 설정

이미지의 노출 형태에 따라 이미지를 직접 등록하거나 이미지셋에서 선택합니다.

TIP. 이미지의 크기는 해당 기능의 기본설정에서 입력된 크기로 출력됩니다.

3. 이미지 설명

등록하는 이미지에 텍스트가 포함 된 경우에는 해당 텍스트를 빠짐없이 입력 해주셔야 합니다.


1. 이미지 제목

이미지의 제목을 입력합니다.

2. 게시기간

게시 시작일자와 종료일자를 날짜픽커를 이용하여 선택합니다.

3. 노출설정

이미지 노출여부를 선택합니다. ‘기간 제한 없음’을 선택하면, 게시기간 설정에 관계없이 늘 출력됩니다.

일반정보

42



그림2. 이미지등록 – 연결정보

연결정보

1. 연결주소

이미지 클릭시 이동할 URL을 입력합니다.

- 예를 들어, 기관 행사사진을 위에서 이미지로 등록하고, 해당 행사에 대한 게시판 글 URL을

연결주소로 설정하면, 메인 비주얼 클릭 시 해당 게시글이 출력됩니다.

1. 연결방식

- 새 창 : 연결주소가 새로운 창에서 열립니다.

- 현재창 : 연결주소가 현재 창에서 열립니다.

- 팝업창 : 연결주소가 팝업 창에서 열립니다.

TIP. 연결방식이 팝업창인 경우에는 팝업창의 크기와 위치를 픽셀단위로 설정합니다.

43


2.4. 기능관리


2.4.4.4. 스킨설정

• 스킨 목록에서 원하는 스킨을 선택 후, 클릭 한번으로 변경 할 수 있습니다.

그림1. 이미지 슬라이드 스킨설정화면

44


2.4. 기능관리

2.4.5. 배너존

2.4.5.1. 생성된 기능 목록

그림1. 생성된 배너 존 목록화면

• 개설된 홈페이지에서 생성된 배너 존의 목록을 표시합니다.

• 홈페이지 관리자는 신규 배너 존을 생성할 수 있습니다.

1. 생성된 배너 존 목록

홈페이지에서 사용중인 배너 존이 목록으로 표시되며, 기능명을 확인 할 수 있습니다.

각 배너 존 별 배너관리 화면으로 이동하여 배너를 등록 할 수 있으며, 기능 설정화면으로 이동 할

수 있습니다.

2. 배너 존 삭제






!

1

2 3

!

45


2.4. 기능관리

2.4.5. 배너존



1. 배너존이름


2. 배너 이미지 크기

배너이미지의 가로너비와 세로높이를 픽셀단위로 입력합니다.

3. 배너출력 라인수

한번에 스크롤 되는 배너의 개수를 입력합니다.

4. 슬라이드 방향

배너가 스크롤 되는 방향을 선택합니다.

5. 슬라이드 정지시간

배너가 스크롤 된 후 정지해 있는 시간을 초 단위로 입력합니다.

6. 슬라이드 속도

배너가 스크롤 되는 시간을 초 단위로 입력합니다.

7. 관리자

홈페이지 회원 중 생성된 배너존을 관리 할 수 있는 회원을 선택합니다. 관리자로 선택된 회원은

배너 등록/수정 및 삭제 권한이 부여됩니다.

그림1. 배너존 기능생성(수정)화면

46


2.4. 기능관리

2.4.5. 배너존

2.4.5.3. 배너관리

2.4.5.3.1. 배너목록

• 생성된 배너 존에 등록된 배너목록을 표시합니다.

• 홈페이지 관리자 및 기능 관리자는 배너를 등록하거나 수정/삭제 할 수 있습니다.

2

3 4

1

그림1. 배너목록화면

1. 배너검색

2. 배너 목록

사용중인 배너가 목록으로 표시되며, 배너 순서변경 및 수정화면으로 이동할 수 있습니다.

3. 배너 삭제

목록에서 설정할 배너를 선택 한 후, 삭제 할 수 있습니다.

TIP. 진행상태가 미 게시인 경우에만 선택할 수 있습니다.


4. 배너등록화면으로 이동

!

47


2.4. 기능관리

2.4.5. 배너존

2.4.5.3. 배너관리

2.4.5.3.2. 배너등록/수정

그림1. 배너등록 - 일반정보 일반정보

1. 배너 제목

배너의 제목을 입력합니다.

2. 게시기간 설정


3. 노출설정

배너의 노출여부를 선택합니다. ‘기간 제한 없음＇을 선택하면, 게시기간 설정에 관계없이 항상

출력됩니다.

그림2. 배너등록 – 상세설정

상세설정

1. 노출형태

배너의 노출형태를 선택합니다.

ㆍ이미지 - 직접 제작한 이미지를 관리자PC에서 등록합니다.

ㆍ텍스트 + 배경이미지 - 서버에 등록된 이미지 목록에서 배경이미지를 선택하고, 함께 서비스될

텍스트를 입력합니다.

2. 배너 설정

배너의 노출 형태에 따라 배너 이미지를 등록하거나 이미지셋에서 선택합니다.

TIP. 배너의 크기는 해당 기능의 기본설정에서 입력된 크기로 출력됩니다.

3. 대체텍스트

등록하는 이미지에 텍스트가 포함된 경우에는 해당 텍스트를 빠짐없이 입력 해주셔야 합니다.


48



그림2. 배너등록 – 연결정보

연결정보

1. 연결주소

배너 클릭시 이동할 URL을 입력합니다.

예를 들어, 기관 홈페이지 내의 웹페이지, 게시판, 다른 홈페이지의 웹주소, 사이트주소 등을

입력하여, 배너 클릭시 연결되도록 할 수 있습니다.

2. 연결방식




TIP. 연결방식이 팝업창인 경우에는 팝업창의 크기와 위치를 픽셀단위로 설정합니다.

49


2.4. 기능관리

2.4.5. 배너존

2.4.5.3. 스킨설정


그림1. 배너존 스킨설정화면

50


2.4. 기능관리

2.4.6. 팝업존

2.4.6.1. 생성된 기능 목록

그림1. 생성된 팝업존 목록화면

• 개설된 홈페이지에서 생성된 팝업존의 목록을 표시합니다.

• 홈페이지 관리자는 신규 팝업 존을 생성할 수 있습니다.

1. 생성된 팝업존 목록

홈페이지에서 사용중인 팝업존이 목록으로 표시됩니다.

각 기능 별 관리 화면으로 이동하여 팝업을 등록 할 수 있으며, 설정화면으로 이동 할 수 있습니다.

2. 팝업존 삭제






!

1

2 3

!

51


2.4. 기능관리

2.4.6. 팝업존



1. 팝업존이름


2. 팝업 이미지 크기

팝업존에 출력되는 이미지의 가로너비와 세로높이를 픽셀단위로 입력합니다.

3. 슬라이드 효과


TIP.

ㆍ기본 – 효과 없이 이미지가 전환됩니다.

ㆍ슬라이드 – 이미지가 우측에서 좌측으로 슬라이드됩니다.

ㆍ나타나기 – 이미지가 서서히(부드럽게)변하는 효과입니다.

4. 슬라이드 시간

팝업존의 이미지가 스크롤 된 후 정지해 있는 시간을 초 단위로 입력합니다.

5. 팝업번호 출력갯수

팝업존의 페이징 핸들러 버튼이 출력되는 개수를 입력합니다.

입력된 갯수이상의 팝업이미지가 등록된 경우 이전/다음 버튼으로 변경됩니다.

6. 관리자

홈페이지 회원 중 생성된 팝업존을 관리 할 수 있는 회원을 선택합니다.

관리자로 선택된 회원은 팝업 등록/수정 및 삭제 권한이 부여됩니다.

그림1. 팝업존 기능생성(수정)화면

52


2.4. 기능관리

2.4.6. 팝업존

2.4.6.3. 팝업관리

2.4.6.3.1. 팝업목록

• 생성된 팝업존에 등록된 팝업 이미지의 목록을 표시합니다.

• 홈페이지 관리자 및 기능 관리자는 팝업을 등록하거나 수정/삭제 할 수 있습니다

2

3 4

1

그림1. 팝업목록화면

1. 팝업검색

2. 팝업 목록

사용중인 팝업 목록으로 표시되며, 수정화면으로 이동할 수 있습니다.

3. 팝업 삭제

목록에서 삭제할 팝업을 선택 한 후, 삭제 할 수 있습니다.



4. 팝업등록화면으로 이동

!

53


2.4. 기능관리

2.4.6. 팝업존

2.4.6.3. 팝업관리

2.4.6.3.2. 팝업등록/수정

그림1. 팝업등록 - 일반정보

일반정보

1. 팝업 제목

팝업의 제목을 입력합니다.



3. 노출설정

팝업의 노출여부를 선택합니다.

그림2. 팝업등록 – 상세설정

상세설정

1. 노출형태

팝업 이미지의 노출형태를 선택합니다.

ㆍ이미지 - 직접 제작한 이미지를 관리자PC에서 등록합니다.

ㆍ이미지셋 – 서버에 등록된 이미지 목록에서 배경이미지를 선택하고, 함께 서비스 될 텍스트를

입력합니다.

2. 팝업설정



3. 대체텍스트

등록하는 이미지에 텍스트가 포함된 경우에는 해당 텍스트를 빠짐없이 입력 해주셔야 합니다.


54


그림3. 팝업등록 - 연결정보


TIP. 팝업 창 설정 방법

1. 팝업 창 크기

팝업창의 크기를 픽셀 단위로 입력합니다.

2. 팝업 창 위치

팝업 창이 출력될 위치를 픽셀 단위로 입력합니다.

3. 출력형태

윈도우형태의 팝업 창을 사용할 것인지, 레이어 형태의 팝업 창을 사용할 것인지를 선택합니다.

팝업 차단 기능에 대비하여 레이어 형태의 팝업 창을 사용하시는 것이 좋습니다.

4. 오늘 하루 그만 보기 사용여부

팝업 창에서 오늘 하루 그만 보기 사용 여부를 설정합니다.

5. 팝업 창 화면

팝업창의 내용이 연결주소의 내용을 사용할 것인지 사용자가 직접 편집한 팝업 창을 사용할

것인지의 여부를 설정합니다.

직접 편집을 선택한 경우, 그림3의 점선 부분이 노출 되며, 유형별 스킨 선택 후, 에디터를

이용하여 팝업창의 내용을 편집 할 수 있습니다.

1. 연결주소

팝업이미지 클릭 시 연결될 주소를

입력합니다.

2. 연결방식

- 새 창 : 연결주소가 새로운 창에서

열립니다.

- 현재창 : 연결주소가 현재 창에서

열립니다.

- 팝업창 : 연결주소가 팝업 창에서

열립니다.

TIP. 연결방식이 팝업창인 경우

홈페이지의 메인 페이지에서 설정된 출력

형태로 팝업창이 출력됩니다.

연결정보

55


2.4. 기능관리

2.4.6. 팝업존

2.4.6.4. 스킨설정

스킨설정


그림1. 팝업존 스킨설정화면

56


2.4. 기능관리

2.4.7. 교수소개

2.4.7.1. 생성된 기능 목록

• 개설된 홈페이지에서 생성된 교수소개 기능을 표시합니다.

• 홈페이지 관리자는 신규 기능을 생성할 수 있습니다.

1

3 2


홈페이지에서 사용중인 기능이 목록으로 표시되며, 기능의 설정페이지로 이동할 수 있습니다.

2. 기능 삭제






!

!

그림1. 생성된 교수소개 목록화면

57


2.4. 기능관리

2.4.7. 교수소개


그림1. HTML빌더 기능생성(수정)화면


기본설정

1. 제목


2. 대표색 설정

컬러픽커를 이용하여 기능의 대표색을 설정합니다.

설정된 대표색은 기능의 포인트 컬러로 사용됩니다.

연동부서설정

교수소개 사용자화면의 목록에 표시될 학과 혹은 대학원을 선택합니다.

58


2.4. 기능관리


2.4.8.1. 생성된 기능 목록

• 개설된 홈페이지에서 생성된 [탭]최근게시물 기능을 표시합니다.


1

3 2


홈페이지에서 사용중인 기능이 목록으로 표시되며, 각 기능의 설정화면으로 이동 할 수 있습니다.

2. 기능 삭제



하시기 바랍니다. .



!

!

그림1. 생성된 [탭]최근게시물 목록화면

59


2.4. 기능관리




그림1. [탭]최근게시물 기능생성(수정)화면

기본설정

1. 최근게시물탭 이름


2. 탭 개수

사용할 탭의 개수를 선택합니다.

3. 언어설정

대표공지 위젯의 주 언어를 설정합니다.

언어 설정을 하게 되면, 대학공지, 이화뉴스와 같은 연동게시판의 탭 라벨이 설정된 언어로

표시됩니다.

TIP. 한글과 영문만 선택이 가능합니다.

상세설정

탭 개수 만큼 출력 되며, 각 탭 영역에 해당하는 게시판 및 연동 게시판을 선택합니다.

60


2.4. 기능관리


2.4.8.3. 스킨설정


그림1. [탭]최근게시물 스킨설정화면

61


2.4. 기능관리


2.4.9.1. 생성된 기능목록

그림1. 생성된 게시판 목록화면

• 개설된 홈페이지에서 생성된 게시판 및 앨범을 표시합니다.

• 홈페이지 관리자는 신규 게시판 및 앨범을 생성할 수 있습니다.

1

2 3

1. 생성된 게시판 목록

홈페이지에서 사용중인 게시판이 목록으로 표시되며, 게시판의 유형, 게시판 명, 게시판별 운영자,

게시물 갯수, 게시판 정상 사용여부를 확인 할 수 있습니다.

각 게시판의 미리보기가 제공되며, 기능 설정화면으로 이동 할 수 있습니다.

2. 사용중지 설정 및 삭제

목록에서 설정할 게시판을 선택 한 후, 사용중지 하거나, 삭제 할 수 있습니다.

. 게시판 삭제 후, 해당 게시판이 위치한 메뉴로 이동 시 게시판 삭제 메시지가 출력 되므로

방문자에게 혼란을 주기 않기 위해서는 해당 메뉴를 삭제하거나 숨김 상태로 변경하세요.

. 게시판 삭제 후, 해당 기능과 데이터는 복구가 불가능 하므로, 삭제 시 주의하시기 바랍니다.

3. 게시판 생성화면으로 이동

!

!

62


2.4. 기능관리



• 게시판 생성 후, 게시판 기능설정을 통하여 생성시의 설정을 변경 할 수 있습니다.

게시판 기본설정

1. 게시판 제목

게시판의 제목을 입력합니다.

2. 게시판 운영자

홈페이지 회원 중 해당 게시판을 관리 할 수 있는 회원을 선택합니다.

게시판 운영자로 선택된 회원은 게시물의 수정 및 삭제 권한이 부여됩니다.

3. 관리메뉴 설정

게시판 운영자에게 게시판의 관리 권한을 부여합니다. 홈페이지 관리자와 동일한 권한으로

게시판의 설정을 변경 할 수 있습니다.

4. 게시판 유형

게시판의 용도에 따라 일반게시판, 앨범, 동영상게시판, 답변게시판 등의 유형을 설정합니다.

TIP. 일반 게시판과 답변 게시판의 경우, 일반형, 특수형(보기페이지 하단에 목록 출력) 설정이 가능

하며, 앨범게시판과 동영상게시판의 경우 갤러리 형, 목록 형으로 목록 설정이 가능합니다.

5. 목록출력 개수

메인 화면용 게시판과 일반화면용 게시판 목록에서 게시물 출력 개수를 설정합니다.

6. 새글 출력 개수

신규 작성된 게시물의 새 글 아이콘 출력 개수와 출력 일자를 설정합니다.

그림1. 게시판 기본설정화면

단, 게시판의 유형은 생성 후 변경 할 수 없으므로, 게시판 최초 생성시 유의하시기 바랍니다. !


63



7. 목록제목 글자수

메인 화면용 게시판과 일반화면용 게시판의 제목 글자수를 설정합니다.


게시물 등록 시 해당 게시물의 게시일자를 설정 할 수 있도록 설정합니다.

TIP. 주로, 공지사항용도의 게시판에 사용합니다.

9. 이전글/다음글

목록 하단에 이전 게시물과 다음 게시물로 이동 할 수 있도록 설정합니다.

TIP. 앨범형 게시판 및 동영상 게시판에서는 사용할 수 없는 기능입니다.

10. 마우스 제어

해당 게시판이 사용중인 페이지에서 마우스 우측버튼을 사용할 수 없도록 설정합니다.

TIP. 장애인을 위한 웹 표준에서는 마우스 우측 버튼 제어를 비 표준으로 규정하므로, 가급적이면

마우스 우측 버튼사용을 가능하도록 설정 하시는 것이 좋습니다.

그림2. 게시판 상세설정화면

게시판 상세설정

1. 첨부파일 용량 제한

게시물에 첨부될 첨부파일의 최대허용 용량을 입력합니다.

TIP. 첨부파일 용량을 0으로 입력하면, 첨부파일 항목이 표시되지 않습니다.

2. 답변기능

게시물에 답변을 입력할 수 있도록 설정합니다. (일반게시판과 답변 게시판의 경우에만 설정이

가능합니다.)

3. 편집기 사용여부

게시물 입력 시 웹 에디터를 이용하여 입력 할 수 있도록 설정합니다.

4. 언어설정

게시판의 주 언어를 설정합니다. 언어 설정을 하게 되면, 게시판의 기본 항목 및 버튼, 메시지등이

설정된 언어로 표시됩니다.

TIP. 외국어(영문) 홈페이지 운영 시, 사용하실 수 있습니다.

5. 휴지통 사용여부

휴지통 기능을 사용하면, 사용자가 삭제한 게시물이 휴지통에 보관되어, 삭제한 게시물을 게시판

관리자가 복구하거나 영구 삭제 할 수 있습니다.


64



그림3. 게시판 부가기능 설정화면

게시판 부가기능 설정

1. 카테고리 기능

게시물에 대한 분류를 사용하고자 하는 경우, 본 기능을 사용합니다.

TIP. 주로, 통합 자료실 형태의 게시판에 유용하게 사용됩니다.

2. 한줄 답변

게시물에 간단한 의견을 입력 할 수 있는 한줄 답변 기능을 설정합니다.

3. 말머리 기능

게시물 제목 앞에 말머리를 사용할 수 있도록 설정합니다.

TIP. 말머리 기능 사용설정 후, 말머리설정 메뉴를 이용하여 말머리를 등록합니다.

4. 익명사용기능

작성자 항목에 실명이 표시되지 않아도 되는 게시판의 경우, 작성자 항목에 이름이 아닌 다른

정보를 입력 할 수 있도록 설정합니다.

TIP. 주로, 상담실 용도의 게시판에 유용하게 사용됩니다.

5. 비밀글 기능

게시판의 관리자와 게시물의 비밀번호를 알고 있는 작성자만 게시물을 열람 할 수 있도록 합니다.

. 비밀 글 게시판으로 사용 중에 비밀 글 기능 설정을 해제하게 되는 경우, 비밀 글로

설정되었던 자료가 모두 노출 될 수 있으므로 주의하세요.

6. 글 등록 시 알림

게시물 등록 전, 그림4와 같이 알림 메시지로 입력한 내용이

출력 되도록 합니다.

!

그림4. 게시물 등록 시 알림 메시지

65


2.4. 기능관리


2.4.9.3. 권한설정

• 게시판 권한 설정은 게시판 생성 후 설정이 가능합니다.

• 게시판의 목록, 내용, 새 글 작성, 답변의 권한을 회원 분류 별로 설정 할 수 있습니다.

먼저, 회원분류를 생성 하신 후, 권한 설정을 하시는 것이 좋습니다. !

1 2

그림1. 게시판 권한설정화면

1. 회원분류

홈페이지 회원의 분류가 출력됩니다.

TIP. 홈페이지 최초 생성시 기본 분류는 관리자, 회원, 준회원, 손님이며, 분류 추가/수정 시

회원관리의 분류관리를 이용하세요.

2. 권한 설정

회원 분류 별로 권한을 부여하고자 하는 항목에 체크하시면 권한이 부여됩니다.

66


2.4. 기능관리


2.4.9.4. 항목설정

• 게시판 항목 설정은 게시판 생성 후 설정이 가능합니다.

• 게시판의 입력 항목을 추가할 수 있으며, 게시판 유형이 일반게시판이나 답변형 게시판의 경우, 목록설정이 가능합니다.

그림1. 게시판 추가항목 목록화면

1

2 3

1. 생성된 추가항목 목록

생성된 추가항목이 목록으로 표시되며, 항목의 유형, 항목 명, 필수입력 여부, 항목 형태를 확인 할

수 있으며, 게시물 입력 시 항목의 입력순서 변경이 가능합니다.

2. 추가항목 삭제하기

목록에서 삭제할 항목을 선택 한 후, 삭제 할 수 있습니다.

. 항목 삭제 후, 해당 항목의 데이터는 복구가 불가능 하므로, 삭제 시 주의하시기 바랍니다.

3. 항목 생성화면으로 이동

항목 생성화면(그림2)으로 이동합니다.

!


그림1. 추가항목 생성화면

1. 항목 기본설정

항목명, 항목의 입력형태,

필수입력 항목 여부를 등록

합니다.

2. 항목 상세설정

항목 형태에 따라 항목의 속성을

설정합니다.

TIP. 항목 코멘트는 생성된

추가항목의 폼 요소에 도움말

형태로 출력됩니다.

추가항목 생성화면

간단하게 입력 받을 수 있는 항목 만 추가하시길 바라며, 개인정보관련 항목을 추가하시는 경우, 개인정보보호법에 위배되기 쉽기 때문에, 사용을 자제하시기 바랍니다.

(개인정보보호법에서는 게시판에 개인정보 2개 이상 노출되면 안됩니다.)

!

1

2

67


그림1. 게시판 목록설정화면


1. 목록사용 설정

체크를 해제 하면, 게시판의 목록에서 출력되지 않습니다.

2. 링크항목 설정

게시판의 목록에서 체크된 항목을 클릭한 경우, 게시물 보기 화면으로 이동합니다.

TIP. 링크항목은 복수로 선택할 수 있으나, 일반적으로 제목 항목에만 설정 하시는 것이 좋습니다.

3. 검색항목 설정

검색항목으로 설정 하면, 게시물 검색 시 검색조건 항목에 표시됩니다.

4. 출력 순서설정

목록에서 게시물의 출력 순서를 설정 할 수 있습니다.

게시판 목록설정은 앨범게시판과 동영상 게시판에서는 정상적으로 적용되지 않을 수 있습니다. !

68


2.4. 기능관리


2.4.9.5. 분류설정

• 게시판 분류설정은 게시판 생성 후 설정이 가능합니다.

그림1. 게시판 분류설정화면

1. 분류 생성하기

그림1. 게시판 분류설정화면 좌측 하단의 추가하기 버튼을 클릭하면, 분류명을 입력 할 수 있는

팝업 창이 출력됩니다.

팝업 창의 분류명 항목에 분류명을 입력한 후 저장하면 분류가 생성됩니다.

TIP. 2단계 분류부터는 상위 분류를 선택 한 후, 생성합니다.

2. 분류명 수정하기

수정할 분류명을 선택 한 후, 좌측 하단의 수정하기 버튼을 클릭 하면, 분류명을 수정할 수 있는

팝업 창이 출력됩니다.

팝업창의 분류명 항목에 분류명을 수정 한 후 저장하면 분류가 수정됩니다.

3. 분류 삭제하기

분류목록에서 삭제할 분류명을 선택 한 후, 좌측 하단의 삭제하기 버튼을 클릭 하면, 분류가

삭제됩니다.

TIP. 분류 삭제 후, 해당 분류는 삭제되지만 분류에 속한 게시물은 삭제되지 않습니다.

분류설정 후, 분류기능을 정상적으로 사용하시려면, 게시판 기본설정의 부가기능 설정에서 카테고리기능 사용여부를 체크 하세요.

!

69


2.4. 기능관리


2.4.9.6. 말머리설정

• 게시판 말머리설정은 게시판 생성 후 설정이 가능합니다.

그림1. 게시판 말머리설정화면

말머리 항목설정 후, 말머리기능을 정상적으로 사용하시려면, 게시판 기본설정의 부가기능 설정에서 말머리기능 사용여부를 체크 하세요.

!

1

2 3

1. 생성된 말머리 목록

생성된 말머리 항목이 목록으로 표시되며, 말머리 명, 게시물수가 출력 되며, 게시물 입력 시

말머리 항목의 출력순서 변경이 가능합니다.

TIP. 말머리 명을 클릭하면, 말머리를 수정할 수 있는 팝업 창이 출력됩니다.

2. 말머리 삭제하기

목록에서 삭제할 항목을 선택 한 후, 삭제 할 수 있습니다.

TIP. 말머리 항목을 삭제하더라도, 말머리에 해당하는 게시물은 삭제되지 않습니다.

3. 말머리 추가하기

말머리추가 버튼을 클릭하면, 말머리를 입력 할 수 있는 팝업 창이 출력됩니다.

팝업 창의 말머리명 항목에 입력한 후 저장하면 말머리가 생성됩니다.

70


2.4. 기능관리


2.4.9.7. 스킨설정

• 게시판 스킨설정은 게시판 생성 후 설정이 가능합니다.

일반 페이지용 게시판의 디자인을

변경합니다.

스킨 목록에서 원하는 스킨을 선택

후, 클릭 한번으로 변경 할 수

있습니다.

일반 페이지용 스킨설정하기

메인 화면용(최신 게시물 목록)

게시판의 디자인을 변경합니다.

스킨 목록에서 원하는 스킨을 선택

후, 클릭 한번으로 변경 할 수

있습니다.

메인 화면용 스킨설정하기

그림1. 일반 페이지용 게시판 스킨설정화면

그림2. 메인 화면용 게시판 스킨설정화면

71


2.4. 기능관리


2.4.9.8. 휴지통관리

• 게시판 휴지통 기능은 게시판 생성 후 관리가 가능 하며, 해당 게시판에서 삭제된 데이터를 영구 삭제하거나 복구 할 수 있습니다.

1

2

그림1. 게시판 휴지통관리화면

휴지통 관리기능을 정상적으로 사용하시려면, 게시판 기본설정의 상세설정에서 휴지통 기능 사용여부를 체크 하세요.

!

1. 삭제된 게시물 목록

삭제된 게시물이 표시되며, 제목을 클릭하면 게시물 내용을 볼 수 있습니다.

2. 삭제된 게시물 관리하기

목록에서 삭제할 항목을 선택 한 후, 영구 삭제하거나 복구 할 수 있습니다.

. 휴지통의 게시물은 영구 삭제 후, 다시 복구가 불가능 하므로 삭제 시 주의바랍니다. !

72


2.4. 기능관리


2.4.9.9. 게시물 이동

• 게시물 이동 기능은 게시판 생성 후 관리가 가능 하며, 해당 게시판의 게시물을 동일항 유형의 게시판으로 이동하거나 복사할 수 있습니다.

• 게시물 이동 기능을 사용하기 위해서는

그림1. 게시물이동 관리화면

1. 게시물 선택

이동 혹은 복사할 게시물을 선택합니다.

2. 게시판 선택

이동 혹은 복사할 대상 게시판을 선택합니다. (동일한 유형의 게시판만 선택할 수 있습니다.)

ex) 앨범게시판은 앨범게시판으로만 게시물을 이동 혹은 복사할 수 있습니다.

3. 이동/복사 여부 선택

선택한 게시물을 이동 혹은 복사할지 여부를 선택합니다.

1

2 3

73


2.4. 기능관리


2.4.9.10. 신고 게시물

• 게시판 휴지통 기능은 게시판 생성 후 관리가 가능 하며, 해당 게시판에서 삭제된 데이터를 영구 삭제하거나 복구 할 수 있습니다.

그림1. 신고게시물 관리화면

신고게시물 관리기능을 정상적으로 사용하시려면, 게시판 기본설정의 부가기능설정에서 신고 기능 사용여부를 체크 하세요.

!

1. 신고 게시물 목록

신고된 게시물이 표시되며, 제목을 클릭하면 게시물 내용을 볼 수 있습니다.

2. 신고 게시물 관리하기

목록에서 관리할 게시물을 선택 한 후, 블라인드 처리(혹은 해제)를 하거나, 삭제 할 수 있습니다.

TIP. 블라인드 처리된 게시물은 게시물의 내용을 열람할 수 없습니다.

74


2.4. 기능관리

2.4.10. 연혁관리

2.4.10.1. 생성된 기능목록

그림1. 생성된 연혁 목록화면

• 개설된 홈페이지에서 생성된 연혁목록을 표시합니다.

• 홈페이지 관리자는 신규 연혁기능을 생성할 수 있습니다.

1

2 3

1. 생성된 연혁 목록

홈페이지에서 사용중인 연혁이 목록으로 표시되며, 연혁 명, 등록된 연혁 갯수, 기능 정상

사용여부를 확인 할 수 있습니다.

각 연혁 별 기능 설정화면으로 이동 할 수 있습니다.


목록에서 설정할 규정을 선택 한 후, 사용중지 하거나, 삭제 할 수 있습니다.

. 연혁 삭제 후, 해당 기능과 데이터는 복구가 불가능 하므로, 삭제 시 주의하시기 바랍니다.

3. 연혁 생성화면으로 이동

!

75


2.4. 기능관리

2.4.10. 연혁관리


1. 기능명

연혁 기능의 이름을 입력합니다.

2. 연도별 카테고리

연도별 카테고리메뉴의 출력 여부를 설정합니다.

TIP. 연도별 카테고리 사용시 카테고리의 형태를 선택할 수 있습니다.

TIP. 탭 메뉴형태의 별 카테고리 사용시 카테고리의 형태를 선택할 수 있습니다.

3. 담당자 명

홈페이지 회원 중 해당 기능을 관리 할 수 있는 회원을 선택합니다.

담당자로 선택된 회원은 연혁 등록,수정 및 삭제 권한이 부여됩니다.

4. 언어설정

연혁관리 기능의 주 언어를 설정합니다.

언어 설정을 하게 되면, 기본 항목 및 버튼, 메시지등이 설정된 언어로 표시됩니다.



그림1. 연혁 기능생성(수정)화면

76


2.4. 기능관리

2.4.10. 연혁관리

2.4.10.3. 스킨설정


그림1. 연혁관리 스킨설정화면

77


2.4. 기능관리

2.4.11. 인물소개

2.4.11.1. 생성된 기능목록

• 개설된 홈페이지에서 생성된 인물소개의 목록을 표시합니다.

• 홈페이지 관리자는 신규 인물소개 기능을 생성할 수 있습니다.

그림1. 생성된 인물소개 목록화면

1

2 3

1. 생성된 인물소개 목록

홈페이지에서 사용중인 인물소개 기능이 목록으로 표시되며, 인물소개 명, 운영자, 등록된 게시물

갯수, 목록 형태(스킨type), 사용언어, 기능 정상 사용여부를 확인 할 수 있습니다.

각 인물소개 별 미리보기 화면으로 이동 할 수 있습니다.


목록에서 설정할 인물소개을 선택 한 후, 사용중지 하거나, 삭제 할 수 있습니다.

. 인물소개 삭제 후, 해당 기능과 데이터는 복구가 불가능 하므로, 삭제 시 주의하시기 바랍니다.

3. 인물소개 생성화면으로 이동

!

78


2.4. 기능관리

2.4.11. 인물소개


그림1. 인물소개 기본설정화면

인물소개 기본설정

1. 인물소개 제목

인물소개 제목을 입력합니다.

2. 인물소개 운영자

홈페이지 회원 중 해당 기능을 관리 할 수 있는 회원을 선택합니다.

담당자로 선택된 회원은 인물소개 등록,수정 및 삭제 권한이 부여됩니다.

TIP. 인물소개 등록은 담당자만 가능합니다.

3. 목록출력 개수

목록에서 서비스 될 게시물의 출력 개수를 설정합니다.

4. 목록유형

- 갤러리 형 : 갤러리 형은 사진이 크게 출력되며, 오른쪽에 정보가 제목 없이 표시됩니다.

- 리스트 형 : 리스트 형은 사진 오른쪽에 정보가 표 형태로 출력됩니다.

- 목록유형은 변경 가능하며, 변경하셔도 기 입력된 정보에는 영향을 미치지 않습니다.

5. 언어설정

인물소개의 주 언어를 설정합니다.

언어 설정을 하게 되면, 기능의 기본 항목 및 버튼, 메시지 등이 설정된 언어로 표시됩니다.


6. 목록정렬기준

- 출력 순서 기준 : 최근에 입력한 순서대로 출력됩니다.

- 한글이름 가나다순 : 가나다 순으로 출력됩니다.


79



인물소개 사용항목설정

1. 항목명 설정

인물소개 사용항목의 국문/영문명을 입력합니다.

2. 항목 입력 시 안내문구

인물소개 입력 시 입력 항목에 대한 안내문구로 표시됩니다.

3. 사용여부

항목의 사용여부를 설정합니다.

체크를 해제 하면, 입력 및 조회 페이지에서 출력되지 않습니다.

4. 목록출력

항목의 목록에서의 노출여부를 설정합니다.

체크를 해제 하면, 인물소개 목록에서 출력되지 않습니다.

5. 검색사용

검색항목으로 설정 하면, 게시물 검색 시 검색조건 항목에 표시됩니다.

그림1. 인물소개 사용항목 설정화면


80



인물소개 권한설정

1. 회원분류

홈페이지 회원의 분류가 출력됩니다.

TIP. 홈페이지 최초 생성시 기본 분류는 관리자, 회원, 준회원, 손님이며, 분류 추가/수정 시

회원관리의 분류관리를 이용하세요.

2. 권한 설정

회원 분류 별로 권한을 부여하고자 하는 항목에 체크하시면 권한이 부여됩니다.

그림1. 인물소개 권한설정화면

먼저, 회원분류를 생성 하신 후, 권한 설정을 하시는 것이 좋습니다. !

1 2

81


2.4. 기능관리

2.4.12. 설문조사

2.4.12.1. 생성된 기능목록

• 개설된 홈페이지에서 생성된 설문조사 목록을 표시합니다.


1

3

2

그림1. 생성된 설문조사 목록화면

1. 생성된 설문조사 목록

홈페이지에서 사용중인 설문조사가 목록으로 표시되며, 설문제목 및 기간, 상태를 확인 할 수

있습니다.

각 설문의 문항을 관리할 수 있으며, 설문의 설정화면으로 이동 할 수 있습니다.

2. 설문 삭제

그림 1의 설문조사 목록에서 삭제 할 수 있습니다.

. 설문 삭제 후, 해당 설문과 데이터는 복구가 불가능 하므로, 삭제 시 주의하시기 바랍니다.

설문 삭제 시, 해당 설문을 사용하고 있는 페이지로 이동하여, 해당 설문 기능을 삭제하시기

바랍니다.

3. 설문 생성화면으로 이동

!

!

82


2.4. 기능관리

2.4.12. 설문조사

2.4.12.2. 설문 생성(기본설정)

• 설문 생성 후, 기능설정을 통하여 설정을 변경 할 수 있습니다.

그림1. 설문등록 화면

일반정보

1. 제목

설문의 제목을 입력합니다.

2. 설문취지

설문의 취지를 입력합니다.

3. 참가기간

설문의 시작일자와 시작시간, 설문 마감일자와 마감시간을 설정합니다.

4. 중복참여여부

설문 참여 대상자의 중복 참여 허용여부를 설정합니다.

5. 설문참여대상

모두참여로 선택 되면, 하단의 회원분류 선택부분의 체크박스가 비활성화 되며, 모두참여가 선택

해제된 경우, 하단의 회원분류에서 참여 대상 회원분류를 선택 할 수 있습니다.

상세설정

1. 중복참여여부

설문 참여 대상자의 중복 참여 허용여부를 설정합니다.

2. 설문결과공개

설문 종료 후, 설문결과공개여부를 선택합니다.

3. 진행중인설문수정

설문 기간 중 설문 수정가능 여부를 설정합니다.

83


2.4. 기능관리

2.4.12. 설문조사

2.4.12.3. 설문문항관리

2.4.12.3.1. 문항목록

• 설문 문항설정은 설문 생성 후 설정이 가능합니다.

그림1. 설문정보 및 설문 문항목록 화면

1

1. 설문 정보

설문 생성시 작성한 설문 기본 정보가 출력됩니다.

2. 설문결과 다운로드

설문 결과 및 참여자 목록을 엑셀 파일로 다운로드 합니다.

3. 설문 문항 목록

등록된 문항의 목록이 출력 되며, 문항의 출력 순서 변경 및 삭제가 가능합니다.

. 문항 삭제 후, 해당 항목의 데이터는 복구가 불가능 하므로, 삭제 시 주의하시기 바랍니다.

4. 문항추가 화면으로 이동

설문문항 생성화면 으로 이동합니다.

!

3

2

4

84


2.4. 기능관리

2.4.12. 설문조사

2.4.12.3. 설문문항관리

2.4.12.3.1. 문항 및 답항 등록/수정

• 설문 문항설정은 설문 생성 후 설정이 가능합니다.

• 설문의 문항은 객관식 단답형, 객관식 다답형, 주관식 서술형으로 등록할 수 있습니다.

답항 을 한 개만 선택할 수 있는

문항이며, 답항의 순서 변경이 가능

합니다.

TIP.

입력된 답 항 이외에 기타의견이

필요한 경우, 기타의견을 별도로

입력 받을 수 있도록 설정이 가능

합니다.

객관식 단답형(단일선택) 문항

그림1. 객관식 단답형의 설정 화면

그림1. 객관식 다답형의 설정 화면

답항 을 한 개 이상 선택할 수 있는

문항이며, 답 항의 순서 변경이

가능합니다.

TIP.

입력된 답 항 이외에 기타의견이

필요한 경우, 기타의견을 별도로

입력 받을 수 있도록 설정이 가능

합니다.

객관식 단답형(다중선택) 문항

문항에 대한 답 항을 서술형

문장으로 작성하는 문항입니다.

주관식 서술형 문항

그림1. 주관식 서술형의 설정 화면

85


2.4. 기능관리


2.4.13.1. 생성된 기능목록

그림1. 생성된 학사일정 기능목록화면

• 개설된 홈페이지에서 생성된 학사일정 기능목록을 표시합니다.


1

2

1. 생성된 학사일정 기능목록

홈페이지에서 사용중인 학사일정 기능이 목록으로 표시되며, 기능 명, 기능 정상 사용여부를 확인


각 기능 별 기능 설정 (기능명 변경)화면으로 이동 할 수 있습니다.


목록에서 설정할 기능을 선택 한 후, 사용중지 하거나, 삭제 할 수 있습니다.


3. 기능 담당자

홈페이지 회원 중 학사일정 기능을 관리 할 수 있는 회원을 선택합니다.

담당자로 선택된 회원은 학사일정 등록,수정 및 삭제 권한이 부여됩니다.

TIP. 학사일정 기능 담당자는 복수선택이 가능합니다.

4. 학사일정 생성화면으로 이동

!

3 4

86


2.4. 기능관리



• 학사일정 기능생성 후, 기능설정을 통하여 전화번호 기능의 이름을 변경 할 수 있습니다.

그림1. 학사일정 기능등록화면

1. 학사일정기능 등록

학사일정 기능의 이름을 입력합니다.

TIP. 학사일정 기능은 별다른 설정 없이 기능 명 등록 만으로 기능이 생성됩니다.

87


2.4. 기능관리


2.4.14.1. 생성된 기능 목록

그림1. 생성된 학사일정연동 목록화면

• 개설된 홈페이지에서 생성된 학사일정연동 기능의 목록을 표시합니다.


1. 생성된 학사일정연동 목록

홈페이지에서 사용중인 학사일정연동 기능이 목록으로 표시되며, 기능명 및 사용여부를 확인 할

수 있습니다.

각 기능 별 설정화면으로 이동 할 수 있습니다.

2. 학사일정연동 기능 설정

목록에서 설정할 기능을 선택 한 후, 사용중지/해제 또는 기능을 삭제 할 수 있습니다.





!

1

2 3

!

88


2.4. 기능관리




1. 기능명


2. 연동유형

학사일정의 연동 유형을 선택합니다.

그림1. 학사일정연동 기능생성(수정)화면

89


2.4. 기능관리

2.4.15. 관련사이트

2.4.15.1. 생성된 기능 목록

• 개설된 홈페이지에서 생성된 관련사이트 기능을 표시합니다.


1

3 2


홈페이지에서 사용중인 기능이 목록으로 표시되며, 기능 명, 등록 갯수를 확인 할 수 있습니다.

생성된 기능의 설정페이지 및 관리페이지로 이동할 수 있습니다.

2. 기능 삭제






!

!

그림1. 생성된 관련사이트 목록화면

90


2.4. 기능관리

2.4.15. 관련사이트



1. 관련사이트명


2. 분류관리

관련사이트의 분류를 설정합니다.

ㆍ 상단의 분류관리 메뉴는 관련사이트의 유형이 카테고리형태인 경우에만 사용이 가능합니다.

3. 관련사이트 유형

ㆍ유형이 단일형태인 경우 출력형태

ex)

ㆍ유형이 카테고리형태인 경우 출력 형태 (관련사이트의 분류관리 가능)

ex)

4. 관리자

홈페이지 회원 중 해당 기능을 관리 할 회원을 선택합니다.

관리자로 선택된 회원에게는 해당 기능(관련사이트)의 수정 및 삭제 권한이 부여됩니다

그림1. 관련사이트 기능생성(수정)화면

!

91


2.4. 기능관리

2.4.15. 관련사이트

2.4.15.3. 분류관리

1

2

1. 생성된 분류 목록

생성된 기능의 분류가 목록으로 표시되며, 분류 명 및 등록 갯수를 확인 할 수 있습니다.

생성된 분류의 분류명 수정페이지로 이동할 수 있습니다.

2. 분류 삭제

목록에서 삭제할 분류를 선택 한 후, 삭제 할 수 있습니다.

. 분류 삭제 후, 해당 분류와 데이터는 복구가 불가능 하므로, 삭제 시 주의하시기 바랍니다.

3. 분류 생성화면으로 이동

4. 분류순서저장

분류목록을 마우스 Drag & Drop으로 원하는 위치에 내려 놓은 후, 순서저장 버튼을 클릭하면

분류 출력 순서가 저장됩니다.

!

그림1. 생성된 관련사이트의 분류목록화면

• 기능 생성 후, 관련사이트의 유형이 카테고리형태인 경우 관련사이트의 분류관리를 할 수 있습니다.

3 4

그림2. 분류생성(수정)화면

92


2.4. 기능관리

2.4.15. 관련사이트

2.4.15.4. 관련사이트관리

• 기능 생성 후, 관련사이트를 관리 할 수 있습니다.

2

3

1. 생성된 분류로 정렬

2. 생성된 관련사이트 목록

생성된 관련사이트가 목록으로 표시되며, 분류 명, 관련사이트 명, URL을 확인 할 수 있습니다.

생성된 분류의 분류명 수정페이지로 이동할 수 있습니다.

3. 관련사이트 삭제

목록에서 삭제할 관련사이트를 선택 한 후, 삭제 할 수 있습니다.

. 관련사이트 삭제 후, 해당 데이터는 복구가 불가능 하므로, 삭제 시 주의하시기 바랍니다.

4. 링크 유효성 확인

등록된 관련사이트의 정상링크 여부를 확인할 수 있습니다.

5. 관련사이트 생성화면으로 이동

6. 분류순서저장

관련사이트 목록을 마우스 Drag & Drop으로 원하는 위치에 내려 놓은 후, 순서저장 버튼을

클릭하면 분류 출력 순서가 저장됩니다.

!

그림1. 생성된 관련사이트목록 화면

4 6

그림2. 관련사이트 생성(수정)화면

5

1

93


2.4. 기능관리

2.4.15. 관련사이트

2.4.15.5. 스킨설정


그림1. 관련사이트 스킨설정화면

94


2.5. 위젯관리

2.5.1. SNS연동

2.5.1.1. 기본설정

• 운영중인 SNS의 타임라인을 홈페이지에 게시할 수 있는 위젯입니다.

그림1. SNS연동 위젯 기본설정

기본설정

1. 위젯명

위젯의 이름이 출력됩니다

상세설정

1. 상세설정

사용여부 및 SNS연동정보를 설정합니다.

ㆍ페이스북, 트위터 – 제공받은 키값을 입력합니다.

ㆍ유튜브 – 유튜브 게시자의 아이디를 입력합니다

95


2.5. 위젯관리

2.5.1. SNS연동

2.5.1.2. 스킨설정


그림1. SNS연동 위젯 스킨설정

96


2.5. 위젯관리

2.5.2. 강의계획안/전공시간표

2.5.2.1. 기본설정

• 대표홈페이지의 강의계획안 및 전공시간표를 홈페이지에 게시할 수 있는 위젯입니다.

그림1. 강의계획안/전공시간표 위젯 기본설정

기본설정

1. 위젯명


2. 관리자

홈페이지 회원 중 강의계획안/전공시간표를 관리 할 수 있는 회원을 선택합니다.

선택된 회원은 위젯의 관리권한이 부여됩니다.

공개설정

1. 학부

공개로 설정한 경우 학부 전제강의 및 학부 영어강의 공개여부를 각각 설정 할 수 있습니다.

2. 대학원

공개로 설정한 경우 대학원 전제강의 및 대학원 영어강의 공개여부를 각각 설정 할 수 있습니다.

97


2.5. 위젯관리

2.5.3. 글로벌GNB

2.5.3.1. 기본설정

그림1. 글로벌GNB 위젯 기본설정

기본설정

1. 위젯명


2. 관리자

홈페이지 회원 중 강의계획안/전공시간표를 관리 할 수 있는 회원을 선택합니다.

선택된 회원은 위젯의 관리권한이 부여됩니다.

3. 언어설정

글로벌GNB의 주 언어를 설정합니다.



상세설정

위젯에 노출할 항목을 선택합니다.

98


2.5. 위젯관리

2.5.3. 글로벌GNB

2.5.3.2. 스킨설정


그림1. 글로벌GNB 위젯 스킨설정

99


2.5. 위젯관리

2.5.4. 대표공지연동

2.5.4.1. 기본설정

• 대표홈페이지의 공지사항을 홈페이지 메인 화면에 게시할 수 있는 위젯입니다.

그림1. 대표공지연동 위젯 기본설정

1. 위젯명

연동대상을 선택합니다.

2. 목록출력 갯수

출력될 목록의 개수를 선택합니다.

3. 언어설정

대표공지 위젯의 주 언어를 설정합니다.



[탭]최근게시물, 블로그형 홈페이지 메인 화면의 대표공지 에만 적용됩니다. !

100


2.5. 위젯관리

2.5.5. 로그인(메인)

2.5.5.1. 스킨설정


그림1. 로그인(메인) 위젯 스킨설정

101


2.5. 위젯관리


2.5.6.1. 기본설정/위젯설정

• 홈페이지 메인 화면의 배경이미지를 슬라이드 되도록 하는 위젯입니다.

그림1. 배경슬라이드 기본설정

기본설정

기본설정에서는 위젯의 사용여부를 설정합니다

사용으로 설정하면 배경관리를 통하여 등록된 이미지가 메인 화면에서 배경이미지로 출력됩니다

그림2. 배경슬라이드 위젯설정

위젯설정

1. 위젯명


2. 이미지 출력방식


TIP.

ㆍ슬라이드 – 이미지가 우측에서 좌측으로 슬라이드됩니다.

ㆍ페이드인/아웃 – 이미지가 서서히(부드럽게)변하는 효과입니다.

3. 위젯 크기

배경이미지의 가로너비와 세로높이를 픽셀단위로 입력합니다.

4. 위젯 출력개수

등록된 이미지 개수와 상관없이 입력한 숫자만큼 이미지가 출력됩니다.

5. 위젯 스크롤 시간

이미지가 스크롤(혹은 전환) 되는 시간을 초 단위로 입력합니다.

102


2.5. 위젯관리


2.5.6.2. 배경관리

2.5.6.2.1. 배경슬라이드 이미지 목록

• 배경 슬라이드 위젯에 등록된 배경이미지의 목록을 표시합니다.

• 홈페이지 관리자 및 기능 관리자는 배경이미지를 등록하거나 수정/삭제 할 수 있습니다

1

2

그림1. 배경이미지목록화면

1. 배경이미지 목록

사용중인 배경이미지가 목록으로 표시되며, 수정화면으로 이동할 수 있습니다.

2. 배경이미지 삭제

목록에서 삭제할 배경이미지를 선택 한 후, 삭제 할 수 있습니다.


3. 배경이미지등록화면으로 이동

!

3

103


2.5. 위젯관리


2.5.6.2. 배경관리

2.5.6.2.2. 배경슬라이드 이미지 등록/수정

그림1. 배경슬라이드 이미지등록 - 일반정보

일반정보

1. 배경이미지 제목

배경이미지의 제목을 입력합니다.



3. 노출설정

배경이미지의 노출여부를 선택합니다.

그림2. 배경슬라이드 이미지등록 – 상세설정

상세설정

1. 노출형태


ㆍ이미지 - 직접 제작한 이미지를 등록합니다.

ㆍ이미지셋 – 제공된 이미지셋에서 사용할 이미지를 선택합니다.

2. 이미지 설정



3. 대체텍스트

이미지의 설명을 입력합니다.

104


2.5. 위젯관리


2.5.6.3. 스킨설정

• 배경슬라이드 위젯은 메인 페이지의 원하는 위치에 적용하여 사용하세요.

• 배경슬라이드는 핸들러 스킨이 제공됩니다.


그림1. 배경슬라이드의 핸들러 위젯 스킨설정

105


2.5. 위젯관리

2.5.7. 이화뉴스연동

2.5.7.1. 기본설정

• 대표홈페이지의 이화뉴스를 홈페이지 메인 화면에 게시할 수 있는 위젯입니다.

그림1. 이화뉴스연동 위젯 기본설정

1. 위젯명

연동대상을 선택합니다.

2. 목록출력 갯수

출력될 목록의 개수를 선택합니다.

3. 목록제목글자수

출력될 목록제목의 글자수를 입력합니다.

TIP. 입력된 제목 글자수를 초과하는 경우 말 줄임(…) 처리됩니다.

4. 목록내용글자수

출력될 목록내용의 글자수를 입력합니다.

TIP. 입력된 내용 글자수를 초과하는 경우 말 줄임(…) 처리됩니다.

5. 언어설정

이화뉴스 위젯의 주 언어를 설정합니다.



[탭]최근게시물, 블로그형 홈페이지 메인 화면의 대표공지 에만 적용됩니다. !

106


2.5. 위젯관리

2.5.8. 인사말

2.5.8.1. 기본설정

• 기관장 인사말을 쉽게 관리 할 수 있는 위젯입니다.

그림1. 인사말 위젯 기본설정

1. 사진

기관장의 사진을 등록합니다.

2. 이미지 ALT (대체텍스트)

기관장 사진의 설명을 입력합니다.

3. 동영상 사용여부

동영상 인사말 사용여부를 선택하면, 해당 동영상 주소로 연결될 버튼이 출력됩니다.

4. 동영상 URL

유튜브 혹은 이화CORE(core.ewha.ac.kr) 등에 동영상 인사말을 등록한 경우 해당 URL을 입력

합니다.

5. 인사말

인사말을 입력합니다.

6. 이름

이름을 입력합니다.

7. 이름 출력 설정

입력한 이름의 출력 여부를 선택합니다.

107


2.5. 위젯관리

2.5.8. 인사말

2.5.8.2. 스킨설정


그림1. 인사말 위젯 스킨설정

108


2.5. 위젯관리


2.5.9.1. 기본설정

• 기관장 인사말을 쉽게 관리 할 수 있는 위젯입니다.

그림1. 찾아오시는 길 위젯 기본설정

1. 위/경도 좌표

아래의 좌표 값 찾는 방법에 따라 정확한 위치의 위/경도 좌표를 입력합니다.

2. 교통편 안내

버스, 승용차 등 찾아올 수 있는 교통편을 입력합니다.

3. 언어설정

찾아오시는길 위젯의 주 언어를 설정합니다.



TIP. 좌표 값 찾는 방법

1. 좌표찾기 버튼을 클릭하여 http://mygeoposition.com/ 에 접속합니다.

2. 검색 창에 “이화여자대학교”라고 입력 한 후 “지오데이터산출”버튼을 클릭합니다.

3. 위/경도 좌표 찾기

지도상의 핀을 Drag & Drop으로 이동하면 해당 핀이 위치한 위/경도 정보가 출력됩니다.

ex) 이화여자대학교 본관

위도: 37.5625036 (37° 33' 45.01'' N) / 경도: 126.9475955 (126° 56' 51.34'' E)

109


2.5. 위젯관리


2.5.9.2. 스킨설정


그림1. 찾아오시는 길 위젯 스킨설정

110


2.5. 위젯관리

2.5.10. 퀵메뉴

2.5.10.1. 기본설정

• 홈페이지 우측에서 스크롤에 따라 움직이는 퀵메뉴 위젯입니다.

그림1. 퀵메뉴 기본설정

1. 위젯명


2. 퀵메뉴 사용여부

사용으로 설정하면 홈페이지 우측 영역에서 스크롤에 따라 따라다니는 퀵메뉴가 출력됩니다.

3. 관리자

홈페이지 회원 중 퀵메뉴를 관리 할 수 있는 회원을 선택합니다.

관리자로 선택된 회원은 퀵메뉴 등록/수정 및 삭제 권한이 부여됩니다

111


2.5. 위젯관리

2.5.10. 퀵메뉴

2.5.10.2. 퀵메뉴관리

2.5.10.2.1. 퀵메뉴 목록

1

2

그림1. 퀵메뉴 목록화면

3

• 퀵메뉴 위젯에 등록된 퀵메뉴의 목록을 표시합니다.

• 홈페이지 관리자 및 기능 관리자는 퀵메뉴를 등록하거나 수정/삭제 할 수 있습니다

1. 퀵메뉴 목록

등록된 퀵메뉴가 목록으로 표시되며, 수정화면으로 이동할 수 있습니다.

2. 퀵메뉴 삭제

목록에서 삭제할 퀵메뉴를 선택 한 후, 삭제 할 수 있습니다.



3. 배경이미지등록화면으로 이동

!

112


2.5. 위젯관리

2.5.10. 퀵메뉴

2.5.10.2. 퀵메뉴관리

2.5.10.2.2. 퀵메뉴 등록/수정

그림1. 퀵메뉴등록 - 기본설정

기본설정

1. 퀵메뉴 제목

퀵메뉴의 제목을 입력합니다.



3. 노출설정

퀵메뉴의 노출여부를 선택합니다.

그림2. 퀵메뉴등록 – 상세설정

상세설정

1. 노출형태


ㆍ사용자 이미지 - 직접 제작한 이미지를 등록합니다.

ㆍ제공 아이콘 – 제공된 아이콘에서 사용할 퀵메뉴 이미지를 선택합니다.

2. 이미지 설정



3. 대체텍스트

등록하는 이미지에 텍스트가 포함 된 경우, 반드시 해당 텍스트를 한 글자도 빠짐없이 입력

해주셔야 하며, 텍스트가 포함 되어 있지 않은 이미지인 경우라 할지라도 해당 이미지의 설명을

입력 해 주셔야 합니다. 미지의 설명을 입력합니다.


113



그림2. 퀵메뉴등록 – 연결정보

연결정보

1. 연결주소

퀵메뉴 클릭시 이동할 URL을 입력합니다.

2. 연결방식




TIP. 연결방식이 팝업창인 경우에만 팝업창의 크기와 위치를 픽셀단위로 설정합니다.

114


2.5. 위젯관리

2.5.10. 퀵메뉴

2.5.10.3. 스킨설정


그림1. 퀵메뉴 위젯 스킨설정

115


2.5. 위젯관리

2.5.11. 통합검색

2.5.11.1. 스킨설정


그림1. 통합검색 위젯 스킨설정

• 대표 홈페이지의 통합검색과 연동되는 위젯입니다.

116


2.5. 위젯관리

2.5.12. 페이지위치정보

2.5.12.1. 스킨설정

스킨설정

• 페이지 타이틀과 로케이션이 표시되며, 페이지의 타이틀 용도로 사용하는 위젯입니다.


그림1. 페이지 위치정보 위젯 스킨설정

117


2.5. 위젯관리


2.5.13.1. 기본설정

• 도서관의 기관별 학위/논문 검색결과로 이동 배너를 생성 하는 위젯입니다.

그림1. 찾아오시는 길 위젯 기본설정

1. 링크제목

생성될 배너에 표시될 텍스트를 입력합니다.

2. 상세설정

검색결과에 해당하는 기관을 선택합니다. (중복선택 가능)

3. 생성된 LINK URL

상세설정을 통해서 선택된 기관의 학위/논문 검색 결과의 URL이 표시됩니다.

118


2.5. 위젯관리


2.5.13.2. 스킨설정


그림1. 학위논문검색 위젯 스킨설정

119


2.5. 위젯관리

2.5.14. 기타위젯

• 홈페이지에서 사용 가능한 위젯 중, 관리를 위한 설정이 필요 없이 사용이 가능한 위젯입니다.

1. 로그인(서브)

서브 화면용 로그인 기능이며, 회원가입화면으로 이동하거나, 아이디/비번찾기 화면으로 이동 할

수 있습니다.

2. 사이트 맵

메뉴구조와 동일한 사이트맵 위젯 이며, 메뉴구조와 실시간으로 연동 하므로, 별도의 관리가 필요

없습니다.

3. 아이디/비번찾기

회원가입위젯을 통하여 가입된 회원의 아이디와 비밀번호 찾기 용도의 위젯입니다.

4. 회원가입(서브)

홈페이지의 회원가입을 할 수 있으며, 약관동의 → 본인인증 → 회원정보입력 순으로 진행됩니다.

* 회원가입신청 후, 반드시 관리자의 승인절차가 필요합니다.

5. 회원정보수정

회원 로그인 후 이용할 수 있는 위젯 이며, 로그인한 회원의 정보를 변경 할 수 있습니다.

6. 회원탈퇴

회원 로그인 후 이용할 수 있는 위젯 이며, 홈페이지의 회원에서 탈퇴할 수 있습니다.

120


2.6. 환경설정

2.6.1. 홈페이지 정보

• 개설한 홈페이지의 메타 정보를 확인하거나 수정하는 페이지입니다.

그림1. 홈페이지 정보화면

1. 홈페이지 제목

홈페이지 제목은 홈페이지 메인 화면의 브라우저 상단 타이틀 바에 표시됩니다.

2. 관리자

관리자화면에 접속 가능한 아이피를 등록합니다.(최대 6개)

3. 홈페이지 설명

홈페이지의 설명을 입력합니다.

TIP. 입력된 홈페이지 설명은 google 스파이더를 통하여 크롤링 되며, 구글 검색 결과 노출여부에

영향을 줍니다.

4. 홈페이지 키워드

홈페이지의 검색 키워드를 입력합니다.

TIP. 입력된 홈페이지 키워드 역시 google 스파이더를 통하여 크롤링 되며, 구글 검색 결과

노출여부에 영향을 줍니다.

5. 홈페이지 분류

홈페이지의 분류를 대분류, 중분류,소분류 순으로 선택합니다.

6. 대표이미지

홈페이지의 캡쳐 사진을 제작한 후, 대표이미지를 등록합니다.

7. 홈페이지 주소, 개설일자

홈페이지의 주소는 변경할 수 없으며, 개설일자가 표시됩니다.

8. 홈페이지 상태, 추천홈페이지

홈페이지의 상태와 추천홈페이지 등록은 수퍼관리자가 설정합니다.

9. 마우스제어

해당 게시판이 사용중인 페이지에서 마우스 우측버튼을 사용할 수 없도록 설정합니다.

TIP. 장애인을 위한 웹 표준에서는 마우스 우측 버튼 제어를 비 표준으로 규정하므로, 가급적이면

마우스 우측 버튼사용을 가능하도록 설정 하시는 것이 좋습니다.

121


2.6. 환경설정

2.6.2. 홈페이지 백업

• 사용자의 실수 혹은 시스템의 불안 등으로 인하여 운영중인 홈페이지가 손상되는 경우를 대비하여, 홈페이지에서 사용중인 파일 및 설정을 저장하여 보관 할 수 있습니다.

그림1. 홈페이지 백업화면

1. 홈페이지 백업

백업하기 버튼을 클릭하면 홈페이지에서 사용중인 모든 파일 과 설정이 서버에 저장됩니다.

백업이 완료되면, 백업 목록에 백업 시점 별 히스토리가 저장됩니다.

TIP. 백업파일명 : 홈페이지아이디_년월일시분초.zip

2. 복구하기

백업 목록에서 복구시점을 선택한 후, 복구 버튼을 클릭하면 백업된 파일과 설정으로 간단히

복구됩니다.

3. 백업데이터 삭제

백업 목록에서 삭제버튼을 클릭하면, 해당 백업 데이터가 삭제됩니다.

TIP. 백업된 데이터도 서버에서 파일로 존재하므로, 서버 용량에 포함됩니다. 필요한 백업파일만

남겨 두시기 바랍니다.

1

2 3

122


2.6. 환경설정

2.6.3. 회원관리

• 개설 홈페이지의 회원 리스트의 정보를 확인 하거나, 이메일, 쪽지 등을 발송 할 수 있습니다.

1

2 3

그림1. 홈페이지 회원관리화면

1. 회원목록

홈페이지의 회원이 목록으로 표시되며, 회원분류, 이름, 아이디, 이메일을 확인 할 수 있습니다.

각 회원 별 상세정보를 열람 할 수 있으며, 각 회원에게 쪽지를 발송 할 수 있습니다.

2. 회원상태 변경

회원분류변경 : 목록에서 회원 선택 후, 회원 분류를 변경 할 수 있습니다.

강제탈퇴 : 목록에서 탈퇴할 회원 선택 후, 탈퇴 처리할 수 있으며, 강제탈퇴 후 복구되지 않습니다

관리자 권한 이양 : 목록에서 회원 선택 후, 홈페이지 관리자로 권한을 변경할 수 있습니다.

3. 회원분류관리 화면으로 이동

1. 회원 분류 생성

회원 분류명 입력 후, 저장

버튼을 클릭하면, 회원 분류가

생성됩니다.

TIP. 홈페이지 최초 생성시 기본

분류는 관리자, 회원, 준회원,

손님입니다.

2. 분류명 수정

각 분류의 수정 버튼을 클릭하면,

해당 분류명을 수정 할 수 있는

팝업 창이 출력 되어, 분류명을

수정할 수 있습니다.

3. 분류명 사용여부 설정

각 분류의 사용여부를 설정 할

수 있습니다.

회원 분류관리

그림2. 회원 분류관리화면

1

2

3

123


2.67 통계

2.7.1. 홈페이지 사용현황

• 개설한 홈페이지의 방문자, 회원 수 및 홈페이지 용량 (사용용량/전체용량)을 볼 수 있습니다.

그림1. 홈페이지 사용현황화면

124


2.7. 통계

2.7.2. 홈페이지 통계

• 개설 홈페이지의 접속통계, 회원로그인통계, 각 페이지 별 접속 통계를 확인 할 수 있습니다.

그림1. 홈페이지 접속통계화면

개설 홈페이지의 월/일별 접속 통계를

그래프로 확인 할 수 있으며, 특정

일자의 접속 통계확인이 가능합니다.

홈페이지 접속통계

그림2. 홈페이지 로그인통계화면

그림3. 페이지별 접속통계화면

개설 홈페이지의 월/일별 로그인통계를

그래프로 확인 할 수 있으며, 특정

일자의 로그인통계확인이 가능합니다.

홈페이지 로그인통계

개설 홈페이지의 페이지 별 접속 통계를

확인 할 수 있으며, 특정 기간의 접속

통계확인이 가능합니다.

검색된 결과는 엑셀파일로 다운로드 할

수 있습니다.

페이지 별 접속통계

125


3.1. 블로그형 홈페이지 화면구성

그림1. 관리자 로그인 전

그림1. 관리자 로그인 후

1. 배경편집

홈페이지의 배경을 편집할 수 있습니다.

TIP. 블로그형 홈페이지의 메인 화면은 에디터를 이용한 편집방법을 제공하지 않습니다.

2. 리모콘

홈페이지 관리 및 설정을 위한 모든 페이지로 한번에 이동이 가능합니다.

1 2

126


3.2. 메인 화면 설정

그림1. 리모콘 메뉴

그림2. 블로그 메인 화면 설정

• 관리자 로그인 후, 리모콘 메뉴(레이아웃 > 정렬/크기)를 이용하여 메인 화면 설정 화면으로 이동합니다.

메인 화면 설정

1. 화면정렬

홈페이지의 정렬방식을 선택합니다.

ㆍleft : 홈페이지가 브라우저의 좌측으로 정렬됩니다

ㆍcenter : 홈페이지가 브라우저의 가운데로 정렬됩니다

ㆍright : 홈페이지가 브라우저의 우측으로 정렬됩니다.

2. 메인 단 개수

메인 페이지에 사용할 컨텐츠의 개수를 선택합니다. (TIP. 최대 4개)

3. 메인 언어설정

블로그 홈페이지의 주 언어를 설정합니다.

언어 설정을 하게 되면, 레이아웃 및 대학공지, 이화뉴스와 같은 연동게시판의 탭 라벨이 설정된

언어로 표시됩니다.


4. 화면너비

홈페이지의 최대 너비를 픽셀단위로 입력합니다.

5. 메뉴너비

홈페이지 메뉴 영역의 너비를 픽셀단위로 입력합니다.

6. 메인 화면 컨텐츠 설정

각 영역별로 출력될 컨텐츠를 선택합니다.

TIP. 선택가능한 컨텐츠 종류

- 인사말, 찾아오시는 길, SNS연동, 연동게시판, 홈페이지에 생성된 게시판, 배너존

127

4. FAQ

1. 위지윅(WYSISYG)이란 무엇입니까?

What You See Is What You Get(당신이 보는 것이 당신이 얻는 것)의 약어. 화면에 보이는 것과

동일한 결과를 얻을 수 있습니다.

2. 픽셀(Pixel) 단위란 무엇입니까?

픽셀단위란 컴퓨터 디스플레이를 구성하고 있는 최소 단위의 점으로, 영어의 picture element를

줄인 것입니다.

보통 해상도를 말할 때 800*600, 1024*768등으로 표현하는데 이에 대한 단위도 픽셀입니다.

3. 기능이란 무엇입니까?

홈페이지를 운영하기 위해서는 HTML 이외에 게시판, 앨범, 설문조사 등의 프로그램을 사용하게

됩니다. 템플릿 기반 홈페이지에서는 이러한 프로그램을 기능이라 합니다.

템플릿 기반 홈페이지에서는 이러한 기능을 관리자가 쉽게 웹페이지에서 추가하여 사용할 수

있습니다.

4. 위젯이란 무엇입니까?

홈페이지를 운영하기 위한 프로그램적인 요소 중 게시판, 앨범, 설문조사와 같이 여러 개의 기능

콘텐츠를 생성할 필요 없이 페이지에 쉽게 적용하여 사용할 수 있는 로그인, 주 메뉴, 서브메뉴

등을 얘기하며, 템플릿 기반 홈페이지에서는 이러한 프로그램을 위젯이라 합니다.

5. 파일관리를 이용하여 이미지를 올렸는데도, 에디터의 이미지 가져오기를 실행하면

목록에서 보이지 않습니다. 왜 그런가요?

에디터에서 불러오는 이미지의 경로는 /mycodyimages/입니다.

이미지 파일 등록시 /mycodyimage/경로에 이미지를 등록해야 에디터의 이미지 목록에

출력됩니다. 또한, /mycodyimage/ 하위 경로의 이미지도 사용할 수 있습니다

6. 에디터의 히스토리 파일은 왜 10개만 저장되나요? 저장 개수를 사용자가 늘일 수 없나요?

페이지 편집 시 저장되는 백업파일은 서버상에 파일로 저장됩니다.

이러한 백업파일이 무분별하게 저장되는 것도 일종의 서버공간의 낭비라 생각됩니다.

따라서, wizard에서는 히스토리 파일의 저장 개수를 사용자 임의로 설정할 수 없도록 하였으며,

저장 개수는 10개로 설정 해 놓았습니다.


TIP. 위젯(widget, widgets)의 원래 의미는?

위젯의 사전적인 의미는 “소형장치” 또는 “부품”입니다

컴퓨터 분야에서 사용되는 위젯 이라는 용어는 자주 이용하는 서비스 및 프로그램을 웹

브라우저 및 데스크 탑에서 쉽게 구동시킬 수 있는 독립적이고, 작은 프로그램을 말합니다..

128

4. FAQ


7. 에디터에서 편집한 화면과 실제 적용된 화면이 다르게 보입니다.

최근 웹 접근성이 이슈가 되면서 시각적인 장애를 가진 사람과 장애를 갖지 않은 사람이

동등하게 웹사이트를 이용할 수 있도록 웹 표준 기술을 사용하여 홈페이지가 개발 되고 있습니다.

그 방법 중 하나가 Stylesheet를 이용한 CSS 파일을 이용하여 홈페이지의 구조(HTML)와

디자인(css)을 분리하는 작업입니다.

이 CSS 파일을 사용하는 페이지의 경우, 브라우저에서는 정상적으로 보이지만 에디터에서는

디자인 정보가 저장되어있는 CSS 파일을 읽지 못하고, HTML만 읽기 때문에 실제 화면과 다르게

보일 수 있습니다.

8. 홈페이지 운영 중입니다. 실수로 홈페이지 생성마법사를 통하여 사이트를 다시 개설

하였습니다. 복구할 수 없나요?

홈페이지 생성마법사를 이용하여 다시 개설 한경우 기존 홈페이지의 모든 정보는 초기화되며,

백업해둔 데이터가 없는 경우 복구가 불가능 합니다.

만약 기존 홈페이지 운영 중 백업관리를 통해 백업해둔 정보가 있는 경우, 해당 백업 정보로 복구

가능 합니다.

9. 홈페이지 스킨을 선택했더니 홈페이지 화면이 이상해졌습니다. 복구할 수 없나요?

기존 홈페이지의 디자인 및 홈페이지 운영 중 제작된 콘텐츠는 스킨변경 후에 정상적으로

보이지 않을 수도 있으므로 전문가와 충분한 협의 후, 진행하는 것이 좋습니다.

만약 기존 홈페이지 운영 중 백업관리를 통해 백업해둔 정보가 있는 경우, 해당 백업 정보로 복구

가능 합니다.

10. Wizard에서는 사용자의 실수에 대비해서 자동으로 백업 될 수 있도록 시스템을 구축할

수는 없나요?

Wizard에서 개설된 사이트의 HTML파일의 경우, 웹 에디터의 히스토리 기능으로 자동 백업

되지만, HTML파일을 제외한 홈페이지의 모든 파일 및 데이터는 예측하지 못한 리소스 낭비 혹은

서버 과부하로 인하여 서비스가 제대로 운영되지 못할 우려가 있으므로 홈페이지의 자동 백업

시스템은 구축하지 않습니다.

11.앨범게시판을 생성하려 했다가, 실수로 일반 게시판을 생성하였습니다.

게시판의 형태를 변경 할 수 없나요?

게시판 및 앨범은 생성 후, 형태가 변경 되지 않습니다.

실수로 생성된 기능은 삭제 후, 원하는 기능으로 다시 생성하세요.

12.홈페이지의 파일관리 기능을 이용해서 동일한 파일명의 이미지를 업로드 했는데도 기존

이미지가 출력됩니다.

사용중인 브라우저의 설정을 확인하세요.

도구 → 인터넷 옵션 → 검색기록(설정버튼 클릭) → 임시인터넷 파일의 설정을 페이지를 열

때마다 로 변경 하세요

129

4. FAQ


13.웹 접근성 이란 무엇입니까?

인터넷 이용에 취약한 시각장애인, 저시력자 및 노약자들을 포함한 모든 사용자들이 인터넷을

통하여 전달되는 모든 콘텐츠를 동등하게 인지하고, 편리하게 사용할 수 있도록 하는 개념입니다.

웹의 힘은 그것의 보편성에 있다. 장애에 구애 없이 모든 사람이 접근할 수 있는 것이 필수적인

요소이다.

(The power of the Web is in its universality, Access by everyone regardless of disability is an

essential aspect.)

팀 버너스 리 경 - 웹의 창시자 (Tim Berners - Lee , W3C Director and inventor of the World

Wide Web)

14.대체텍스트란 무엇 입니까?

시각 장애인, 저시력자 및 노약자들은 스크린 리더(음성읽기지원)라는 브라우저를 통하여 웹에서

제공된 콘텐츠(텍스트)를 음성을 통하여 인식 할 수 있습니다.

따라서 이미지나 배경이미지등과 같이 텍스트로 제공되지 않는 콘텐츠를 의미나 용도를 이해할

수 있는 적절한 대체 텍스트를 제공하여 스크린리더기가 인식할 수 있도록 하는 웹 표준

기법중의 하나입니다.

15.메뉴 설정 후 저장을 했는데도 홈페이지에 반영이 안됩니다.

메뉴는 홈페이지의 중요한 콘텐츠이므로 설정완료 후의 디자인 상태 및 링크상태를 완벽히 확인

한 후 홈페이지에 반영하도록 하기 위하여, 관리자 화면에서 메뉴 설정을 저장하게 되는 경우

데이터베이스에는 저장되어 미리 보기를 통해 확인할 수 있지만, 사용자 화면에 즉시 반영되지는

않습니다. 미리 보기를 통해 설정상태를 모두 확인하신 후, 메뉴설정적용 버튼을 클릭하면

홈페이지에 반영됩니다.

130

5. 안내

1. 본 매뉴얼은 K2Web Wizard5.0을 기반으로 작성되었습니다.

2. 템플릿 기반의 홈페이지 신청에 관한 사항, 홈페이지 운영 중 문의사항은

정보통신처 정보기획팀(02-3277-3882)로 연락 주시기 바랍니다.

감사합니다.

Documents

템플릿 기반의 홈페이지 전체 매뉴얼 - Ewha Womans Universitycms.ewha.ac.kr/Web-home/common/manual/Jwizard5.0_user.pdf · 2015. 6. 11. · 4 1. 관자 로그인 방법