Download presentation
Presentation is loading. Please wait.
1
홈페이지 자동 구축 솔루션 K2 Web WIZARD 2.6 관리자 메뉴얼
“ 세상 모든 사람들이 인터넷으로부터 자유롭기를 희망하며...” 홈페이지 자동 구축 솔루션 K2 Web WIZARD 2.6 관리자 메뉴얼
2
Copyright copyright 2004 K2Web Tech, Inc. All Right Reserved.
이 사용 설명서의 내용과 K2 Web WIZARD 프로그램은 저작권법과 컴퓨터 프로그램 보호법에 의해 보호 받습니다. K2 Web WIZARD 의 제품 패키지에 포함된 문서와 프로그램 등은 K2 Web Tech㈜ 의 사전승인 없이는 어떠한 경우라도 대여, 배포, 판매행위가 금지되어 있으며 어떠한 목적으로도 변형하거나 재가공할 수 없습니다. 이 설명서는 오직 정보를 제공하기 위한 목적으로 만들어진 문서입니다. 또한 이 설명서의 내용은 버전에 따라 혹은 다른 이유에 의해 변경될 수 있습니다. 이 문서의 내용은 참고용 사용 매뉴얼로서 K2 Web Tech㈜ 는 이 문서에 대해 어떠한 명시적, 묵시적인 보증도 하지 않습니다. 이 설명서의 사용 이나 사용결과에 따른 책임은 전적으로 사용자 본인에게 있습니다. K2 Web Tech㈜ 에서는 제품 패키지 내에 포함되어 있는 K2 Web WIZARD 사용권 증서에 명시됨에 따라 제공되는 권리 이외에 특허권, 상표권, 저작권, 또는 기타 지적 재산권을 일체 허가하지 않습니다.
3
Contents 1. K2 Web WIZARD V 2.6 ? 2. K2 Web WIZARD 를 통한 홈페이지 개설 절차
3-16 K2 Web WIZARD 슈퍼관리자 화면 - Form 필드 유효성 관리 4. K2 Web WIZARD 관리자 툴 메뉴 4-1. K2 Web WIZARD 관리자 툴 메뉴 - 홈페이지 생성마법사 4-2. K2 Web WIZARD 관리자 툴 메뉴 - 프레임 선택 4-3. K2 Web WIZARD 관리자 툴 메뉴 - 프레임 사이즈 변경 4-4. K2 Web WIZARD 관리자 툴 메뉴 - 템플릿 변경 4-5. K2 Web WIZARD 관리자 툴 메뉴 - 메뉴구성변경 4-6. K2 Web WIZARD 관리자 툴 메뉴 - 기능관리 4-7 K2 Web WIZARD 관리자 툴 메뉴 - SITE 정보 4-8. K2 Web WIZARD 관리자 툴 메뉴 - 회원가입정보관리 4-9. K2 Web WIZARD 관리자 툴 메뉴 - 기타 기능설명 5. K2 Web CODY 툴 메뉴 5-1. K2 Web CODY 툴 메뉴 - 전체메뉴의 구성 5-2. K2 Web CODY 툴 메뉴 - 파일 기능 설명 5-3. K2 Web CODY 툴 메뉴 - 편집 기능 설명 5-4. K2 Web CODY 툴 메뉴 - 삽입 기능 설명 5-5. K2 Web CODY 툴 메뉴 - 표 기능 설명 5-6. K2 Web CODY 툴 메뉴 - 서식 기능 설명 5-7. K2 Web CODY 툴 메뉴 - 레이어 기능 설명
4
1. K2 Web WIZARD V 2.6 ? K2 Web WIZARD 특징
사용자들이 홈페이지 제작 및 운영에 필수라 할 수 있는 HTML TAG ,Web Editor, FTP에 대한 지식이 전혀 없다 할지라도 워드와 마우스 만으로 홈페이지를 운영할 수 있는 손쉬운 툴의 제공은 모든 사람들이 인터넷 환경에 자유로울 수 있는 새로운 계기가 될 수 있는 뜻 깊은 일이라 생각되며 저희 K2 Web Tech의 임직원은 ‘세상 모든 사람들이 인터넷으로 부터 자유로 와지는 그날까지...’ 제품 개발에 주력할 것임을 이 매뉴얼을 읽는 분들께 다짐하고자 합니다. K2 Web WIZARD 특징 기존의 홈페이지에 그룹별 커뮤니티 기능을 첨가하여 회원인증 후 원-클릭으로 홈페이지가 자동으로 생성됩니다. 홈페이지 생성 후 K2 Web Tech의 핵심기술인 K2 Web Cody를 사용하여 홈페이지 제작이나 관리에 대한 부담 없이 사용자 스스로 원하는 디자인을 선택,수정,관리를 할 수 있는 홈페이지 생성 마법사 입니다. 홈페이지 기능 이외에 쪽지, 메일, 일정관리, 과제물제출 등의 부가기능이 추가되어 있으므로 사용자간의 정보공유가 자유롭게 이루어 집니다. 그 밖에 공지사항, 멀티미디어 게시판, 자료실 등이 탑재되어있으며 개별 홈페이지의 회원관리 및 사용권한 설정 등이 가능하도록 개발되어 있습니다 사용자의 홈페이지를 개별적으로 제작 할 경우 발생되는 고 비용, 비 효율적 관리,정보분산으로 인한 불필요한 제정낭비 등 여러 가지 비효율적인 면을 완벽하게 해결할 수 있습니다. K2 Web Tech의 핵심제품인 K2 Web Cody 가 탑재되어 있으므로 별도의 홈페이지 관리자가 없어도 메뉴생성, 추가, 페이지 수정, 편집이 가능합니다. 따라서 홈페이지 관리를 위한 시간이나 비용이 전혀 발생되지 않습니다.
5
2. K2 Web WIZARD 를 통한 홈페이지 개설절차
회원 가입(회원인증신청) K2 Web WIZARD 관리자의 회원 인증 회원의 홈페이지 개설 신청 K2 Web WIZARD 관리자의 홈페이지 분양 용량설정 메뉴설정(고급, 기본) 제공된 템플릿을 통한 홈페이지 제작 사용자의 홈페이지 내용 수정 기본 메뉴 명 변경 서브 메뉴 명 변경
6
3. K2 Web WIZARD 메인화면 1 2 5 6 3 4 7 8 1. 로그인 및 회원가입
2. 주 메뉴 : 주 메뉴의 목록 입니다. 3. 홈페이지 신청 : 회원으로 인증을 받은 후 홈페이지를 개설하기 위하여 홈페이지 개설 신청을 합니다. 4. 웹 메뉴얼 : 홈페이지를 제작하면서 볼 수 있는 온라인 매뉴얼 입니다. 5. 공지사항 : 공지사항을 알리는 게시판 입니다. 6. 사이트 홍보 : 주요 뉴스나 소식을 전하는 게시판 입니다. 7. 검색 창 : 자신의 홈페이지 또는 홈페이지 별 검색하는 곳입니다. 8. 하단 이미지 관리 : 주소나 전화번호 등 Text를 Footer Image 를 관리합니다. 1 2 5 6 3 4 7 8
7
3-1. K2 Web WIZARD 슈퍼관리자 로그인 화면
관리자가 로그인 창에서 관리자로 로그인 했을 때 나타나는 화면입니다. 로그인 후 하단에 관리자 툴이 나타나며 관리자는 항상 메인화면(디자인 템플릿 변경 및 이미지 변경, 메뉴 변경) 및 회원(홈페이지 개별 운영자)들을 관리할 수 있습니다. 관리자 툴의 첫 번째 메뉴 ‘슈퍼관리자’ 버튼을 클릭하 면 우측 그림과 같이 슈퍼관리자 화면으로 이동합니다.
8
3-2. K2 Web WIZARD 슈퍼관리자 화면 2 3 1 4 5 1. 관리자메뉴 : 관리자 메뉴항목
2. 홈페이지검색 : 등록되어있는 홈페이지 검색 및 바로가기 3. 카테고리 : 등록되어있는 홈페이지 카테고리 검색 4. 사이트사용현황 : 현재 홈페이지 사용현황을 표시합니다. 5. 서버용량관리 : 서버용량을 표시합니다. 2 3 1 4 5
9
3-3. K2 Web WIZARD 슈퍼관리자 화면 - 홈페이지 목록
위자드 관리 현재 홈페이지를 사용하고 있는 사용자를 표시합니다. 1. 전체보기/기관, 연구소/학부/연구, 실험실/직원... : 사용자 별로 홈페이지 운영자들을 볼 수 있습니다. 2. 검색 창 : 사용자를 검색하기 위한 창입니다. 3. 회원정보란 : 회원정보를 보여주는 부분이며 이름(아이디)을 누르면 상세 정보가 나타납니다. 4. 회원 상세 정보 창 : 회원의 상세 정보 창 입니다. 메뉴설정(일반, 고급) 및 홈페이지 용량을 결정하며 현재 회원이 운영하는 다수의 홈페이지 내용, 목록이 나타납니다. 1 2 3 4
10
3-4. K2 Web WIZARD 슈퍼관리자 화면 - 홈페이지신청 목록
위자드 관리 사용자가 회원가입 후 홈페이지 개설신청 시 신청자 목록을 나타냅니다. 3-5. K2 Web WIZARD 슈퍼관리자 화면 - 분류관리 위자드 관리 사용자들의 분류를 정하는 곳이며 추가, 수정, 삭제가 가능합니다.
11
3-6. K2 Web WIZARD 슈퍼관리자 화면 - 이미지 셋 관리
위자드 관리 카테고리의 이미지들을 종합적으로 관리하는 곳입니다. 3-7. K2 Web WIZARD 슈퍼관리자 화면 - 회원목록 회원 관리 사용자들이 메인화면 에서 회원가입 신청을 한 후 승인인 된 회원들 목록입니다.
12
3-8. K2 Web WIZARD 슈퍼관리자 화면 - 회원신청목록
회원 관리 회원신청자 목록을 나타내며 회원승인을 결정해주는 화면입니다. 3-9. K2 Web WIZARD 슈퍼관리자 화면 - 템플릿분류관리 템플릿 관리 카테고리 별 템플릿을 관리하는 부분이며 추가, 수정, 삭제가 가능합니다.
13
회원 등급에 따른 템플릿 사용권한을 설정할 수 있습니다.
3-10. K2 Web WIZARD 슈퍼관리자 화면 - 신청템플릿관리 템플릿 관리 각 회원들이 자신이 꾸민 홈페이지 디자인을 다른 사용자에게 공통으로 쓸 수 있도록 신청하면 등록되는 부분이며 관리자는 심사 후 승인을 해줄 수 있습니다. 3-11. K2 Web WIZARD 슈퍼관리자 화면 - 회원등급별 템플릿 권한관리 템플릿 관리 회원 등급에 따른 템플릿 사용권한을 설정할 수 있습니다.
14
3-12. K2 Web WIZARD 슈퍼관리자 화면 - 전체 메일 링
관리자 메뉴 각 회원들에게 공지사항이나 기타 알림 메일을 쓸 때 사용합니다. ‘주소록’ 버튼에서 각 회원들 을 단수, 복수로 선택하여 메일을 보낼 수 있습니다. 3-13. K2 Web WIZARD 슈퍼관리자 화면 - 홈페이지 허용 개수 관리 관리자 메뉴 회원 별 홈페이지의 허용 가능 개수를 설정하는 부분입니다. 회원으로 인증 받은 홈페이지 관리자는 한 개의 ID로 다수의 홈페이지를 운영할 수 있습니다.
15
3-14. K2 Web WIZARD 슈퍼관리자 화면 - 전체백업관리
관리자 메뉴 회원들이 운영하는 홈페이지를 자동으로 백업하여 관리하는 메뉴로 백업 후 백업 자료를 필요 시에 복구할 수 있습니다. 1) 웹 서버상에 백업하기 : 전체 백업을 할 수 있으며 백업 별 리스트로 정렬이 됩니다. 이때 백업은 웹 서버상에 존재하며 다운로드 시 Local Hard Disk에 저장할 수 있습니 다. 또한 ‘복구’ 버튼을 누르면 웹 서버상에 백업 된 자료를 복구 시킬 수 있습니다. 2) 다운로드 파일 가져오기 : 자신의 Local Hard Disk 에 백업 된 자료를 불러올 수 있습니다. 1 2
16
3-15. K2 Web CLASS 슈퍼관리자 화면 - 비 허용 게시물관리
관리자 메뉴 게시물에 비속어 및 광고 스팸성 글을 차단하는 기능으로 슈퍼관리자는 지속적으로 비속어 및 광고성 단어들을 올릴 수가 있습니다. 3-16. K2 Web WIZARD 슈퍼관리자 화면 - Form 필드 유효성 관리 관리자 메뉴 회원 인증 시 Form 필드 추가 항목으로서 슈퍼관리자는 이름, 스크립트 함수명만 추가합니다.
17
메인화면의 디자인 및 기능설정등 전체적인 관리를 하는 메뉴입니다.
4. K2 Web WIZARD 관리자 툴 메뉴 관리자 툴 메뉴 메인화면의 디자인 및 기능설정등 전체적인 관리를 하는 메뉴입니다. 1. 홈페이지 생성 마법사 : 메인을 다시 재생성할 때 쓰입니다. 2. 프레임선택 : 프레임의 구조를 변경할 때 쓰입니다. 3. 프레임 사이즈 변경 : 프레임의 사이즈를 조정합니다. 4. 템플릿 변경 : 템플릿을 변경할 때 쓰입니다. 5. 메뉴구성 변경 : 주 메뉴 및 서브 메뉴의 구성, 속성, 이름을 변경합니다. 6. 기능관리 : 각 기능들의 디자인 변경 및 속성을 설정합니다. 7. SITE 정보 : 정보란을 설정하며 자료 백업을 관리합니다. 8. 회원가입정보관리 : 회원 가입 시 추가되는 항목을 리스트 별로 추가, 삭제할 수 있습니다.
18
기존의 자료 및 컨텐츠 들이 삭제 되기에 주의를 하시기 바랍니다.
4-1. K2 Web WIZARD 관리자 툴 메뉴 - 홈페이지 생성마법사 관리자 툴 메뉴 관리자가 메인 화면에서 새로 생성할 때 쓰는 메뉴 입니다. 메인 홈페이지 하단의 관리자 툴 도구 바 기존의 자료 및 컨텐츠 들이 삭제 되기에 주의를 하시기 바랍니다.
19
4-2. K2 Web WIZARD 관리자 툴 메뉴 - 프레임선택
메인 홈페이지의 구조(틀)를 변경할 때 사용합니다. 1. One Frame : 전체 프레임 구조를 선택할 때 체크 합니다. 2. Frameset : 프레임을 나눠서 선택할 경우에 체크 합니다.
20
4-3. K2 Web WIZARD 관리자 툴 메뉴 - 프레임사이즈변경
기본적으로 상, 하, 좌, 우 프레임을 마우스로 드래그 앤 드롭 하여 사이즈를 조절할 수 있으며 숫자로도 기입이 가능합니다. 1. TopSize : 상하프레임 크기를 숫자를 기입하여 설정할 수 있습니다. 2. LeftSize : 좌우프레임 크기를 숫자를 기입하여 설정할 수 있습니다. 3. 화면크기 : 홈페이지 디자인의 테이블 크기를 조절할 수 있습니다. 4. 정렬 : 모니터 화면에 보여지는 정렬방식을 정할 수 있습니다. 1 2 3 4
21
4-4. K2 Web WIZARD 관리자 툴 메뉴 - 템플릿변경
메인 홈페이지의 템플릿을 변경 시에 사용합니다. 기존 자료 및 컨텐츠 들은 변하지 않으며 템플릿만 변경이 됩니다. 템플릿 변경시 템플릿을 변경할 것인지를 묻는 창이 뜨게 됩니다.
22
4-5. K2 Web WIZARD 관리자 툴 메뉴 - 메뉴구성변경
1. 메뉴추가, 수정, 삭제 : 선택한 메뉴를 추가, 수정, 삭제할 때 사용합니다. 2. 메뉴배열설정 / 메뉴속성설정 : 메뉴의 속성 및 배열을 설정합니다. 3. 메뉴의 위치를 변경할 때 사용합니다. 1 2 3 2 1 3
23
4-5. K2 Web WIZARD 관리자 툴 메뉴 - 메뉴구성변경(계속)
메뉴추가, 수정, 삭제 주 메뉴추가 : 홈페이지 루트(Site root, 메인 화면)부터 시작하여 주 메뉴(Main menu)를 구성합니다. 1. Site Root 활성화 : 클릭하여 활성화를 시킵니다. 주 메뉴는 Site Root에 종속 되어 있으 므로 상위 단인 Site Root 를 지정하여 활성화를 시켜야 합니다. 2. 메뉴추가 : 메뉴추가 버튼을 클릭하여 새로운 주 메뉴를 생성합니다. 3. 메뉴 명 입력 : 생성할 메뉴 명을 입력한 후 확인버튼을 누릅니다. 4. 하위메뉴 생성도 주 메뉴를 활성화 하여 위와 같은 방법으로 생성합니다. 1 3 2
24
4-5. K2 Web WIZARD 관리자 툴 메뉴 - 메뉴구성변경(계속)
메뉴배열, 메뉴속성 설정 메뉴배열 설정 : 주 메뉴(Main menu)와 하위 메뉴(Sub menu)의 배열을 설정합니다. 체크한 후 설정완료 버튼을 누르면 적용이 됩니다.
25
4-5. K2 Web WIZARD 관리자 툴 메뉴 - 메뉴구성변경(계속)
메뉴배열, 메뉴속성 설정 메뉴속성 설정 : 주 메뉴(Main menu)와 하위 메뉴(Sub menu)의 속성을 설정 합니다.
26
4-5. K2 Web WIZARD 관리자 툴 메뉴 - 메뉴구성변경(계속)
메뉴배열, 메뉴속성 설정 첫 벗째 메뉴 : 주 메뉴(Main menu)의 속성을 설정합니다. 이미지 메뉴 : 주 메뉴(Main menu)의 속성이 이미지로 설정합니다. ☞ 주 : 메뉴 명을 수정 하더라도 주 메뉴가 이미지로 되어 있기에 수정이 안됩니다. 메뉴 명 수정은 주 메뉴가 텍스트로 설정이 되 있을 때 수정이 가능합니다. 간격조정 : 주 메뉴(Main menu)의 간격을 조정 합니다. Ex. 간격을 +10 pt 로 했을 경우 주 메뉴간의 간격이 늘어납니다.
27
4-5. K2 Web WIZARD 관리자 툴 메뉴 - 메뉴구성변경(계속)
메뉴배열, 메뉴속성 설정 첫 벗째 메뉴 : 주 메뉴(Main menu)의 속성을 설정합니다.(계속) 텍스트 메뉴 : 주 메뉴(Main menu)의 속성이 텍스트로 설정합니다. 이미지 메뉴에 오른쪽 마우스로 클릭을 한 후 텍스트로 변경합니다. 글꼴 : 텍스트로 된 주 메뉴(Main menu)의 글꼴을 선택할 수 있습니다. 크기 : 텍스트로 된 주 메뉴(Main menu)의 글자 크기를 설정할 수 있습니다. TD Width : 텍스트로 된 주 메뉴(Main menu)중 각 메뉴의 글자 간격을 조정 할 수 있습니다. TD Height : 텍스트로 된 주 메뉴(Main menu)중 각 메뉴의 글자 높이를 조정 정렬 : 텍스트로 된 주 메뉴(Main menu)의 정렬을 설정 합니다. 들여쓰기 : 글자 앞에 일정부분을 띄우고 입력을 합니다. 옵션 : 텍스트로 된 주 메뉴(Main menu)의 글자를 굵게( ), 기울임( ), 밑줄( ), 글자색깔( )을 바꿀 수 있습니다.
28
4-5. K2 Web WIZARD 관리자 툴 메뉴 - 메뉴구성변경(계속)
메뉴배열, 메뉴속성 설정 첫 벗째 메뉴 : 주 메뉴(Main menu)의 속성을 설정합니다.(계속) 이미지 메뉴에서 텍스트 메뉴로 변경 시... 텍스트로 변경 : 클릭하면 텍스트 메뉴 모드로 변경 됩니다. Mouse Over : 메뉴에 마우스를 올려 놓았을 때의 이미지 입니다. Mouse Out : 메뉴에 마우스를 멀리 했을 때의 Mouse Over 를 클릭 시 이미지 셋 창이 뜨게 됩니다. 제공되는 이미지 폴더 중에서 원하는 이미지를 미리 본 후 선택하여 사용하면 됩니다. Mouse Out 도 위와 같이 하여 이미지를 수정, 선택할 수 있습니다.
29
4-5. K2 Web WIZARD 관리자 툴 메뉴 - 메뉴구성변경(계속)
메뉴배열, 메뉴속성 설정 첫 벗째 메뉴 : 주 메뉴(Main menu)의 속성을 설정합니다.(계속) 텍스트 메뉴에서 이미지 메뉴로 변경 시... 이미지로 변경 : 클릭하면 이미지 메뉴 모드로 변경 됩니다. 메뉴배경설정 : 텍스트 메뉴 밑의 배경이미지를 설정합니다. 사용중인배경적용 : 주 메뉴(Main menu)에 선택 한 이미지의 배경이미지를 전체적인 배경이미지로 적용합니다. 배경 없애기 : 적용된 배경이미지를 삭제 합니다. 메뉴배경설정 : 클릭 시 이미지 셋 창이 뜨게 됩니다. 제공되는 이미지 폴더 중에서 원하는 이미지를 미리 본 후 선택하여 사용하면 됩니다. 사용중인 배경적용 : 이미지를 선택한 후 텍스트 밑의 배경이미지로 사용합니다. 배경 없애기 : 적용중인 배경이미지를 없앱니다.
30
4-5. K2 Web WIZARD 관리자 툴 메뉴 - 메뉴구성변경(계속)
메뉴배열, 메뉴속성 설정 두 번째 메뉴 : 서브 메뉴(Sub menu)의 속성을 설정합니다. 글꼴 : 서브 메뉴(Sub menu)의 글꼴을 선택할 수 있습니다. 크기 : 서브 메뉴(Sub menu)의 글자 크기를 설정할 수 있습니다. Width : 서브 메뉴(Sub menu)중 각 메뉴의 글자 넓이를 조정 할 수 있습니다. Height : 서브 메뉴(Sub menu)중 각 메뉴의 글자 높이를 정렬 : 서브 메뉴(Sub menu)의 정렬을 설정 합니다. 들여쓰기 : 글자 앞에 일정부분을 띄우고 입력을 합니다. 옵션 : 서브 메뉴(Sub menu)의 글자를 굵게( ), 기울임( ), 밑줄( ), 글자색깔( )을 바꿀 수 있습니다. 그림 1 서브 메뉴(Sub menu)에 오른쪽 마우스 로 클릭을 한 후 메뉴 배경 이미지를 설정할 수 있습니다. 두 번째 메뉴 상세설정 Top 이미지설정/제거 : 서브 메뉴(Sub menu) 위의 Top 이미지(그림 1)를 설정 / 제거 합니다. 이미지로 변경 : 클릭하면 이미지 메뉴 모드로 변경 됩니다. 메뉴배경설정 : 텍스트 메뉴 밑의 배경이미지를 설정합니다. 사용중인배경적용 : 주 메뉴(Main menu)에 선택한 이미지의 배경이미지를 전체적인 배경이미지로 적용합니다. 배경없애기 : 적용된 배경이미지를 삭제 합니다.
31
4-6. K2 Web WIZARD 관리자 툴 메뉴 - 기능관리
1. 게시판 : 게시판의 추가, 삭제, 디자인 변경이 가능하며 등급별 권한 설정을 할 수 있습니다. 2. 과제물제출 : 선생님이 학생들에게 과제물 제출을 홈페이지 상에서 공지 할 수 있습니다. 3. 로그인 : 로그인의 디자인 변경을 할 수 있습니다. 4. 설문조사 : 설문조사를 새로이 등록하고 디자인 변경을 할 수 있습니다. 5. 시간표 : 선생님의 수업시간을 학생들에게 알릴 수 있습니다. 6. 앨범 : 사진을 올릴 수 있는 포토 게시판 입니다. 7. 이벤트 팝업 창 : 이벤트를 등록하고 관리 할 수 있습니다. 8. 인물소개 : 회원 중 프로필 소개 및 간단한 이력을 종합적으로 관리, 삭제할 수 있습니다. 9. 일정관리 : 일정관리의 디자인 변경을 할 수 있습니다. 10. 쪽지 : 쪽지함의 디자인 변경을 할 수 있습니다. 11. 추천사이트 : 추천하고 싶은 사이트를 등록한 후 관리할 수 있습니다. 12. 회원관리 : 회원(개별 사이트 관리자)들을 그룹별로 관리할 수 있습니다.
32
4-6. K2 Web WIZARD 관리자 툴 메뉴 - 기능관리(계속)
게시판 게시판 : 게시판의 추가, 삭제, 디자인 변경이 가능하며 등급별 권한 설정을 할 수 있습니다. 1 2 3 4 5 6 7 1) 게시판추가 : 게시판 추가 시 게시판명을 입력한 후 ‘게시판 추가’ 버튼을 누르면 게시판이 추가 됩니다. 2) 게시판 명 : 현재 사용중인 게시판 목록입니다. 3) 권한관리 : 회원 등급별로 ‘그림 1’과 같이 게시판에 관련된 권한을 설정 합니다. 4) 중지 : 체크하면 게시판을 잠시 중지 시킬 수가 있습니다. 5) 삭제 : 체크하면 게시판이 삭제 됩니다. 6) 설정 : 버튼을 클릭하면 각 게시판마다 디자인, 아이콘 등 세부 사항을 설정할 수 있습니다. 7) Cody : 체크하면 K2 Web Cody 가 탑재 되어 멀티미디어 게시판으로 활용할 수 있습니다. 일반 텍스트 게시판 멀티미디어 게시판
33
4-6. K2 Web WIZARD 관리자 툴 메뉴 - 기능관리(계속)
과제물 제출 과제물 제출 : 교수님이 학생들에게 과제물 제출을 홈페이지 상에서 공지 할 수 있습니다. 2 1 1) 과제등록 : 과제 명, 내용, 첨부파일, 마감일을 기입하고 등록버튼을 누릅니다. 2) 권한관리 : 회원 그룹별 과제제출, 과제등록/검사 등 권한 설정을 할 수 있습니다.
34
4-6. K2 Web WIZARD 관리자 툴 메뉴 - 기능관리(계속)
로그인 로그인 : 사용자는 원하는 로그인의 디자인 변경을 제한 없이 할 수 있습니다.
35
4-6. K2 Web WIZARD 관리자 툴 메뉴 - 기능관리(계속)
설문조사 설문조사 : 설문조사를 새로이 등록하고 디자인 변경을 할 수 있습니다. 1 2 1 2 1) 설문조사등록 : 제목, 기간, 항목을 입력한 후 확인 버튼을 누릅니다. 2) 스킨변경 : 설문조사 디자인을 변경할 수 있습니다.
36
4-6. K2 Web WIZARD 관리자 툴 메뉴 - 기능관리(계속)
시간표 시간표 : 교수님의 수업시간을 학생들에게 알릴 수 있습니다. 해당요일과 시간을 클릭하여 시간, 수업 명을 등록합니다. 1 2 1 2 1) 시간등록 ) 수업 명 등록
37
4-6. K2 Web WIZARD 관리자 툴 메뉴 - 기능관리(계속)
앨범 앨범 : 앨범등록 버튼을 누른 후 제목, 내용을 입력합니다. 권한관리 창 앨범 추가 앨범 정보수정
38
4-6. K2 Web WIZARD 관리자 툴 메뉴 - 기능관리(계속)
이벤트 팝업창 이벤트 팝업창 : 이벤트 팝업 창을 관리할 수 있습니다. 1 1) 이벤트 편집 창 : 제목, 기간, 크기, 위치(홈페이지 상에서 실제 띄워질 위치)등을 입력한 후 K2 Web Cody 를 이용하여 이미지, 링크 등 이벤트 창을 작성 후 ‘이벤트 등록’ 버튼을 누르면 이벤트 등록이 됩니다.
39
4-6. K2 Web WIZARD 관리자 툴 메뉴 - 기능관리(계속)
인물소개 인물소개 : 회원 중 프로필 소개 및 간단한 이력을 종합적으로 관리, 삭제할 수 있습니다. 버튼을 눌러 K2 Web Cody 창에서 버튼을 누르고 인물소개 기능을 불러옵니다. 버튼을 눌러 위와 같이 소개하고 싶은 인물의 프로필을 입력합니다.
40
4-6. K2 Web WIZARD 관리자 툴 메뉴 - 기능관리(계속)
일정관리 쪽지 일정관리 : 일정관리 디자인 변경을 할 수 있습니다. 쪽지 : 쪽지함의 디자인 변경을 할 수 있습니다. 일정관리 디자인 스킨 쪽지 함 디자인 스킨
41
4-6. K2 Web WIZARD 관리자 툴 메뉴 - 기능관리(계속)
추천사이트 추천사이트 : 추천하고 싶은 사이트를 이미지와 함께 일목요연 하게 관리할 수 있습니다. 회원 인증 관리 회원 인증 관리 : 홈페이지에 가입하는 회원들을 인증 시 그룹별로 지정하여 분류 합니다. 회원관리 회원관리 : 회원 또는 사용자들을 그룹별 또는 개별 관리를 합니다.
42
4-7. K2 Web WIZARD 관리자 툴 메뉴 - SITE 정보
1) 개인정보 : 슈퍼관리자의 개인정보를 관리할 수 있습니다. 2) 사이트 정보관리 : 홈페이지 현황과 설정상태를 확인할 수 있습니다. 3) 사이트 백업관리 : 홈페이지 별 전체백업 및 복구를 할 수 있습니다.
43
4-8. K2 Web WIZARD 관리자 툴 메뉴 - 회원 가입 정보 관리
회원 가입 정보 관리 : 회원가입 시 추가로 입력 폼을 작성하여 좀 더 세부적으로 회원을 관리하는 곳입니다. 1) 필드 명 : 회원가입 시 추가항목의 이름을 설정합니다. 2) 도움말 : 추가항목에 관한 상세 설명을 두어 회원을 가입하려 하는 사용자들을 이해 시킬 수 있습니다. 3) 필수입력 : 회원가입 조항에 필수 입력란으로 설정할 수 있습니다. 4) 목록표시 : 회원정보란에 표시할 수 있도록 설정할 수 있습니다.
44
4-9. K2 Web WIZARD 관리자 툴 메뉴 - 파일관리
파일관리 : 사이트의 파일을 관리(생성,추가,삭제) 1) File Manager : 여러 파일을 업로드하기위해 사용하는 창 2) File List : 현재 개인 폴더의 파일 및 목록을 나열 대상화일/폴더를 선택 3) 기능 버튼 (1) 파일명 수정 : 파일명을 수정합니다.(확장자는 변경불가) (2) 파일편집 : Cody를 이용하여 파일을 편집합니다.(html만가능) (3) 새로고침 : 파일내역을 새로 읽어드립니다. (4) 다운로드 : 파일을 다운로드합니다. (5) 압축 : 선택한 파일을 임의(ex:compress1.tgz)로 압축합니다. (6) 삭제 : 선택한 파일을 삭제합니다. 4) 출력창 : 선택된 대상화일의 내용을 출력 1 2 3 4
45
4-10. K2 Web WIZARD 관리자 툴 메뉴 - 통계
통계 : 접속자, 게시판 등록수, 회원정보 통계 1) 사이트 종류 및 통계 종류 선택 2) 환결설정 : 접속 갱신 기준, 자료 제한, 초기화 3) 통계 항목 4) 기간 설정 : 통계 기간을 년월일 기준으로 설정(전체 선택시 누적) 5) 통계 화면 : 통계 항목 변경에 따라 이화면이 전환 6) 인쇄 및 다시읽기 : 페이지 인쇄 및 페이지 다시읽기 버튼 1 2 3 4 5 6 통계 환경설정 1)접속 갱신 기준 : 접속카운터의 기준을 설정합니다. 2) 통계 자료제한 : 카운터 로그수량을 제한합니다. 3) 관리자 활동내역 제와 : 관리자의 활동은 통계에 포함하지 않습니다. 4) 초기화 : 접속로그와 게시판 로그를 초기화합니다. 1 2 3 4
46
4-11. K2 Web WIZARD 관리자 툴 메뉴 - 기타 기능설명
기능 가져오기 기능 가져오기 : 관리자 툴 메뉴의 기능관리에는 없지만 K2 Web CODY 화면의 ‘기능 가져오기’ 의 기능관리에 있는 기타 기능관리 분분입니다. 기타 기능관리 화면
47
4-11. K2 Web WIZARD 관리자 툴 메뉴 - 기타 기능설명(계속)
기능 가져오기 관리자 - 신규사이트 : 사용자들이 신규사이트를 한눈에 볼 수 있도록 하며 선택한 사이트로 바로 이동할 수 있습니다. 관리자 - 추천사이트 : 사용자들이 추천사이트를 한눈에 볼 수 있도록 하며 선택한 사이트로 바로 이동할 수 있습니다.
48
4-11. K2 Web WIZARD 관리자 툴 메뉴 - 기타 기능설명(계속)
기능 가져오기 관리자 - 홈개설신청 : 사용자들이 홈페이지를 개설 신청할 수 있는 버튼 입니다. 관리자 - 홈/검색분류 : 사용자들이 홈페이지 검색을 할 수 있도록 검색기능을 제공합니다. 교육정보검색기 : 사용자들이 교육정보 사이트나 관련정보들을 통합 검색할 수 있습니다. 메뉴 - 메인 : 주 메뉴(Main manu)를 불러올 수 있습니다. 관리자의 실수로 삭제 하였을 시에 유용하게 쓰일 수 있습니다.
49
4-11. K2 Web WIZARD 관리자 툴 메뉴 - 기타 기능설명(계속)
기능 가져오기 메인 - 서브 : 서브메뉴(Sub manu)를 불러올 수 있습니다. 관리자의 실수로 삭제 하였을 시에 유용하게 쓰일 수 있습니다. 불러오는 이미지는 그림 1과 같이 나타나며 메뉴구성변경에서 서브메뉴(Sub manu)를 생성해주어야 그림 2와 같이 실제로 웹 상에서 나타나게 됩니다. 1 2 서브메뉴생성 : 불러온 서브메뉴에 메뉴항목을 생성해 주어야만 실제로 나타나게 됩니다.
50
4-11. K2 Web WIZARD 관리자 툴 메뉴 - 기타 기능설명(계속)
기능 가져오기 현재 접속자 : 현재 접속자 목록 출력 및 회원간의 쪽지,메일을 간편하게 발송할 수 있습니다. ※현재 접속자는 로그인 한 사용자에게만 출력되며, 회원 목록 또는 전체 목록을 이용하여 회원간에 메시지를 전달 할 수있습니다.
51
4-11. K2 Web WIZARD 관리자 툴 메뉴 - 기타 기능설명(계속)
페이지 템플릿 선택 페이지 템플릿 선택 : 내부 페이지 작업 시에 제공되는 페이지 템플릿을 선택하여 내용을 집어 넣거나 이미지를 삽입할 때 쓰입니다. 페이지 템플릿 화면
52
4-11. K2 Web WIZARD 관리자 툴 메뉴 - 기타 기능설명(계속)
이미지 가져오기 이미지 삽입하기 : 이미지를 삽입할 때 쓰입니다. 이미지 셋에 제공되는 이미지, 클립아트를 삽입할 수 있으며, 자신의 PC에 저장되어 있는 이미지도 삽입할 수 있습니다. 이미지 셋 화면
53
4-11. K2 Web WIZARD 관리자 툴 메뉴 - 기타 기능설명(계속)
코디 히스토리 코디 히스토리 : 코디를 이용하여 수정하는 내역을 복원가능하도록 시간순으로 저장 저장 : 수정 후 전송 버튼을 누르면 자동으로 백업됩니다. 복원 : 코디 히스토리선택 버튼을 클릭 후 원하는 백업을 선택하면 코디창에 내용이 복원됩니다.
54
4-11. K2 Web WIZARD 관리자 툴 메뉴 - 기타 기능설명(계속)
이미지 가져오기 내 이미지 추가하기 : 이미지 추가 화면에 오른쪽 마우스를 클릭하여 ‘첨부파일 추가’ 버튼을 클릭한 후 열기 창에서 단수 또는 복수의 이미지를 선택, ‘열기’ 버튼을 누릅니다. ‘내 이미지 등록하기’ 버튼을 누르면 이미지가 업로드 됩니다.
55
5. K2 Web CODY 툴 메뉴 1 2 3 4 1. ToolBar Control : HTML 의 WISYWIG 편집을 가능하게 해주는 기능을 사용하는 버튼 입니다. 버튼에 따라 기능별로 HTML을 생성 가능하게 해줍니다. 2. 전송, 종료 버튼 : K2Web Cody 로 HTML 편집을 완료한 후 저장(전송), 또는 저장하지 않고 (종료) 작업을 끝낼 때 실행시키는 버튼 입니다. 3. Tab Control : 버튼을 누름에 따라 HTML편집창, HTML소스보기 창, 미리보기 창(편집한 HTML 문서가 Web Browser 에서 보여지는 모습을 미리 보는 창) 을 볼 수 있는 기능을 제공 합니다. 4. 내용 편집창 : 내용 편집창은 Tab Control 에 따라 HTML 편집창, HTML 소스보기 창, 미리보기 창이 나타나는 곳으로서 HTML 문서 생성, 편집의 주 작업이 이루어 지는 공간입니다. HTML 편집창은 메뉴나 ToolBar Control 을 이용하여 HTML에 대한 전문적인 지식 없이도 HTML 문서를 생성하고 편집할 수 있도록 도와주는 공간입니다. HTML 소스보기창은 HTML 편집창에서 생성한 문서의 HTML 소스를 볼 수 있는 공간입니다. 물론 HTML 소소브기창에서 삽입한 HTML 소스는 HTML 편집창에 적용됩니다. 미리보기 창은 HTML 편집창이나 HTML 소스보기 창에서 생성, 편집한 HTML 문서가 실제적인 Web Browserdptj 어떻게 보여지는지를 볼 수 있는 공간입니 다. 이와같은 세가지의 창(Window) 이 유기적으로 연결되어 HTML페이지 작업을 효율적으로 만들어 줍니다.
56
5-1. K2 Web CODY 툴 메뉴 - 전체메뉴의 구성
메뉴는 ToolBar Control 좌측 상단 첫 번째 버튼을 클릭하여 사용할 수 있습니다. 메뉴버튼을 클릭하면 다음과 같은 메뉴들을 보실 수 있습니다. 파일(F)기능 편집(E)기능 삽입(I)기능 표(A)기능 서식(O)기능 레이어(I)기능
57
5-2. K2 Web CODY 툴 메뉴 - 파일 기능 설명 파일(F)기능
새 문서 : 현재 작업하던 HTML 문서를 모두 지우고 새로운 문서 작성을 시작할 때 사용하는 기능입니다. 이 기능을 사용할 경우 작업하던 HTML 문서는 모두 지워집니다. 내 문서 불러오기 : 현재 작업하던 HTML문서를 지우고 기존에 Cody 또는 Offline Editor 로 작성을 해놓았던 HTML문서를 불러올 때 사용하는 기능 입니다. 새 문서 기능과 같이 작업하던 HTML 문서는 지워지고 불러오는 HTML문서로 대체됩니다. 내 피씨로 저장하기 : 작성한 HTML 문서를 자신의 PC 원하는 곳에 저장할 때 사용 합니다. 서버에 저장 되어있는 HTML 문서를 편집, 수정할 때 Back Up 용으로, 혹은 자신의 PC가 아닌 곳에 있는 HTML 페이지를 자신의 컴퓨터 원하는 곳에 저장을 하려고 할 때 사용되는 기능입니다. 서버로 전송하기 : 서버에 새로운 HTML 문서를 생성하여 작업을 마친 후, 또는 기존 에 있는 HTML 페이지를 Load 하여 편집작업을 마친 후 서버에 저장하기 위해 사용하는 기능 입니다. 전송 버튼을 누르게 되면 작업하던 HTML 문서는 서버에 바로 저장이 되고, 이 작업 결과는 바로 서버에 적용되어 Web Brows er 의 웹 페이지를 열어 확인 할 수 있습니다. 서버로 전송하기 : 서버에 있는 HTML페이지 작업을 할 때, 현재까지 작업한 내용이 있다면 그 문서를 전송한 후 에디터를 종료합니다. 작업을 한 내용이 없다면 저장하지 않고 바로 Cody를 종료합니다. 기타 파일메뉴 기능 설명 다른 이름으로 저장 : HTML 문서를 다른 이름으로 자신의 PC에 저장할 때 쓰입니다. 템플릿 불러오기 : 홈페이지 관리자가 설정해 놓은 작성된 HTML 페이지를 불러와서 그 페이지에 추가로 작업을 할 경우에 사용합니다.
58
5-3. K2 Web CODY 툴 메뉴 - 편집 기능 설명 편집(E)기능
되돌리기(Undo) : HTML 페이지 작업을 하는 도중 작업을 잘못 했을 경우 이전 상태 로 되돌리기 위해서 이 기능을 사용 합니다. 여러 번의 되돌리기 가 가능합니다. 되돌리기 취소 : 되돌리기 기능과는 반대로 작업을 다시 실행 시킬 때 사용됩니다. 잘라내기 : 선택된 부분의 Text나 이미지, 동영상, 표 등의 객체들을 잘라내기 할 때 사용하는 기능입니다. 선택된 객체는 화면에서 사라지고 그 사라진 부분 은 컴퓨터내의 Clip Board 라는 곳에 임시적으로 저장되어 있습니다. 복사하기 : 선택된 부분의 Text나 이미지, 동영상, 표 등의 객체들을 복사할 때 사용 하는 기능입니다. 잘라내기 와는 달리 선택된 객채는 그대로 보존이 되면 서 Clip Board 에 임시적으로 저장이 됩니다. 붙여넣기 : 잘라내거나 복사된 Text나 이미지, 동영상, 표 등의 객체들을 붙여 넣을 때 사용하는 기능입니다. 잘라내거나 복사하기를 한 개체를 다른 곳에 이전과 똑같은 모습으로 객체를 생성할 수 있습니다. 줄간격 조절 : 테이블 안의 Text 줄과 줄 사이의 간격을 조절하는 기능입니다. 찾기 : 문서 편집 창에서 원하는 문자열을 찾을 때 사용하는 기능입니다. 아래의 창 이 뜬 후 “찾을 문자열”칸에 원하는 문자열을 입력한 후 다음 찾기를 클릭 하 면 원하는 문자열을 찾을 수 있습니다. 찾을 방향의 옵션에 따라서 현재 커서 의 위치로부터 위쪽 혹은 아래쪽으로 검색을 할 수 있습니다. 또한 영문자의 대소문자 구분과 단어 단위의 검색이 가능 합니다.
59
5-3. K2 Web CODY 툴 메뉴 - 편집 기능 설명(계속)
바꾸기 : 찾기의 기능을 포함하면서 찾은 문자열을 다른 문자열로 대치시킬 수 있는 기능입니다. 아래의 창(다음 페이지)이 뜬 후 ‘찾을 문자열’칸에 바꾸기를 원하는 문자열 입력한 후 ‘바꿀 문자열’칸에 찾은 문자열을 바꾸길 원하는 문자열을 입력한 후 ‘다음 찾기’ -> ‘바꾸기’순서로 한 문자열씩 바꾸거나 ‘모두 바꾸기’버튼으로 문서 안의 모든 문자열을 원하는 문자열로 바꿀 수 있습니다. 기타 파일메뉴 기능 설명 HTML 소스보기 : 편집화면에서 HTML 소스를 볼 수 있으며 직접 수정이 가능합니다.
60
5-3. K2 Web CODY 툴 메뉴 - 편집 기능 설명(계속)
기타 파일메뉴 기능 설명 페이지 등록정보 : 현재 편집중인 문서의 전체적인 기본 설정을 하는 곳입니다. 메뉴 에서 뿐만 아니라 편집 문서의 페이지 내에서 마우스 오른쪽 버튼 을 누르면 “페이지 등록정보” 메뉴가 보이고 이를 클릭하면 다음 과 같은 창이 보입니다. 1) 위쪽 여백 : 전체 문서의 위쪽 여백 설정합니다.(픽셀단위) 2) 왼쪽 여백 : 전체 문서의 왼쪽 여백 설정합니다. (픽셀단위) 3) 배경 색 : 전체 문서의 배경 색을 설정합니다. 4) 글씨 색 : 전체 문서의 글씨 색을 설정합니다. 5) 하이퍼링크 색 지정 : 하이퍼 링크가 지정되어 있는 부분 텍스트의 글자의 색을 설정합니다. 6) 열었던 하이퍼링크 색 지정 : 하이퍼 링크가 지정되어 있는 텍스트 부분에서 이미 한번 이상 열었던 링크의 글자 색을 설정합니다. 7) 열고 있는 하이퍼링크 색 지정 : 하이퍼 링크가 지정되어 있는 텍스트 부분을 클릭하는 순간 의 글자의 색을 설정합니다. 8) 배경그림 : 문서의 배경그림을 설정합니다. 9) 배경그림 고정 : 문서의 배경 그림이 마우스 스크롤과 관계없이 항상 같은 위치에 고정 되도 록 하는 기능 입니다. 10) 배경그림 반복 안함 : 배경그림이 바둑판 형식으로 반복되지 않고 ‘배경그림 반복 안함’ 체크박스의 우측 콤보 박스에서 선택한 위치에 배경그림을 위치 시킵니다. 11) 배경음악사용 : 문서의 배경음악을 설정하기를 원할 때 체크를 켜고 원하는 음악의 위치를 지정 한 후 배경음악의 반복 회수를 설정합니다.
61
5-4. K2 Web CODY 툴 메뉴 - 삽입 기능 설명 삽입(I)기능
동영상 삽입하기 : 현재 편집하는 문서의 커서 위치에 여러 종류의 멀티미디어 파일 을 삽입하고자 할 때 사용하는 기능입니다. 기호넣기 : 특수문자나 기호 등을 넣을 수 있는 기능입니다. 하이퍼 링크 : 현재 문서에서 선택된 문자열에 다른 페이지로의 하이퍼링크를 설정할 때 사용합니다. 텍스트 뿐만 아니라 이미지에도 하이퍼 링크를 설정할 수 있습니다. 1) 책갈피 : 문서내의 특정 위치로의 하이퍼링크를 걸 때 사용합니다. 2) 대상 : 하이퍼링크로 연 대상 페이지나 프레임을 설정합니다. 직접 대상 프레임의 이름을 입력 할 수 있으 며 아래의 옵션 중의 하나를 선택 할 수 있습니다. • 기본값 (없음) : 기본값으로 아무 옵션 없이 하이퍼 링크를 설정합니다. 이 옵션을 사용할 경우 같은 프레임과 동일하게 자기 자신의 페이지에서 링크문서가 열리게 됩니다. • 같은 프레임 (_self) : 현재 프레임(자기자신의 페이지)에서 링크된 문서가 열립니다. • 전체 페이지 (_top) : 편집하고 있는 HTML페이지가 프레임으로 나누어져 있을 경우에 전체 브라우져 화면으로 링크된 문서가 열립니다. 만약에 프레임으로 나누어져 있지 않을 경우 자기자신의 페이지에서 링크가 되어 문서가 열립니다. • 새 창 (_blank) : 새 창(New Web Browser)이 뜨면서 링크된 문서가 새로 띄워진 창에 열립니다. • 상위 프레임 (_parent) : 현재 프레임의 상위 프레임에서 링크된 문서가 열립니다. (현재 편집중인 HTML문서가 프레임으로 나누어져 있을 경우에만 해당됩니다)
62
5-4. K2 Web CODY 툴 메뉴 - 삽입 기능 설명(계속)
삽입(I)기능 선 그리기 : 현재 편집하는 문서의 커서 위치에 가로선을 그려서 문서간의 구분을 하거나 시각적인 효과를 나타내고 싶을 때 사용하는 기능입니다. 1) 선위치 : 선의 정렬 위치를 선택합니다. (왼쪽, 가운데, 오른쪽) 2) 선길이 : 선의 길이를 설정합니다. (단위:퍼센트(%)) 3) 선색상 : 선의 색을 설정합니다. 한 줄 글 상자 : 현재 편집하는 문서의 커서 위치에 사용자의 입력을 받기 위한 한 줄 글 상자 양식을 삽입할 때 사용하는 기능입니다. 1) 이름 : 문서 내에서의 글 상자의 식별 이름을 설정합니다. (보여지는 부분과는 상관이 없습니다.) 2) 초기값 : 화면 상에서 한 줄 글 상자 안에 들어갈 초기값을 설 정합니다. 이 값은 HTML 문서 상에서 한 줄 글 상자 의 텍스트 부분에 그대로 보여집니다. 3) 폭 글자수 : 입력 받을 한 줄 글 상자의 길이를 설정합니다. 4) 최대 길이 : 최대 입력 글자수의 한계를 설정합니다. 5) 유형 • 일반 : 일반적인 한 줄 글 상자를 삽입할 때 사용합니다. • 암호 : 사용자의 입력내용이 보이지 않고 ‘*’로 대체되어 나타납니다. • 파일 : 첨부파일 등의 파일 경로를 찾을 때 사용합니다. 버 튼 : 현재 편집중인 문서의 커서 위치에 사용자의 선택을 결정할 수 있도록 하는 버튼을 삽입할 때 사용하는 기능입니다. 1) 이름 : 문서 내에서의 버튼의 식별 이름을 설정합니다. (보여지는 부분과는 상관이 없습니다.) 2) 초기값 : 화면상에서 버튼 안에 들어갈 버튼 이름을 정합니다. 3) 버튼유형 • 일반 : 일반적인 버튼을 삽입할 때 사용합니다. 일반적으로 버튼을 눌렀을 때 페이지를 이동하는 하이퍼 링크 등의 기능에 사용합니다. • 제출 : 사용자가 입력한 내용을 제출하는 버튼을 삽입할 때 사용합니다. 일반적으로 웹 페이지에서의 로그인 정보 나 회원가입 등에서 이용하는 Form 전송에 사용 합니다. • 내용 취소 : 사용자가 입력한 내용을 지우거나 초기값으로 되 돌릴 때 사용합니다.
63
예) ’테스트’라는 이름의 글 상자에 폭40, 10줄의 값을 넣어 만든 글 상자 모습
5-4. K2 Web CODY 툴 메뉴 - 삽입 기능 설명(계속) 삽입(I)기능 확인단추 : 현재의 커서 위치에 사용자가 선택할 부분을 도와줄 확인상자를 삽입할 때 사용합니다. 1) 이름 : 문서 내에서의 확인 상자의 식별 이름을 설정합니다. (보여지는 부분과는 상관이 없습니다.) 2) 값 : 화면 상에서 확인 상자 안에 들어갈 초기값을 설정합니다. 이 값은 HTML 문서 상에 그대로 보여집니다. 3) 시작상태 • 선택된 상태 : 체크된 상태로 삽입할 때 사용합니다. • 선택 안 된 상태 : 체크되지 않은 상태로 삽입 할 때 사용 합니다. 라디오단추 : 현재의 커서 위치에 사용자가 선택할 부분을 도와줄 확인상자를 삽입할 때 사용합니다. 1) 이름 : 문서 내에서의 확인 상자의 식별 이름을 설정합니다. (보여지는 부분과는 상관이 없습니다.) 2) 값 : 화면 상에서 확인 상자 안에 들어갈 초기값을 설정합니다. 이 값은 HTML 문서 상에 그대로 보여집니다. 3) 시작상태 • 선택된 상태 : 체크된 상태로 삽입할 때 사용합니다. • 선택 안 된 상태 : 체크되지 않은 상태로 삽입 할 때 사용 합니다. 글 상자 : 사용자가 선택한 부분에 글 상자를 만들 때 사용합니다. 1) 이름 : 문서 내에서의 글 상자의 식별 이름을 설정합니다. (보여지는 부분과는 상관이 없습니다.) 2) 초기 값 : 글 상자 안에 들어갈 초기값을 설정합니다. 이 값은 HTML 문서 상에 그대로 보여집니다. 3) 폭 글자수 : 글 상자의 넓이(폭)을 설정합니다. 4) 줄 수 : 글 상자의 내용 줄 수를 설정합니다. 예) ’테스트’라는 이름의 글 상자에 폭40, 10줄의 값을 넣어 만든 글 상자 모습
64
5-4. K2 Web CODY 툴 메뉴 - 삽입 기능 설명(계속)
삽입(I)기능 글 상자 : 사용자가 선택한 부분에 글 상자를 만들 때 사용합니다. 1) 이름 : 문서 안에서의 식별 이름을 설정합니다. (보여지는 부분과는 상관이 없습니다.) 2) 추가/수정/삭제 : 선택여부/항목이름/초기값을 설정하여 상자의 항목들을 추가/수정/삭제 할 때 쓰이는 단추 입니다. 추가 버튼을 클릭하면 아래의 창이 뜨고 HTML페이지에 선택상자의 항목으로 넣고 싶은 내용 을 생성합니다. 수정 버튼을 이용하여 이전에 넣었던 항목을 수정할 수 있고, 삭제 버튼을 이용하여 이전 에 입력했던 항목을 삭제 할 수 있습니다. 3) 줄 수 : 선택 상자의 높이를 결정할 줄 수. 이 설정에 따라 한번 에 볼 수 있는 항목의 수가 달라 집니다. 4) 다중 선택 허용 : 사용자가 항목 중 2개 이상의 항목을 선택할 수 있도록 할 것인지 여부를 설정하는 항목 입 니다. 다중선택을 허용하게 되면 사용자가 여 러 가지 항목을 한꺼번에 선택할 수 있습니다. 기타 삽입메뉴 기능 설명 그림 삽입하기 : 그림을 삽입할 때 쓰이는 기능입니다. 이미지 가져오기 버튼을 클릭 하여 제공된 이미지 또는 자신의 PC의 이미지를 가져와 등록 후에 삽입할 수 있습니다.(페이지49 참조) 1) 이미지 폴더 : 이미지들이 들어있는 각각의 이미지 폴더 들의 화면입니다. 2) 내 이미지 추가 화면 : 자신의 PC에 있는 로컬 이미 지들을 복수로 선택해서 올릴 수 있는 화면입니다. 3) 미리 보기 화면 : 업로드 한 이미지나 각각의 이미지 폴더에 들어 있는 이미지들을 미리 볼 수 있는 미리보기 화면입니다. 4) 파일명 : 이미지 폴더를 선택하면 나타나는 이미지 파일명을 볼 수 있으며 선택하여 이미지를 삽입 할 수 있습니다.
65
5-5. K2 Web CODY 툴 메뉴 - 표 기능 설명 표(A)기능
표 만들기(버튼을 이용하여 만들기) : 버튼을 누르면 오른쪽과 같은 창이 생깁니다. 그 상태에서 마우스를 드래그 하여 원하는 표의 행과 열 수를 선택한 후 마우스 를 클릭하면 편집하던 HTML 문서의 커서의 포커스 부분에 표가 만들어집니다. 메뉴/표(A)/표 만들기(메뉴에서 만들기) : 메뉴의 “표”-->“표 만들기”를 선택하면 아래와 같은 표 만들기 속성 창 이 표시 됩니다. 오른쪽 속성 창에서 표의 속성들을 지정하고 확인 버튼 을 누르면 표를 생성할 수 있습니다.
66
5-5. K2 Web CODY 툴 메뉴 - 표 기능 설명(계속)
표(A)기능 1) 크기 : 전체 표의 크기를 나타냅니다. • 행 : 표에서 세로부분의 셀의 수를 가리키는 속성입니다. • 열 : 표에서 가로부분의 셀의 수를 가리키는 속성입니다. 행 열 2) 레이아웃 • 테두리 크기 : 표 전체의 테두리의 두께를 나타내는 속성입니다. 단위-픽셀(Pixel) 테두리 크기 : 1 Pixel 테두리 크기 : 3 Pixel • 셀 안쪽 여백 : 셀 안쪽의 가장자리 부분의 여백부분의 정도를 나타내는 속성입니다. 셀 안쪽 여백 : 1 Pixel 셀 안쪽 여백 : 3 Pixel • 셀 간격 : 셀 사이의 간격을 나타내는 속성입니다. 셀 간격 : 1 Pixel 셀 간격 : 3 Pixel 3) 셀 크기 • 너비지정 : 셀 하나의 너비를 지정하는 속성 입니다. 단위-픽셀(Pixel) • 높이지정 : 셀 하나의 높이를 지정하는 속성 입니다. 단위-픽셀(Pixel)
67
K2 Web Cody 는 Default 값으로 지정이 되어 있습니다.
표 외곽선 보이기 : 표의 속성에서 테두리의 크기가 “0” 인 경우 실제 Web Browser 상에서 또는 문서 편집 창에서도 표의 테두리가 전혀 보이지 않습니다. 그러나 표 외곽선 보이기 기능을 사용하면 편집 시에 편집의 편리함을 위해서 표의 외곽선(테두리선)을 보이도록 설정 할 수 있습니다. 문서의 편집상으로는 아무런 영향을 끼치지 않으면서 문서 편집 창에서 표의 모양을 육안으로 관찰할 수 있 도록 하기 위해서 사용하는 기능입니다. K2 Web Cody 의 경우 문서 편집을 시작할 때 이 기능이 활성화 되어 있습니다. K2 Web Cody 는 Default 값으로 지정이 되어 있습니다. 표 편집하기 표를 생성한 뒤 표에 포커스를 놓고 마우스 오른쪽 버튼을 클릭하면 표 편집에 관련된 context 메뉴가 나타납니다. (표의 상태에 따라 메뉴 마나 활성화 혹은 비활성화 되어 있을 수 있습니다.)
68
5-5. K2 Web CODY 툴 메뉴 - 표 기능 설명(계속)
표(A)기능 표 편집하기 1) 잘라 내기/복사/붙여 넣기 : 표 안에 마우스에 의해 선택 되어진 Text 나 Image 등을 편집할 수 있습니다. 또한 표 이외의 다른 곳에서 복사하거나 잘라낸 Text나 Image등을 셀 안에 붙여 넣기 할 수 있습니다. 2) 글꼴 : 선택한 셀 안의 글자 속성을 설정할 수 있습니다. 3) 서식 없앰 : 글꼴에서 설정한 글자 속성을 원 상태로 되 돌립니다. 4) 하이퍼 링크 : 선택한 셀 안의 Text, Image에 하이퍼 링크를 겁니다. 5) HTML 소스 보기 : 편집중인 HTML 소스를 볼 수 있습니다. 6) 행 삽입/행 삭제 : 셀 안에 커서를 옮겨 놓은 후 행 삽입, 행 삭제를 할 수 있습니다. 7) 열 삽입/열 삭제 : 셀 안에 커서를 옮겨 놓은 후 열 삽입, 열 삭제를 8) 셀 나누기/셀 합치기 : 선택한 셀을 나누거나 합칠 수 있습니다. 9) 셀 등록 정보 : 편집중인 셀의 등록정보 입니다. 10) 표 등록 정보 : 편집중인 표의 등록정보 입니다. 2) 글꼴 : Text 의 글꼴, 종류, 크기, 효과, 색상 등 속성을 설정할 수 있습니다. 6) 행 삽입/행 삭제 : 셀 안에 커서를 옮겨 놓은 후 행 삽입 또는 삭제를 합니다. 삽입하고자 하는 셀 위치에 커서를 놓습니다 새로 삽입된 행
69
5-5. K2 Web CODY 툴 메뉴 - 표 기능 설명(계속)
표(A)기능 표 편집하기 7) 열 삽입/열 삭제 : 셀 안에 커서를 옮겨 놓은 후 열 삽입 또는 삭제를 합니다. 삽입하고자 하는 셀 위치에 커서를 놓습니다 새로 삽입된 열 8) 셀 나누기/셀 합치기 : 기존의 표에서 한 셀을 여러 개로 분할 하는 기능입니다.
70
5-5. K2 Web CODY 툴 메뉴 - 표 기능 설명(계속)
표(A)기능 표 편집하기 9) 셀 등록 정보 : 표 안에 있는 각각의 셀마다 속성을 지정할 수 있는 창 입니다. • 레이아웃 - 가로맞춤 : 셀의 내용을 가로 방향으로 정렬 합니다. - 세로맞춤 : 셀의 내용을 세로 방향으로 정렬 합니다. - 너비 지정: 셀의 너비를 지정 합니다. - 높이 지정: 셀의 높이를 지정 합니다. • 테두리 - 색: 셀의 테두리 색을 설정합니다 - 옅은 테두리: 셀의 왼쪽과 위쪽 테두리 색을 설정합니다. - 짙은 테두리: 셀의 오른쪽과 아래쪽 테두리 색을 설정합 니다. • 배경 - 색 : 셀의 배경색을 설정합니다. - 배경그림사용 : 셀의 배경으로 그림을 삽입합니다. 10) 표 등록 정보 : 표 전체에 관련 된 속성을 지정할 수 있는 창입니다. • 레이아웃 - 배치 : 표의 배치를 설정 합니다.(왼쪽, 가운데, 오른쪽) - 셀 안쪽 여백 : 셀의 안쪽여백을 설정합니다. - 셀 간격 : 셀과 셀 사이의 간격을 설정합니다. - 너비 지정 : 표의 너비를 지정합니다. - 높이 지정 : 표의 높이를 지정합니다. • 테두리 - 두께 : 표의 외곽선 두께를 설정합니다. - 색 : 테두리 색을 설정합니다. - 옅은 테두리 : 표의 왼쪽과 위쪽의 테두리 색을 설정합니다. - 짙은 테두리 : 표의 오른쪽과 아래쪽 테두리 색을 설정합니다. • 배경 - 색 : 표의 배경색을 설정합니다. - 배경그림사용 : 표의 배경으로 그림을 삽입합니다. 셀 등록정보에서 배경그림사용 표 등록정보에서 배경그림사용
71
5-5. K2 Web CODY 툴 메뉴 - 표 기능 설명(계속)
표(A)기능 표 편집하기 11) 열 너비를 같게(행 너비를 같게) : 행 또는 열 너비를 같게 하는 기능은 표에서 같은 행이나 같은 열의 셀 너비가 다를 때 그것을 똑같이 맞추어 주는 기능입니다. 표에서 여러 셀들을 아래와 같이 선택한 후 오른쪽 버튼을 누른 후 나타난 메뉴에서 ‘셀 합치기’를 선택하면 선택한 셀들의 행 너비 또는 열 너비가 일정하게 같아집니다.
72
5-6. K2 Web CODY 툴 메뉴 - 서식 기능 설명 서식(O)기능 페이지 63 참조
탭 늘이기 : HTML 문서의 Text 단락별로 왼쪽에 공백을 두길 원하는 문자열 그룹에 탭을 넣습니다. 탭 줄이기 : HTML 문서의 Text 단락별로 왼쪽에 탭 늘이기 기능이 설정 되어 있는 Text 그룹의 탭을 제거하기 위하여 필요한 기능입니다. 탭 늘이기 탭 줄이기 왼쪽 정렬 : Text 단락별로 Text 의 정렬을 왼쪽으로 정렬 시킵니다. K2Web Cody 는 기본적으로 Text의 경우 왼쪽 정렬의 서식이 적용되어 있습니다. 가운데 정렬 : Text 단락별로 Text 의 정렬을 가운데로 정렬 시킵니다. 오른쪽 정렬 : Text 단락별로 Text 의 정렬을 오른쪽으로 정렬 시킵니다. 숫자 목록 : Text 단락별로 숫자 목록을 만들기 위해 사용하는 기능입니다. 기호 목록 : Text 단락별로 기호 목록을 만들기 위해 사용하는 기능입니다.
73
5-7. K2 Web CODY 툴 메뉴 - 레이어 기능 설명
레이어(I)기능 절대 위치로 지정 : 그림이나 표, 동영상 등의 Object 객체를 자유롭게 이동하고 싶을 때 사용하는 기능입니다. 원래의 Object 객체를 선택했을 때와 선택되어 져 있는 모습은 같지만, 기능을 실행 시키기 이전과는 달리 마우스를 이용하여 객체를 자유롭게 움직일 수 있습니다. 이 기능을 사용하여 객체의 위치를 변화 시킨 후 위치 고정 기능을 실행 하는 것이 좋습니다 절대 위치로 지정 후 이동 이동된 Object 객체 위치 고정 : 절대위치로 고정 기능을 사용한 객체를 현재 위치되어 있는 위치에 고정 시키기 위하여 사용하는 기능입니다. 이 기능을 사용하면 객체를 선택한 모습 이 평상시 모습이나 절대위치 지정 기능을 사용했을 때의 선택모습과는 다른 모습이 됩니다. 위치 고정 모습
74
5-7. K2 Web CODY 툴 메뉴 - 레이어 기능 설명(계속)
레이어(I)기능 레이어 순서, 겹치기 : 표, 이미지, 동영상 등의 두 객체가 겹쳤을 때 객체의 우선순 위를 두어 어떤 객체가 위로 얹어질 것인지를 결정하게 해 주는 기능입니다. 1) 맨 앞으로 가져오기 : 표, 이미지, 동영상 등의 여러 개의 개체가(3개 이상) 겹쳐 있을 경우 겹치는 부분에 보이고 싶은 객체를 선택하고 이 기능을 실행 시키면 그 객체를 가장 앞으로 가져와서 겹쳐진 부분에 그 객체를 보여줄 수 있도록 하는 기능입니다. 2) 맨 뒤로 보내기 : 표, 이미지, 동영상 등의 여러 개의 개체가(3개 이상) 겹쳐 있을 경우 특정 객체를 가장 뒤로 보내 겹치는 부분은 보이지 않도록 하기 위하 여 사용하는 기능입니다. 3) 텍스트의 위로 : 텍스트의 밑에 객체가 있을 경우 객체를 텍스트의 앞으로 가져 와서 겹치는 부분에 있어 텍스트보다 객체가 우선적으로 보이도록 합니다. 이 기능을 사용하면 겹치는 부분의 텍스트는 보이지 않고 객체는 완전한 모습으로 보입니다. 4) 텍스트의 밑으로 : 텍스트의 위에 객체가 있을 경우 객체를 텍스트의 뒤로 보내 겹치는 부분에 있어 객체보다 텍스트가 객체보다 우선적으로 보이도록 합니다. 이 기능을 사용하면 겹치는 부분의 객체는 보이지 않습니다.
75
6-1. K2 Web WIZARD 기타기능 새창 로그인
새창로그인 : 로그인 기능이 삭제된 경우와 같이 로그인 할 수 없을 경우 사용(로그인전) 1) 화면의 배경부분을 마우스 오른쪽 버튼을 클릭하면 로그인 버튼이 출력 됩니다. 2) 버튼을 클릭하면 로그인이 새창으로 출력됩니다.
76
6-1. K2 Web WIZARD 기타기능 배경설정 배경설정 : 각 기능 및 배경 색상 및 이미지를 변경합니다.(로그인 후 사용가능) 1) 화면의 배경부분을 마우스 오른쪽 버튼을 클릭하면 배경설정 버튼이 출력 됩니다. 2) 버튼을 클릭하면 배경설정창이 출력됩니다. 3) 각 기능을 이용하여 선택한 배경의 색상 및 이미지를 변경합니다.
Similar presentations