<4D F736F F F696E74202D20C0CEC3B5B4EB20B8DEB4BABEF35FC3D6C1BE205BC8A3C8AF20B8F0B5E55D>

Transcription

1 인천대학교 홈페이지관리매뉴얼

2 Copyright 고지사항 이사용설명서의내용과 K2Web Wizard 5.0 프로그램 ( 이하 wizard) 은저작권법과컴퓨터프로그램보호법에의해보호받습니다. 제품패키지에포함된문서와프로그램등은케이투웹테크 의사전승인없이는어떠한경우라도대여, 배포, 판매행위가금지되어있으며어떠한목적으로도변형하거나재가공할수없습니다. 이설명서는오직정보를제공하기위한목적으로만들어진문서입니다. 또한이설명서의내용은버전에따라혹은다른이유에의해변경될수있습니다. 이문서의내용은참고용사용매뉴얼로서케이투웹테크 는이문서에대해어떠한명시적, 묵시적인보증도하지않습니다. 이설명서의사용이나사용결과에따른책임은전적으로사용자본인에게있습니다. 케이투웹테크 에서는제품패키지내에포함되어있는사용권증서에명시됨에따라제공되는권리이외에특허권, 상표권, 저작권, 또는기타지적재산권을일체허가하지않습니다. 통지 본프로그램은케이투웹테크 의순수개발제품으로써, 타사제품의라이센스가포함되어있지않음을알려드립니다. 사용자브라우져호환성 본프로그램은 IE(7이상 ) 및기타모든브라우져에서호환되도록개발되었습니다. (IE6 에서는일부화면이정상적으로보이지않거나작동되지않을수있습니다 ) 안전정보 ( 아래내용을읽고올바르게이용하세요 ) 매뉴얼의기호설명 1. 제공되는매뉴얼의모든지침을읽고이해하십시오. ( 사용자의실수로인한문제가발생한경우, 이에대해책임을지지않습니다.) 2. 매뉴얼의모든환경은 Windows XP 환경을기준으로설명하고있으며, 사용자의 OS에따라다소차이가있을수있습니다. 3. 매뉴얼에표시된모든경고및지시를준수하십시오. ( 표 1. 매뉴얼의기호설명참조 ) 4. 제품이정상적으로작동하지않을경우본매뉴얼하단의 FAQ를참조하십시오. TIP 사용시참고사항사용시주의사항사용시위험사항표1 2

3 1. K2Web Wizard 는? 홈페이지관리 2.1. 홈페이지화면구성 개설홈페이지 화면 웹에디터 리모콘 홈페이지배경설정 관리자화면구성 2.2. 메뉴관리 메뉴관리 메뉴배열설정 메뉴속성설정 서브메뉴 타이틀속성설정 2.3. 파일관리 2.4. 기능관리 게시판관리 게시판탭관리 관련사이트맵 배너관리 비쥬얼관리 설문조사 연혁관리 인물소개 팝업관리 학과소개 2.5. 환경설정 홈페이지정보 홈페이지백업관리 제품정보 3

4 1. K2Web Wizard 는? 1. K2Web Wizard 는? 홈페이지의인식과사용성이나날이증가는하고있으나전문교육을받지않는이상사용자들은실제로홈페이지를운영하지못하고있는현실에서세상의모든사람들이전문교육을받지않아도홈페이지와웹과친숙할수있도록하기위하여본제품을개발하게되었습니다. 사용자들이홈페이지제작및운영에필수라할수있는HTMLTAG,WebEditor, FTP에대한지식이전혀없다할지라도워드와마우스만으로홈페이지를운영할수있는손쉬운툴의제공은모든사람들이인터넷환경에자유로울수있는새로운계기가될수있는뜻깊은일이라생각되며저희케이투웹테크의임직원은 세상모든사람들이인터넷으로부터자유로워지는그날까지... 제품개발에주력할것임을이매뉴얼을읽는분들께다짐하고자합니다. K2Web Wizard 특징 1. One-click Homepage Wizard 2. Simple-minded Web CMS 3. Custom-made Template 4. Contents Editor Based WYSIWYG 5. Management System For Homepage Operator 6. Hosting System For System Manager 4

5 2. 홈페이지관리 > 2.1 홈페이지화면구성 2. 홈페이지관리 2.1 홈페이지화면구성 개설홈페이지화면 홈페이지운영자로그인시웹에디터과리모콘을이용하여홈페이지를관리할수있습니다. 그림 1. 관리자로그인전 1 2 그림2. 관리자로그인후 1. 웹에디터편집버튼클릭시실행되는웹에디터를이용하여해당영역 ( 각각의 html페이지 ) 을직접편집할수있습니다. 2. 리모콘홈페이지와모바일웹페이지관리및설정을위한모든페이지로한번에이동이가능합니다. 5

6 2. 홈페이지관리 > 2.1 홈페이지화면구성 웹에디터 홈페이지운영자로그인후, 각페이지편집시사용하는웹에디터는, 페이지의 HTML 내용편집뿐만아니라, 홈페이지에서사용할기능 ( 게시판, 설문조사등 ) 및위젯컨텐츠 ( 메뉴, 로그인등 ) 을불러와사용할수있습니다 그림1. 페이지편집을위한웹에디터화면 1. 컨텐츠가져오기영역홈페이지에서사용할기능 ( 게시판, 배너, 설문, 식단등 ), 위젯 ( 로그인, 메인비주얼, 인사말등 ), 이미지 ( 사용가능한이미지및파일 ) 를불러올수있습니다. 2. 페이지복구영역 (Content Rollback) 사용자의실수혹은, 기타사유로인하여페이지가손상을입게된경우, 페이지백업기능을이용하여복구가가능합니다. 3. 에디터툴바영역편집창에서자주사용되는명령에대하여직접실행할수있도록아이콘메뉴로제작되어있습니다. 4. 에디터뷰어영역실행된페이지를에디터툴바를이용하여직접편집하는영역입니다. Html을이용하는고급사용자의경우, 소스창을이용하여페이지를편집할수도있습니다. 5. 편집내용저장버튼모든편집이끝나면저장하기버튼을클릭하여저장하며, 사용자화면에실시간으로반영됩니다. 편집내용저장시반드시우측하단의화면보기모드가편집창으로되어있는경우에만편집된내용이정상반영됩니다. 편집내용을저장전확인해보시려면, 에디터뷰어의미리보기버튼을클릭하시면, 저장후, 화면을미리볼수있습니다. 6

7 2. 홈페이지관리 > 2.1 홈페이지화면구성 2121HTML 편집하기 홈페이지의내용을보이는그대로 ( 위지윅방식 ) 편집할수있습니다. 웹페이지를편집하기위한방법은편집창을이용해서편집하거나, 소스창으로전환한후, HTML소스를직접편집할수있습니다. 편집창에서편집하기 에디터툴바를이용하여직접편집할수있는영역입니다 html을모르는일반사용자들도. 한글문서및워드문서다루듯이쉽게위지윅방식으로웹페이지를편집할수있습니다. 그림 1. 편집창. 소스창에서편집하기 html을능숙하게사용하여웹페이지편집이가능한, 웹퍼블리셔및웹디자이너들의경우에만사용을권장합니다. 그림 2. 소스창. TIP. 페이지편집시.. 웹에디터에서 HTML 편집에관련된자세한사용방법은제품홈페이지를통해확인하실수있습니다. ( 제품홈페이지 : 7

8 2. 홈페이지관리 > 2.1 홈페이지화면구성 기능가져오기 홈페이지에서사용할게시판, 배너, 식단등을가져와사용할수있습니다. 기능을가져온후, Drag & Drop으로기능의위치조절및크기변경이가능합니다. 웹페이지에기능가져오기 1. 기능가져오기에디터우측상단의기능가져오기버튼을클릭합니다. 2. 사용할기능선택웹페이지에사용하고자하는기능을선택합니다. 그림 1. 에디터의기능 ( 게시판 ) 선택창. TIP.1 기능선택시, 필요한기능이없는경우, 기능가져오기화면에서필요한기능을생성할수있습니다. TIP.2 게시판기능의경우, 일반페이지용과홈페이지의메인화면에서사용하는최신글기능을가져올수있습니다. 기능위치및크기조절그림2 에서와같이기능을가져온후,Drag&Drop Drop 으로기능의위치및크기변경이가능합니다. 그림 2. 기능적용화면. 8

9 2. 홈페이지관리 > 2.1 홈페이지화면구성 기능가져오기 홈페이지에서사용할로그인, 메뉴, 카운터등을등을가져와사용할수있습니다. 위젯기능을가져온후, Drag & Drop으로기능의위치조절및크기변경이가능합니다. 웹페이지에위젯가져오기 1. 위젯가져오기에디터우측상단의위젯가져오기버튼을클릭합니다. 2. 사용할위젯선택웹페이지에사용하고자하는위젯을선택후, 사용하기버튼을합니다. TIP. 위젯기능은홈페이지생성시기본적으로제공되는프로그램이며, 일반기능과같이필요에의해생성할수없습니다. 그림 1. 에디터의위젯선택창. 위젯위치및크기조절 그림 2 에서와같이위젯을가져온후, Drag & Drop 으로위젯의위치및크기변경이가능합니다. 그림 2. 위젯 ( 사이트맵 ) 적용화면. 9

10 2. 홈페이지관리 > 2.1 홈페이지화면구성 이미지가져오기 홈페이지의파일관리를통해등록한이미지파일을웹페이지불러와사용할수있습니다. 이미지를가져온후, Drag & Drop으로이미지의위치조절및크기변경이가능합니다 웹페이지에이미지가져오기 1. 이미지가져오기에디터우측상단의위젯가져오기버튼을클릭합니다. 2. 사용할이미지선택웹페이지에사용하고자하는이미지를선택후, 사용하기버튼을클릭합니다. TIP. 필요한이미지가없는경우, 파일관리화면에서필요한파일을등록후, 사용할수있습니다. 그림 1. 에디터의이미지선택창. 이미지위치및크기조절 그림2 에서와같이이미지를가져온후, Drag & Drop으로이미지의위치및크기변경이가능합니다. 그림 2. 이미지적용화면. 파일관리를이용하여이미지파일을등록하고자하는경우, 반드시 /mycodyimages/ 폴더로이동한후, 등록하여야합니다. 10

11 2. 홈페이지관리 > 2.1 홈페이지화면구성 페이지복구기능 페이지저장시백업파일이동시에저장되어, 사용자의실수로인하여페이지가손상을입게된경우, 웹에디터의페이지백업기능을이용하여복구가가능합니다. 그림 1. 코디히스토리선택화면 페이지별백업파일은최대 10 개까지만저장됩니다. 11

12 2. 홈페이지관리 > 2.1 홈페이지화면구성 리모콘 홈페이지를관리하기위한리모콘은해당홈페이지의운영자로그인시에만홈페이지영역우측상단에출력됩니다. Click & Drag로리모콘의위치를변경할수있으며, 접기 / 펴기가가능합니다. 1. 리모콘상단 - HOME 버튼 : 홈페이지의메인화면으로이동합니다. - LOGOUT 버튼 : 관리자로그아웃됩니다. 그림 1. 리모콘 2. 홈페이지관리영역 - 메뉴관리 : 메뉴관리, 배열설정, 속성설정을할수있는기능을제공합니다. - 파일관리 : 파일관리를할수있는기능을제공합니다. - 기능관리 : 게시판관리, 게시판탭관리, 배너관리설문조사관리, 인물소개, 팝업관리, 학교연혁관리, 비쥬얼관리기능을제공합니다. - 위젯관리 : 로그인스킨관리할수있는기능을제공합니다. - 환경설정 : 홈페이지정보, 회원관리, 커뮤니티기능을제공합니다. - 통계 : 사용현황, 접속통계, 게시물통계, 로그인통계기능을제공합니다. 3. 레이아웃관리 : 정렬 / 크기, 레이아웃변경, 템플릿신청기능을제공합니다. 4. 다시생성 : 홈페이지생성마법사시작하기페이지로이동합니다. 5. Wizard관리 : wizard의전체관리자가로그인한경우에만제공되는메뉴이며, wizard의관리화면으로이동합니다. 12

13 2. 홈페이지관리 > 2.1 홈페이지화면구성 홈페이지배경설정 홈페이지관리자로그인후, 홈페이지좌측상단의배경편집버튼을클릭하여홈페이지의배경을설정합니다. 홈페이지의메인화면및서브화면의 Body영역및홈페이지영역의배경이미지및배경색을설정할수있습니다. 1. 배경이미지설정기본스킨이제공되며, 사용자가제작한이미지를등록한후, 사용할수있습니다. 배경이미지의경우, 이미지의반복및정렬설정이가능합니다. 2. 배경색설정컬러픽커를이용하여원하는배경색을선택할수있습니다. 3. CSS 직접편집스타일시트편집이가능한사용자의경우, 스타일시트를직접편집할수있습니다. TIP. 배경설정후, 미리보기버튼을클릭하여설정된내용을확인한후, 저장하기버튼을클릭하면, 최종저장됩니다. 13

14 2. 홈페이지관리 > 2.1 홈페이지화면구성 관리자화면구성 홈페이지관리자로그인후, 리모콘의메뉴클릭시관리자화면으로이동합니다 그림 1. 홈페이지관리자화면. 1. 관리자선택메뉴홈페이지운영자로그인후리모콘을통해클릭한기능이제공되는메뉴입니다. 2. 홈페이지관리메뉴홈페이지를관리하기위한메뉴영역이며, 리모콘의메뉴관리, 파일관리, 기능관리, 위젯관리, 환경설정, 통계관리와링크결과가동일합니다. 3. 운영중인홈페이지로이동홈페이지운영자가관리하고있는홈페이지메인화면으로이동합니다. 4. 로그아웃버튼홈페이지운영자로그아웃처리되며, 홈페이지메인화면으로이동합니다. 5. 매뉴얼버튼홈페이지를관리하고운영하기위한매뉴얼 (pdf파일) 로링크됩니다.. 6. 제조사정보제조사명이표시되며, 고객지원을위한대표전화번호가출력됩니다. 14

15 2. 홈페이지관리 > 2.2 메뉴관리 메뉴관리 메뉴관리 메뉴생성 홈페이지에서사용하기위한메뉴를생성하기위한방법입니다. 그림 1. 메뉴생성화면. 메뉴생성하기 1. 상위메뉴선택생성할메뉴의상위단계메뉴를선택합니다. TIP. 1 단계메뉴를생성하기위한상위경로는 Site Root 부분입니다. 2. 메뉴추가버튼클릭좌측상단의메뉴추가버튼을클릭하면, 우측에메뉴생성정보를입력할수있는화면이출력됩니다. 15

16 2. 홈페이지관리 > 2.2 메뉴관리 메뉴생성 ( 계속 ) 메뉴생성정보입력 그림 2. 메뉴정보 ( 기능관리하위메뉴생성예시 ) 입력화면. 1. 메뉴명입력메뉴명으로사용할단어를입력합니다. 2. 링크설정 - 링크대상 : 홈페이지내서브페이지로링크또는외부사이트 URL로링크를체크합니다. - 타겟설정 : 메뉴를클릭할경우연결될페이지지가열리는방법을설정합니다. 대상파일변경은 1단계메뉴클릭시오픈되어야하는파일을선택하는메뉴입니다. ex) 1단계기능관리클릭시 2단계의첫번째메뉴가노출되어야므로대상파일을해당파일로변경하면사용자페이지에서기능관리메뉴클릭시 2단계메뉴중 D-day 페이지로이동합니다. 3. 권한설정생성한매뉴의공개여부를선택하는메뉴입니다. - 공개 : 해당권한에맞는모든사용자에게노출되게됩니다. - 비공개 : 운영자를제외한사용자는매뉴를볼수없습니다. TIP. 비공개설정시우측화면의붉은색엑스표 (X) 로메뉴에표시됩니다. 4. 메뉴생성하기메뉴입력완료후메뉴생성하기버튼을클릭하여메뉴생성을완료합니다. 메뉴의생성및설정상태는저장되지만홈페이지에반영되지는않습니다. 5. 홈페이지에적용 메뉴의설정상태및디자인을확인하셨으면, 반드시홈페이지에적용버튼을클릭해야홈페이지에반영됩니다. 16

17 2. 홈페이지관리 > 2.2 메뉴관리 메뉴수정 홈페이지에서사용중인메뉴를수정하기위한방법입니다. 메뉴수정하기 그림 1. 메뉴수정화면. 1. 수정할메뉴선택수정할메뉴를선택합니다. 2. 메뉴수정하기이미생성해놓은메뉴클릭시우측에메뉴정보가나타나며, 메뉴정보를수정한후메뉴수정하기클릭하여저장합니다. 메뉴수정하기클릭후좌측메뉴설정적용버튼을꼭클릭해주셔야반영됩니다. TIP. 메뉴수정은 15 페이지메뉴설정방법과동일합니다. 1. 브라우져타이틀이란? 브라우져의좌측상단에는문서의제목이표시될수있도록해야합니다. 이또한웹접근성을위한기법중의하나이며, 일반적으로메뉴명이출력되도록하는것이보편적인방법입니다. 단, 메뉴명만으로표시할수없는페이지제목의경우에는브라우져의타이틀을적절한제목으로변경해주시는것이좋습니다. 2. 접근권한이란? 해당메뉴를특정회원그룹혹은전체회원들에게만공개해야하는경우, 접근권한설정을통하여메뉴에대하여접근할수있도록설정합니다. 17

18 2. 홈페이지관리 > 2.2 메뉴관리 메뉴삭제 / 위치이동 홈페이지에서사용중인메뉴를삭제하거나, 위치변경을하기위한방법입니다. 1 2 그림 1. 메뉴관리화면 ( 메뉴삭제및위치변경 ) 1. 메뉴삭제하기삭제할메뉴를선택한후, 그림 1 상단의삭제버튼을클릭하면선택한메뉴가삭제됩니다. TIP. 메뉴삭제시선택한메뉴의하위메뉴가존재하는경우, 하위메뉴도함께삭제되며, 해당파일은삭제되지않습니다. 2. 메뉴위치변경위치를변경할메뉴를선택한후, 그림1 우측상단의순서가변경됩니다. 버튼을클릭하면메뉴의출력 TIP. 메뉴위치변경시선택한메뉴의하위메뉴가존재하는경우, 하위메뉴도함께이동됩니다.. 메뉴위치변경은동일단계에서만이동이가능하며, 상위단계나하위단계로이동되지않습니다. 18

19 2. 홈페이지관리 > 2.2 메뉴관리 메뉴배열설정 주메뉴영역 주메뉴영역의메뉴배열을설정합니다. 그림 1. 주메뉴영역메뉴배열설정화면 1. Display 메뉴선택 ( 주메뉴영역 ) 주메뉴영역에출력될메뉴단계를선택합니다. 2. 하위메뉴출력방법 - 메뉴클릭시출력 : 상위메뉴를클릭한경우, 하위메뉴가출력됩니다. - 마우스오버시출력 : 상위메뉴에마우스를올린경우, 하위메뉴가출력됩니다.. Display되는메뉴가 1차메뉴인경우, 출력되지않습니다. 3. 배열설정메뉴영역에 Display 되는메뉴의배열을설정합니다. 4. 배열설정저장하기설정완료후배열설정저장하기버튼을클릭하여배열설정을완료합니다. 메뉴배열의상태는저장되지만홈페이지에반영되지는않습니다. 5. 홈페이지에적용 메뉴의설정상태및디자인을확인하셨으면, 반드시홈페이지에적용버튼을클릭해야홈페이지에반영됩니다. 19

20 2. 홈페이지관리 > 2.2 메뉴관리 서브메뉴영역 서브메뉴영역의메뉴배열을설정합니다. 그림 1. 서브메뉴영역메뉴배열설정화면 1. Display 메뉴선택 ( 서브메뉴영역 ) 서브메뉴영역에출력될메뉴단계를선택합니다. 2. 하위메뉴출력방법 - 메뉴클릭시출력 : 상위메뉴를클릭한경우, 하위메뉴가출력됩니다. - 마우스오버시출력 : 상위메뉴에마우스를올린경우, 하위메뉴가출력됩니다.. Display되는메뉴가 2차메뉴이거나, 3차메뉴인경우, 출력되지않습니다. 3. 배열설정메뉴영역에 Display 되는메뉴의배열을설정합니다. 4. 배열설정저장하기설정완료후배열설정저장하기버튼을클릭하여배열설정을완료합니다. 메뉴배열의상태는저장되지만홈페이지에반영되지는않습니다. 5. 홈페이지에적용 메뉴의설정상태및디자인을확인하셨으면, 반드시홈페이지에적용버튼을클릭해야홈페이지에반영됩니다. 20

21 2. 홈페이지관리 > 2.2 메뉴관리 탭메뉴영역 탭메뉴영역의메뉴배열을설정합니다. 그림 1. 탭메뉴영역메뉴배열설정화면 1. Display 메뉴선택 ( 탭메뉴영역 ) 탭메뉴영역에출력될메뉴단계를선택합니다. 2. 배열설정메뉴영역에 Display 되는메뉴의배열을설정합니다. 3. 배열설정저장하기설정완료후배열설정저장하기버튼을클릭하여배열설정을완료합니다. 메뉴배열의상태는저장되지만홈페이지에반영되지는않습니다. 4. 홈페이지에적용 메뉴의설정상태및디자인을확인하셨으면, 반드시홈페이지에적용버튼을클릭해야홈페이지에반영됩니다. 21

22 2. 홈페이지관리 > 2.2 메뉴관리 메뉴속성설정 영역속성설정 각메뉴를감싸고있는메뉴영역의디자인속성을설정합니다 메뉴영역선택영역주메뉴영역, 서브메뉴영역, 탭메뉴영역을선택합니다. 2. 영역속성 / 메뉴설정이동영역선택된영역의속성을설정할 4 것인지, 개별메뉴의속성을선택할것인지선택합니다. 3. 미리보기영역설정할메뉴영역에마우스를올리면, [ 영역선택 ] 버튼이출력되며해당버튼을클릭하면영역의속성을설정할수있으며, 설정내용을미리볼수있습니다. 4. 영역속성설정영역메뉴출력형태, 영역의배경및외곽선의컬러, 및세부설정을할수있습니다. 그림 1. 주메뉴영역속성설정화면 TIP. 영역속성설정방법 1. 메뉴출력형태설정선택된영역의메뉴를이미지로출력할것인지, 텍스트로출력할것인지를선택합니다. 2. 영역배경및외곽선컬러설정영역의배경이미지및배경색을설정하며, 외곽선을사용하는경우, 외곽선의색을설정합니다. 3. 영역세부설정영역의위치, 외부간격, 두께, 여백, 너비, 높이를픽셀단위로설정합니다. 각영역별로메뉴배열에따라화면의레이아웃이다르게출력될수있습니다. 메뉴의설정상태및디자인을확인하셨으면, 반드시홈페이지에적용버튼을클릭해야홈페이지에반영됩니다. 22

23 2. 홈페이지관리 > 2.2 메뉴관리 영역속성설정 메뉴형태가텍스트인경우 메뉴형태가텍스트인경우, 개별메뉴의속성설정화면입니다 메뉴영역선택영역주메뉴영역, 서브메뉴영역, 탭메뉴영역을선택합니다. 2. 영역속성 / 메뉴설정이동영역선택된영역의속성을설정할것인지, 개별메뉴의속성을선택할것인지선택합니다 미리보기영역설정할메뉴에마우스를올리면, [ 설정 ] 버튼이출력되며해당버튼을클릭하면메뉴의속성을설정할수있으며, 설정내용을미리볼수있습니다. 4. 텍스트메뉴속성설정영역각메뉴의폰트, 배경설정, 외곽선의컬러, 세부설정을할수있습니다. 그림 1. 텍스트메뉴영역속성설정화면 TIP. 각텍스트메뉴속성설정방법 1. 폰트설정폰트의글꼴및크기, 폰트정렬, 기본컬러및활성컬러를설정합니다. 2. 메뉴배경및외곽선컬러설정메뉴의배경이미지 ( 기본배경이미지, 활성배경이미지 ) 및배경색 ( 기본배경색, 활성배경색 ) 을설정하며, 외곽선을사용하는경우, 외곽선의색을설정합니다. 3. 메뉴세부설정메뉴의위치, 외부간격, 두께, 여백, 너비, 높이를픽셀단위로설정합니다. 각영역별로메뉴배열에따라화면의레이아웃이다르게출력될수있습니다. 메뉴의설정상태및디자인을확인하셨으면, 반드시홈페이지에적용버튼을클릭해야홈페이지에반영됩니다. 23

24 2. 홈페이지관리 > 2.2 메뉴관리 영역속성설정 메뉴형태가이미지인경우 메뉴형태가이미지인경우, 개별메뉴의속성설정화면입니다 메뉴영역선택영역주메뉴영역, 서브메뉴영역, 탭 2 메뉴영역을선택합니다 영역속성 / 메뉴설정이동영역선택된영역의속성을설정할것인지, 개별메뉴의속성을선택할것인지선택합니다 미리보기영역설정할메뉴에마우스를올리면, [ 설정 ] 버튼이출력되며해당버튼을클릭하면메뉴의속성을설정할수있으며, 설정내용을미리볼수있습니다. 4. 이미지메뉴속성설정영역각메뉴의이미지및세부설정을할수있습니다. 그림 1. 이미지메뉴영역속성설정화면 TIP. 각이미지메뉴속성설정방법 1. 메뉴이미지설정메뉴의이미지 ( 기본이미지, 활성이미지 ) 를등록합니다. 2. 메뉴세부설정메뉴의외부간격, 너비, 높이를픽셀단위로설정합니다. 각영역별로메뉴배열에따라화면의레이아웃이다르게출력될수있습니다. 메뉴의설정상태및디자인을확인하셨으면, 반드시홈페이지에적용버튼을클릭해야홈페이지에반영됩니다. 24

25 2. 홈페이지관리 > 2.2 메뉴관리 서브메뉴타이틀속성설정 서브메뉴타이틀영역출력설정 서브메뉴영역상단의메뉴타이틀이미지의출력형태를설정합니다. 그림 1. 메뉴속성설정화면 그림 1. 서브메뉴타이틀이미지영역출력형태설정화면 메뉴의설정상태및디자인을확인하셨으면, 반드시홈페이지에적용버튼을클릭해야홈페이지에반영됩니다. 25

26 2. 홈페이지관리 > 2.2 메뉴관리 서브메뉴타이틀영역속성설정 서브메뉴타이틀형태가이미지인경우 서브메뉴영역상단의메뉴타이틀이미지의출력형태를설정합니다. 1. 미리보기영역설정할메뉴타이틀에마우스를올리면, [ 설정 ] 버튼이출력되며해당버튼을클릭하면메뉴의속성을설정할수있으며, 설정내용을미리볼수있습니다 메뉴타이틀속성설정영역메뉴타이틀의이미지및세부설정을할수있습니다. 그림 1. 서브메뉴타이틀이미지속성설정화면 TIP. 서브메뉴타이틀이이미지인경우속성설정방법 1. 메뉴이미지설정메뉴의이미지를등록합니다. 2. 메뉴세부설정메뉴의외부간격, 너비, 높이를픽셀단위로설정합니다. 서브메뉴배열에따라화면의레이아웃이다르게출력될수있습니다. 메뉴의설정상태및디자인을확인하셨으면, 반드시홈페이지에적용버튼을클릭해야홈페이지에반영됩니다. 26

27 2. 홈페이지관리 > 2.2 메뉴관리 서브메뉴타이틀영역속성설정 메뉴타이틀형태가텍스트인경우 서브메뉴영역상단의메뉴타이틀의출력형태를설정합니다 미리보기영역설정할메뉴타이틀에마우스를올리면, [ 설정 ] 버튼이출력되며해당버튼을클릭하면메뉴의속성을설정할수있으며, 설정내용을미리볼수있습니다. 2. 메뉴타이틀속성설정영역메뉴타이틀의이미지및세부설정을할수있습니다. 그림 1. 서브메뉴타이틀이미지속성설정화면 TIP. 서브메뉴타이틀이텍스트인경우속성설정방법 1. 서브메뉴타이틀폰트설정서브메뉴타이틀의글꼴, 폰트크기, 정렬, 기본컬러를설정합니다. 2. 서브메뉴타이틀배경및외곽선설정서브메뉴타이틀의기본배경이미지, 배경색, 외곽선색을설정합니다. 3. 서브메뉴타이틀세부설정서브메뉴타이틀의외부간격, 외곽선두께, 내부여백, 너비, 높이를픽셀단위로설정합니다. 서브메뉴배열에따라화면의레이아웃이다르게출력될수있습니다. 메뉴의설정상태및디자인을확인하셨으면, 반드시홈페이지에적용버튼을클릭해야홈페이지에반영됩니다. 27

28 2. 홈페이지관리 > 2.3 파일관리 파일관리 사용자가작성한 html 페이지및이미지등의파일을서버상에서 FTP 를사용하지않고도업로드및다운로드할수있는파일전송기능을제공합니다 그림 1. 파일관리화면 1. 파일업로드컨트롤파일업로드컨트롤은 FTP프로그램을대체하는기능으로써 ActiveX방식을사용하지않으므로별도설치할필요없는프로그램이며, PC에저장된파일을불러와업로드할수있습니다.. 파일전송시용량을제한하며, 200메가이상인경우업로드되지않습니다. TIP. 파일업로드전업로드될디렉토리경로를반드시확인바랍니다. 2. 디렉토리경로및파일목록폴더명을더블클릭하면, 해당폴더로이동할수있으며, 상위경로로이동할수있습니다. 단, 계정밖으로이동할수는없습니다. 3. 폴더생성및 HTML파일생성폴더명, 혹은파일명을입력후, 생성버튼을클릭하면즉시생성됩니다. TIP. 폴더및파일생성시전생성될디렉토리경로를반드시확인바랍니다. 4. 파일삭제하기삭제할파일을선택한후, 삭제하기버튼을클릭하면, 해당파일이삭제됩니다.. 파일삭제후, 복구가불가능하므로, 삭제시주의하시기바랍니다. 5. 기타기능파일선택후, 파일명을변경하거나, HTML파일의경우, 에디터를이용하여편집이가능하며, 목록새로고침및다운로드기능을제공합니다. 6. 미리보기 HTML, 플레쉬파일, 이미지파일의경우, 파일명을클릭하면하단의미리보기페이지에서해당파일을미리볼수있습니다. 미리보기가정상적으로보이지않는경우 104 페이지의 FAQ 13 번째항목을참고하세요. 28

29 게시판관리 생성된게시판목록 개설된홈페이지에서생성된게시판및앨범을표시합니다. 홈페이지관리자의필요에의해신규게시판및앨범을생성할수있습니다 그림 1. 생성된게시판목록화면 1. 생성된게시판목록홈페이지에서사용중인게시판이목록으로표시되며, 게시판의유형, 게시판명, 게시판별운영자, 게시물갯수, 게시판정상사용여부를확인할수있습니다. 각게시판의미리보기가제공되며, 기능설정화면으로이동할수있습니다. 2. 사용중지설정및삭제목록에서설정할게시판을선택한후, 사용중지하거나중지해제, 완전삭제할수있습니다.. 게시판삭제후, 해당게시판이위치한메뉴로이동시게시판삭제메시지가출력되므로방문자에게혼란을주기않기위해서는해당메뉴를삭제하거나숨김상태로변경하세요. 게시판삭제후, 해당기능과데이터는복구가불가능하므로, 삭제시주의하시기바랍니다. 3. 게시판생성화면으로이동오른쪽하단의생성하기버튼을클릭하면게시판생성화면으로이동합니다. 29

30 게시판관리 게시판생성및관리 게시판생성후, 게시판기능설정을통하여생성시의설정을변경할수있습니다. 단, 게시판의유형은생성후변경할수없으므로, 게시판생성시참고하시기바랍니다. 그림 1. 게시판기본설정화면 게시판기본설정 1. 게시판제목게시판의제목을입력합니다. 2. 게시판운운영자회원검색버튼을클릭하여검색을한후, 게시판운영자를선택할수있고운영자공개여부도체크할수있습니다. 3. 관리조직 조직도목록버튼을클릭하여관리조직을선택할수있습니다. 4. 게시판유형게시판의용도에따라일반게시판, 앨범, 동영상, 답변게시판, 민원게시판, FAQ게시판의유형을설정합니다. TIP. 일반게시판과답변게시판, 민원게시판의경우, 일반형, 특수형 ( 보기페이지하단에목록출력 ) 설정이가능하며, 민원게시판과답변게시판은상세설정에서답변기능설정이불가합니다. TIP. 앨범, 동영상, FAQ게시판은상세설정이불가능하며, 화면에노출할가로 / 세로개수선택이가능합니다. 5. 초기화면유형게시판의초기화면유형을설정할수있으며기본과이미지 + 내용항목을선택할수있습니다. 6. 목록출력갯수초기화면용게시판과일반화면용게시판목록에서게시물출력개수를설정합니다. 30

31 게시판생성및관리 ( 계속 ) 그림 1. 게시판기본설정화면 게시판기본설정 7. 새글출력설정신규작성된게시물의새글아이콘출력개수와출력일자를설정합니다. 8. 목록제목글자수초기화면에제목으로노출될총글자수, 초기화면내용에노출될글자수와일반화면에노출될총글자수를설정합니다. 9. 게시기간설정게시물등록시해당게시물의게시일자를설정할수있도록설정합니다. TIP. 주로, 공지사항용도의게시판에사용합니다. 10. 이전글 / 다음글목록하단에이전게시물과다음게시물로이동할수있도록설정합니다. TIP. 앨범형게시판및동영상게시판에서는사용할수없는기능입니다. 11. 마우스제어해당게시판이사용중인페이지에서마우스우측버튼을사용할수없도록설정합니다. TIP. 장애인을위한웹표준에서는마우스우측버튼제어를비표준으로규정하므로, 가급적이면마우스우측버튼사용을가능하도록설정하시는것이좋습니다. 31

32 게시판생성및관리 ( 계속 ) 그림 2. 게시판상세설정화면 게시판상세설정 1. 첨부파일기능첨부파일기능의사용여부를설정할수있습니다. 2. 첨부파일용량제한게시물에첨부될첨부파일의최대허용용량을입력합니다. TIP. 첨부파일용량을 0 으로입력하면, 첨부파일항목이표시되지않습니다. 3. 업로드기능확장자업로드할파일의기능확장자를입력할수있습니다. 4. 답변기능게시판에서답변기능사용을체크할수있습니다. 5. 편집기사용여부게시물입력시웹에디터를이용하여입력할수있도록설정합니다. 6. 언어설정게시판의주언어를설정합니다. 언어설정을하게되면, 게시판의기본항목및버튼, 메시지등이설정된언어로표시됩니다. TIP. 외국어 ( 영문 ) 홈페이지운영시, 사용하실수있습니다. 7. 휴지통기능휴지통기능을사용하면, 사용자가삭제한게시물이휴지통에보관되어, 삭제한게시물을게시판관리자가복구하거나영구삭제할수있습니다. 32

33 게시판생성및관리 ( 계속 ) 그림 3. 게시판부가기능설정화면 게시판상세설정 1. 부서명표시기능부서명표기기능의사용여부를설정할수있습니다. 설정시이름대신입력한부서명으로표시됩니다. 미입력시에는이름으로표시됩니다. 2. SNS기능 Twitter, Facebook, metoday 와같이 SNS기능의사용여부를설정할수있습니다. 3. G-PIN 기능 G-PIN 기능의사용여부를설정할수있습니다. 손님에게작성권한이있을때 G-PIN 통해본인인증후에작성이가능합니다. 4. IP정보기능글작성자의 IP를게시판상단에노출합니다. 5. 카테고리기능카테고리기능의사용여부를설정할수있습니다. 33

34 게시판생성및관리 ( 계속 ) 6. 한줄답변한줄답변의기능의사용여부를설정할수있으며, 소셜댓글활성화사용여부를설정할수있습니다. 7. 말머리기능게시물제목앞에말머리를사용할수있도록설정합니다. TIP. 말머리기능사용설정후, 말머리설정메뉴를이용하여말머리를등록합니다 8. 익명사용기능작성자항목에실명이표시되지않아도되는게시판의경우, 작성자항목에이름이아닌다른정보를입력할수있도록설정합니다. TIP. 주로, 상담실용도의게시판에유용하게사용됩니다. 9. 비밀글기능게시판의관리자와게시물의비밀번호를알고있는작성자만게시물을열람할수있도록합니다. 비밀글게시판으로사용중에비밀글기능설정을해제하게되는경우, 비밀글로설정되었던자료가모두노출될수있으므로주의하세요. 10. 공개 / 비공개기능게시글의공개또는비공개글기능의사용여부를설정할수있습니다. 11. 링크기능글작성시링크주소를입력할경우해달글의제목클릭시링크페이지로바로이동합니다. 12. 프린트기능해당게시물상단에인쇄하기버튼이생성되며, 게시물의인쇄가가능한기능입니다. 13. RSS기능 RSS기능의사용여부를설정할수있습니다. 14. 블라인드기능스팸, 악성등게시판운영자판단후, 목록에서블라인드처리되도록하여, 게시판이용자에게해당글을열람할수없도록합니다. 15. 신고기능게시판에서신고기능의사용여부를설정할수있습니다. 34

35 게시판생성및관리 ( 계속 ) 16. 승인절차기능게시판의승인절차기능사용여부를설정할수있습니다. 17. 공통게시판공통게시판기능의사용여부를설정할수있습니다. 18. 파일다운로드기능 파일다운로드기능항목을체크하시면파일다운로드기능을사용할수있습니다. 19. 글등록시알림게시물등록전, 그림 4 와같이알림메시지로입력한내용이출력되도록합니다. 그림4. 게시물등록시알림메시지 35

36 게시판관리 게시판권한설정 게시판권한설정은게시판생성후설정이가능합니다. 게시판의목록, 내용, 새글작성, 답변의권한을회원분류별로설정할수있습니다. 게시판이생성된후, 권한설정이가능합니다. 1 2 그림 1. 게시판권한설정화면 1. 회원분류홈페이지회원의분류가출력됩니다. 개인지정버튼을클릭하여검색하여설정할수있습니다. TIP. 홈페이지최초생성시기본분류는관리자, 교직원, 학생, 학부모, 일반 ( 졸업생 ), 손님입니다. 2. 권한설정회원분류별로권한을부여하고자하는항목에체크하시면권한이부여됩니다. 36

37 게시판관리 게시판분류설정 게시판분류설정은게시판생성후설정이가능합니다. 그림 1. 게시판분류설정화면 1. 분류생성하기그림 1. 게시판분류설정화면좌측하단의추가하기버튼을클릭하면, 분류명을입력할수있는팝업창이 ( 그림 2) 출력됩니다. 팝업창의분류명항목에분류명을입력한후저장하면분류가생성됩니다. TIP. 2 단계분류부터는상위분류를선택한후, 생성합니다. 그림 2. 분류추가화면 2. 분류명수정하기수정할분류명을선택한후, 좌측하단의수정하기버튼을클릭하면, 분류명을수정할수있는팝업창이출력됩니다. 팝업창의분류명항목에분류명을수정한후저장하면분류가수정됩니다. 3. 분류삭제하기분류목록에서삭제할분류명을선택한후, 좌측하단의삭제하기버튼을클릭하면, 분류가삭제됩니다. TIP. 분류삭제후, 해당분류는삭제되지만분류에속한게시물은삭제되지않습니다. 분류설정후, 분류기능을정상적으로사용하시려면, 게시판기본설정의상세기능설정에서카테고리기능사용여부를체크하세요. 37

38 게시판관리 게시판말머리설정 게시판말머리설정은게시판생성후설정이가능합니다 그림 1. 게시판말머리설정화면 1. 생성된말머리목록생성된말머리항목이목록으로표시되며, 말머리명, 게시물수가출력되며, 게시물입력시말머리항목의출력순서변경이가능합니다. TIP. 말머리명을클릭하면, 말머리를수정할수있는팝업창이출력됩니다. 2. 말머리삭제하기목록에서삭제할항목을선택한후, 삭제할수있습니다. TIP. 말머리항목을삭제하더라도, 말머리에해당하는게시물은삭제되지않습니다. 3. 말머리추가하기말머리추가버튼을클릭하면, 말머리를입력할수있는팝업창이출력됩니다. 팝업창의말머리명항목에입력한후저장하면말머리가생성됩니다. 4. 목록으로오른쪽에목록으로버튼을클릭하면목록페이지로이동할수있습니다. 말머리항목설정후, 말머리기능을정상적으로사용하시려면, 게시판기본설정의부가기능설정에서말머리기능사용여부를체크하세요. 38

39 게시판관리 게시판스킨설정 게시판스킨설정은게시판생성후설정이가능합니다. 일반페이지용스킨설정하기 일반페이지용게시판의디자인을변경합니다. 스킨목록에서원하는스킨을선택후, 클릭한번으로변경할수있습니다. 그림 1. 일반페이지용게시판스킨설정화면 메인화면용스킨설정하기 메인화면용 ( 최신게시물목록 ) 게시판의디자인을변경합니다. 스킨목록에서원하는스킨을선택후, 클릭한번으로변경할수있습니다. 그림 2. 메인화면용게시판스킨설정화면 39

40 게시판관리 게시판휴지통관리 게시판휴지통기능은게시판생성후관리가가능하며, 해당게시판에서삭제된데이터를영구삭제하거나복구할수있습니다. 1 2 그림 1. 게시판휴지통관리화면 1. 삭제된게시물목록삭제된게시물이표시되며, 제목을클릭하면게시물내용을볼수있습니다. 2. 삭제된게시물관리하기목록에서삭제할항목을선택한후, 영구삭제하거나복구할수있습니다. 휴지통의게시물은영구삭제후, 다시복구가불가능하므로삭제시주의바랍니다. 휴지통관리기능을정상적으로사용하시려면, 게시판기본설정의상세설정에서휴지통기능사용여부를체크하세요. 40

41 게시판관리 게시판게시물관리 게시판에서게시물관리를할수있습니다. 그림 1. 게시판게시물관리화면 1. 게시판게시물목록게시판내모든게시물이표시되며, 오른쪽검색툴을이용하여원하는게시물을찾을수있습니다. 41

42 게시판관리 게시판게시물이동 게시물이동기능은게시판생성후관리가가능하며, 이동하고자하는게시물이있는게시판선택후원하는글을선택하여운영중인다른게시판으로이동또는복사가가능합니다 그림 1. 게시판게시물이동관리화면 1. 이동가능한게시물목록게시판내모든게시물이표시되며, 이동하고자하는게시물을선택할수있습니다. 2. 이동대상게시판선택동일유형의게시판으로만게시물이동이가능하므로, 해당게시판과동일한유형의게시판을선택할수있습니다. 3. 이동및복사여부선택선택한게시물을이동할것인지복사할것인지를선택할수있습니다. 42

43 게시판관리 게시판신고게시물 게시물신고게시물기능은게시판생성후관리가가능하며, 게시판글중개인정보, 초상권등유해하다판단되는게시물을신고하였을경우그목록을보여주며, 블라인드처리 / 해제또는삭제할수있는기능을제공합니다. 1 2 그림 1. 게시판신고게시물관리화면 1. 신고된게시물목록신고된게시물이표시되며, 제목을클릭하면게시물내용을볼수있습니다. 2. 신고된게시물관리목록에서관리할게시물을선택한후, 블라인드처리및해제 / 삭제를할수있습니다. 신고게시물삭제후, 다시복구가불가능하므로삭제시주의바랍니다. 43

44 게시판탭관리 생성된게시판탭목록 개설된홈페이지에서생성된게시판탭목록을표시합니다. 홈페이지관리자의필요에의해기능설정및게시판탭을추가할수있습니다 그림 1. 게시판탭관리화면 1. 게시판탭목록생성된게시판탭목록이표시되며, 기능설정을통해설정내용을변경할수있습니다. 2. 게시판탭삭제하기선택한게시판탭을삭제할수있습니다. 게시판탭을삭제할경우게시판탭으로묶여있는전체게시판탭을삭제합니다. 3. 게시판탭추가신규게시판탭을생성할수있습니다. 44

45 게시판탭관리 게시판탭추가및관리 게시판탭생성후, 기능설정을통하여생성시의설정을변경할수있습니다. 그림 1. 게시판탭추가화면 1. 게시판탭제목생성된게시판탭의제목을입력할수있습니다. 2. 탭갯수생성할게시판탭의개수를선택할수있습니다.(1~10 개 ) 3. 게시물출력개수생성할게시판의게시물출력개수를선택할수있습니다.(1~10개) 4. 타이틀길이 게시판탭의타이틀길이를직접설정할수있습니다. 5. 탭색상선택선택버튼을클릭하여원하는게시판탭색상을설정할수있습니다. 6. 게시판탭보기 탭을선택할수있으며이름을설정할수있습니다. 45

46 관련사이트맵 생성된관련사이트맵목록 개설된홈페이지에서생성된관련사이트맵목록을표시합니다. 홈페이지관리자의필요에의해신규관련사이트맵기능을생성할수있습니다. 1 2 그림 1. 생성된규정목록화면 1. 생성된관련사이트맵목록홈페이지에서사용중인관련사이트맵이목록으로표시되고노출형태, 분류명, 전체게시물을확인할수있으며원하는관련사이트맵을기능설정이나삭제할수있습니다. 각관련사이트맵별기능설정화면으로이동할수있습니다. 2. 관련사이트맵생성화면으로이동 46

47 관련사이트맵 관련사이트맵생성 관련사이트를신규로생성할수있습니다. 1 그림 1. 관련사이트맵신규생성화면 1. 관련사이트맵생성하기관련사이트명을입력할수있습니다. 노출형태에는리스트형, 리스트형 (URL노출), 박스형이있으며원하는항목에체크하여설정할수있습니다. 47

48 관련사이트맵 관련사이트맵관리 생성한관련사이트의목록을클릭하여관련사이트관리목록으로이동할수있습니다 그림 1. 관련사이트관리목록화면 1. 관련사이트관리목록관련사이트관리목록에서타겟과연결주소명과사용여부를확인할수있으며연결주소 URL 기능설정을할수있고삭제할수있습니다. 2. 생성하기생성하기버튼을클릭하여해당페이지로이동할수있습니다. 3. 기능목록기능목록버튼을클릭하여목록페이지로이동할수있습니다. 48

49 관련사이트맵 관련사이트맵기능설정관리 관련사이트맵의기능설정관리를할수있습니다. 그림 1. 관련사이트기능설정관리화면 1. 연결주소명연결주소명을입력할수있습니다. 2. 연결주소 URL 관련사이트로이동할연결주소 URL 을입력할수있습니다. 3. 타겟타겟에는새창과현재창이있으며관련사이트의타겟을설정할수있습니다. 4. 사용여부관련사이트맵의사용여부를설정할수있습니다. 49

50 배너존관리 생성된배너존목록 개설된홈페이지에서생성된배너존의목록을표시합니다. 홈페이지관리자의필요에의해신규배너존을생성할수있습니다 그림 1. 생성된배너존목록화면 1. 생성된배너존목록홈페이지에서사용중인배너존이목록으로표시되며, 배너존이름, 기능설정, 배너관리, 배너개수를확인할수있습니다. 각배너존별배너관리화면으로이동하여배너를등록할수있으며, 기능설정화면으로이동할수있습니다. 2. 배너존삭제그림 1 의배너목록에서배너존을삭제할수있습니다. 배너존삭제후, 해당배너존과데이터는복구가불가능하므로, 삭제시주의하시기 바랍니다. 3. 배너존생성화면으로이동 50

51 배너존관리 배너존생성및기본설정 배너존생성후, 기능설정을통하여배너존의설정을변경할수있습니다. 그림 1. 배너존생성하기화면 배너존기본설정 1. 배너존이름생성할배너존의이름을입력합니다. 2. 배너노출갯수노출될배너의개수를입력합니다. 3. 배너크기배너존에노출될배너의크리를설정할수있으며가로 / 세로로입력합니다. 4. 타이머배너의타이머를입력합니다. 51

52 배너존관리 배너목록 배너존생성후, 배너존목록의배너관리버튼을통하여이동하며, 해당배너존의배너이미지를등록합니다 그림 1. 배너존배너목록화면 1. 배너목록배너존에서사용중이거나사용했던배너이미지가목록으로표시되며, 배너명, 진행상태, 등록일, 게시시작일과종료일명을확인할수있으며, 정보수정화면으로이동할수있습니다.. 통합관리자에의해등록된배너도목록에표시되며, 홈페이지관리자가승인버튼을클릭하게되면홈페이지에해당배너가게시됩니다. 2. 배너삭제목록에서삭제할배너를선택한후, 삭제할수있습니다.. 배너삭제후, 해당이미지와데이터는복구가불가능하므로, 삭제시주의하시기바랍니다. ( 배너상태가미게시중인배너이미지만삭제가가능합니다.) 3. 배너신규등록화면으로이동 52

53 배너존관리 배너등록및수정 배너존생성후, 배너를신규등록하거나, 배너존목록의수정버튼을통하여이동하며, 해당배너를수정할수있습니다. 그림 1. 배너존배너기본설정 배너기본설정 ( 그림 1) 1. 배너이름배너의이름을입력합니다. 2. 연결주소배너클릭시연결될주소를입력합니다. 3. 게시설정등록할배너의게시시작일자와종료일자를선택합니다. - 게시기간에출력 : 설정한게시기간에만노출됩니다. - 기간제한없음 : 설정한게시기간에상관없이계속노출됩니다. - 미게시 : 설정한게시기간과상관없이노출되지않습니다. 4. 이미지파일파일가져오기버튼을클릭하여이미지파일을가져옵니다. 5. 이미지설명이미지에대한설명을입력합니다. 53

54 2. 홈페이지관리 > 2.5 위젯관리 비쥬얼관리 비쥬얼관리 ( 비쥬얼목록 ) 개설된홈페이지에서생성된비쥬어관리목록을표시합니다. 홈페이지관리자의필요에의해신규비쥬얼이미지를등록하거나삭제할수있습니다 그림 1. 비쥬얼목록화면 1. 비쥬얼이미지목록비쥬얼존의이름과게시갯수, 크기, 생성일을목록에서확인할수있으며기능설정과비쥬얼관리를설정할수있습니다. 2. 비쥬얼이미지삭제목록에서설정할비쥬얼을선택한후, 삭제할수있습니다.. 비쥬얼이미지삭제후, 해당이미지와데이터는복구가불가능하므로, 삭제시주의하시기바랍니다. ( 게시중인비쥬얼이미지도삭제가가능합니다.) 3. 비쥬얼이미지신규등록화면으로이동 54

55 2. 홈페이지관리 > 2.5 위젯관리 비쥬얼관리 비쥬얼관리 ( 비쥬얼생성및수정 ) 홈페이지에서사용할비쥬얼이미지를등록하거나기존에등록된비쥬얼이미지를수정합니다. 그림 1. 비쥬얼생성화면 1. 비쥬얼존이름비쥬얼존이름을입력합니다. 2. 비쥬얼게시갯수비쥬얼게시갯수를입력합니다. 개수가 2 개이상일경우에마나효과가적용됩니다. 3. 비쥬얼크기가로 / 세로로비쥬얼크기값을입력합니다. 4. 타이머 비쥬얼의타이머를입력합니다. 5. 효과비쥬얼의효과를설정할수있으며슬라이드효과와페이드효과를선택할수있습니다. 55

56 비쥬얼관리 비쥬얼관리 ( 비쥬얼비쥬얼존생성 ) 비쥬얼관리에서비쥬얼존생성할수있습니다. 그림 1. 비쥬얼비쥬얼존생성화면 1. 비쥬얼이름비쥬얼이름을입력합니다. 2. 게시설정등록할비쥬얼이미지의게시시작일자와종료일자를선택합니다. - 게시기간에출력 : 설정한게시기간에만노출됩니다. - 기간제한없음 : 설정한게시기간에상관없이계속노출됩니다. - 미게시 : 설정한게시기간과상관없이노출되지않습니다. 1. 이미지파일 찾아보기버튼을클릭하여이미지파일을가져올수있습니다. 4. 이미지설명등록할이미지에관한설명을입력합니다. 56

57 설문조사 생성된설문조사목록 개설된홈페이지에서생성된설문조사목록을표시합니다. 홈페이지관리자의필요에의해신규기능을생성할수있습니다 그림 1. 생성된설문조사목록화면 1. 생성된설문조사목록홈페이지에서사용중인설문조사가목록으로표시되며, 설문제목및기간, 상태를확인할수있고 execell 다운로드가가능합니다. 각설문별기능설정화면으로이동할수있습니다.. 설문검색시날짜로검색하는경우, 검색폼우측에표시된방법으로검색하셔야합니다. 2. 설문삭제그림 1 의설문조사목록에서삭제할수있습니다. 설문삭제후, 해당설문과데이터는복구가불가능하므로, 삭제시주의하시기바랍니다. 설문삭제시, 해당설문을사용하고있는페이지로이동하여, 해당설문기능을삭제하시기바랍니다. 3. 설문생성화면으로이동 57

58 설문조사 설문생성및기본설정 설문생성후, 기능설정을통하여설정을변경할수있습니다. 그림 1. 설문조사설문등록화면 1. 제목설문의제목을입력합니다. 2. 설문취지설문의취지를입력합니다. 3. 참가기간설문의시작일자와시작시간, 설문마감일자와마감시간을설정합니다. 4. 중복참여여부설문참여대상자의중복참여허용여부를설정합니다. 5. 설문참여대상모두참여로선택되면, 하단의회원분류선택부분의체크박스가비활성화되며, 모두참여가선택해제된경우, 하단의회원분류에서참여대상회원분류를선택할수있습니다. 58

59 설문조사 설문문항목록 설문문항설정은설문생성후설정이가능합니다 그림 1. 설문정보및설문문항목록화면 1. 설문조사내용설문생성시작성한설문기본정보가출력됩니다. 설문기간과참여대상, 설문내용을출력합니다. 2. 설문문항목록등록된문항의목록이출력되며, 문항의출력순서변경및삭제가가능합니다. 문항삭제후, 해당항목의데이터는복구가불가능하므로, 삭제시주의하시기바랍니다. 3. 문항추가화면으로이동설문문항생성화면으로이동합니다. 59

60 설문조사 설문문항등록 설문문항설정은설문생성후설정이가능합니다. 설문의문항은객관식단답형, 객관식다답형, 주관식서술형으로등록할수있습니다. 객관식단답형 ( 단일선택 ) 문항 답항을한개만선택할수있는문항이며, 답항의순서변경이가능합니다. 그림 1. 객관식단답형의설정화면 TIP. 입력된답항이외에기타의견이필요한경우, 기타의견을별도로입력받을수있도록설정이가능합니다. 객관식단답형 ( 다중선택 ) 문항 답항을한개이상선택할수있는문항이며, 답항의순서변경이가능합니다. TIP. 입력된답항이외에기타의견이필요한경우, 기타의견을별도로입력받을수있도록설정이가능합니다. 그림 2. 객관식다답형의설정화면 주관식서술형문항문항에대한답항을서술형문장으로작성하는문항입니다. 그림 3. 주관식서술형의설정화면 60

61 연혁관리 생성된연혁관리목록 개설된홈페이지에서생성된연혁목록을표시합니다. 홈페이지관리자의필요에의해신규연혁기능을생성할수있습니다 그림 1. 생성된연혁목록화면 1. 생성된연혁목록홈페이지에서사용중인연혁이목록으로표시되며, 연혁명, 출력형태, 등록일을확인할수있으며각연혁별기능설정화면으로이동할수있습니다. 2. 연혁수정/ 삭제목록에서설정할연혁을수정또는삭제버튼을클릭하여설정할수있습니다.. 연혁삭제후, 해당기능과데이터는복구가불가능하므로, 삭제시주의하시기바랍니다. 3. 연혁등록화면으로이동 61

62 연혁관리 연혁생성 연혁생성후, 기능설정을통하여연혁의설정을변경할수있습니다. 1. 연혁명연혁의이름을입력합니다. 그림 1. 연혁기본설정화면 2. 출력형태연혁의출력형태를설정할수있으며전체출력과분류별출력을선택할수있습니다. 62

63 연혁관리 연혁분류설정 연혁분류설정은분류기능생성후설정이가능합니다 그림 1. 연혁분류설정화면 1. 분류생성하기그림 1. 분류정보입력란에분류명에이름을입력하여저장버튼을클릭합니다. 2. 분류목록생성된분류의분류명과등록일을확인할수있습니다. 3. 분류순서조정하기버튼을클릭하여분류의순서를설정할수있습니다. 4. 분류수정 / 삭제 분류목록에서삭제 / 수정할분류명의오른쪽수정 / 삭제버튼을클릭하여설정할수있습니다. 분류삭제시, 해당분류의데이터도모두삭제되므로주의하시기바랍니다. 63

64 인물소개 생성된인물소개목록 개설된홈페이지에서생성된인물소개목록을표시합니다. 홈페이지관리자의필요에의해신규기능을생성할수있습니다 그림 1. 생성된인물소개목록화면 1. 생성된인물소개목록홈페이지에서사용중인인물소개기능이목록으로표시되며, 인물소개명, 운영자, 등록된게시물갯수, 목록형태 ( 스킨 type), 사용언어, 기능정상사용여부를확인할수있습니다. 각인물소개별미리보기화면으로이동할수있습니다. 2. 사용중지설정및삭제목록에서설정할인물소개을선택한후, 사용중지하거나, 삭제할수있습니다.. 인물소개삭제후, 해당기능과데이터는복구가불가능하므로, 삭제시주의하시기바랍니다. 3. 인물소개생성화면으로이동 64

65 인물소개 인물소개생성및기본설정 인물소개생성후, 기능설정을통하여설정을변경할수있습니다. 그림 1. 인물소개기본설정화면 인물소개기본설정 1. 인물소개제목인물소개제목을입력합니다. 2. 목록출력개수목록에서게시물출력개수를설정합니다. 3. 목록유형갤러리형 : 목록이갤러리형게시판형태로출력됩니다. 리스트형 : 목록이웹진형게시판형태로출력됩니다. 4. 언어설정인물소개의주언어를설정합니다. 언어설정을하게되면, 게시판의기본항목및버튼, 메시지등이설정된언어로표시됩니다. TIP. 한글과영문만선택이가능합니다. 5. 목록정렬기준출력순서기준 : 최근에입력한순서대로출력됩니다. 한글이름가나다순 : 가나다순으로출력됩니다. 65

66 인물소개생성및기본설정 ( 계속 ) 그림 2. 인물소개사용항목설정 인물소개사용항목설정 ( 그림1) 각항목별로한글명, 영문명을변경할수있으며, 항목입력시안내문구를사용할수있습니다. 사용여부, 목록출력여부, 검색항목사용여부를설정할수있습니다. 1 2 인물소개권한설정 ( 그림 3) 그림 3. 인물소개권한설정화면 1. 회원분류홈페이지회원의분류가출력됩니다. TIP. 홈페이지최초생성시기본분류는관리자, 교직원, 학생, 학부모, 일반 ( 졸업생 ), 손님입니다. 2. 권한설정회원분류별로권한을부여하고자하는항목에체크하시면권한이부여됩니다. 66

67 팝업존관리 생성된팝업존목록 개설된홈페이지에서생성된팝업목록을표시합니다. 홈페이지관리자의필요에의해신규팝업존을생성할수있습니다 그림 1. 생성된팝업존목록화면 1. 생성된팝업존목록홈페이지에서사용중인팝업존이목록으로표시되며, 팝업존명, 등록갯수를확인할수있고기능설정, 팝업관리를할수있습니다. 2. 팝업존삭제팝업존목록에서삭제하고자하는팝업존을오른쪽삭제버튼을클릭하여삭제합니다. 기능삭제후, 해당기능과데이터는복구가불가능하므로, 삭제시주의하시기바랍니다. 3. 팝업존생성화면으로이동 67

68 팝업존관리 팝업존등록및기본설정 팝업존생성후, 기능설정을통하여설정을변경할수있습니다. 그림 1. 팝업존생성출력화면 팝업존설정 1. 팝업존명팝업존명을입력합니다. 2. 팝업이미지크기팝업에사용될이미지사이즈를입력합니다. 3. 타이머팝업존의타이머를설정합니다.(1~10 초 ) 4. 슬라이드시간팝업존에생성된팝업이롤링되는시간을설정합니다. 팝업존설정 5. 팝업내용크기통합팝업창의팝업내용의크기및위치를설정합니다. 6. 타이머통합팝업창의타이머를설정합니다.(1~10초) 68

69 팝업존관리 팝업목록 팝업존내팝업을관리할수있습니다. 진행상태, 등록일, 게시일및종료일을확인할수있습니다 그림 1. 팝업존에등록된팝업목록 1. 팝업목록팝업존에서사용중이거나사용했던배너이미지가목록으로표시되며, 팝업명, 진행상태, 등록일, 게시시작일과종료일명을확인할수있으며, 정보수정화면으로이동할수있습니다.. 통합관리자에의해등록된팝업도목록에표시되며, 홈페이지관리자가승인버튼을클릭하게되면홈페이지에해당팝업이게시됩니다. 2. 팝업삭제목록에서삭제할배너를선택한후, 삭제할수있습니다.. 팝업삭제후, 해당이미지와데이터는복구가불가능하므로, 삭제시주의하시기바랍니다. 3. 배너신규등록화면으로이동 69

70 팝업존관리 팝업등록및수정 팝업존생성후, 팝업이미지를신규등록하거나, 팝업존목록의수정버튼을통하여이동하며, 해당배너를수정할수있습니다. 그림 1. 팝업존팝업기본설정 팝업기본설정 ( 그림 1) 1. 팝업제목팝업의제목을입력합니다. 2. 게시기간등록할팝업의게시시작일자와종료일자를선택합니다. - 게시기간에출력 : 설정한게시기간에만노출됩니다. - 기간제한없음 : 설정한게시기간에상관없이계속노출됩니다. - 미게시 : 설정한게시기간과상관없이노출되지않습니다. 3. 반복설정팝업의반복설정을매일 / 특정기간 ( 주간, 요일 ) 을설정할수있습니다. 70

71 팝업등록및수정 ( 계속 ) 그림 2. 팝업존팝업상세설정 팝업상세설정 ( 그림 2) 1. 팝업설정팝업존과팝업창두분류중에선택하여설정합니다. 2. 팝업상세설정등록할팝업의형태를일반팝업형태와링크형태두분류중에선택하여설정합니다. 3. 팝업존이미지파일가져오기버튼을클릭하여팝업존의이미지를설정합니다. 4. 크기위치설정팝업존의크기및위치를가로 / 세로, 상단 / 왼쪽을설정할수있습니다. 71

72 팝업등록및수정 ( 계속 ) 그림 3. 팝업존팝업내용정보설정 ( 편집기 ) 팝업상세설정 ( 그림 3) 1. 내용설정편집기와이미지맵을선택하여팝업내용을설정합니다. 2. 팝업내용스킨을설정할수있으며, 에디터를이용하여팝업창의내용을편집할수있습니다. 3. 첨부파일파일가져오기버튼을클릭하여파일을업로드할수있습니다. 72

73 팝업등록및수정 ( 계속 ) 그림 4. 팝업존팝업내용정보설정 ( 편집기 ) 팝업상세설정 ( 그림 4) 1. 내용설정편집기와이미지맵을선택하여팝업내용을설정합니다. 2. 이미지맵하나의이미지에세개까지이미지맵을사용할수있으며이미지가져오기버튼을클릭하여이미지를업로드할수있습니다. -좌표설정 : 시작점과끝점의좌표 (x,y) 를설정할수있습니다. -연결타입 : 링크주소, 다운로드항목을선택할수있습니다. -링크주소 : 팝업을클릭시연결될주소를입력합니다. -다운로드 : 첨부버튼을클릭하여파일을첨부합니다. 3. 첨부파일파일가져오기버튼을클릭하여파일을업로드할수있습니다. 73

74 학과소개 개설된홈페이지에서학과소개를입력할수있습니다. 그림 1. 학과소개입력화면 1. FAX 학과의 FAX 번호를입력합니다. 2. TEL 학과의전화번호를입력합니다. 3. 위치학과의위치를입력합니다. 4. Homepage 학과의홈페이지 URL 주소를입력합니다. 5. 조직소개학과의소개를입력합니다. 74

75 3. 제품정보 3. 제품정보 K2Web Wizard V5.0 제품공급자 회사명 : 케이투웹테크 주소 : 서울시금천구가산동 대륭테크노타운 8차 808호 대표전화 : 소프트웨어정보 시스템사양 운영체제 서버 SULinux release 2.0 클라이언트 Microsoft Windows XP Professional ( 최신서비스팩 ) Microsoft Windows 7 Professional ( 최신서비스팩 ) 특이사항 하드웨어정보사양 네트워크 서버클라이언트서버클라이언트 TCP/IP 환경 JDK v5.0이상, DBMS() ms-sql 2005이상 Microsoft Internet Explorer 7이상 CPU: Dual Core Intel Xeon 3.0GHz 이상, RAM: 4GB 이상, HDD: 730GB 이상 CPU: P4 2G 이상, RAM: 2GB 이상, HDD: 80GB 이상 K2Web Wizard 5.0 CD1 장 K2Web Wizard 5.0 관리자매뉴얼 1부 K2Web Wizard 5.0 사용자매뉴얼 1부 제공산출물 75