18
교수 홈페이지 빌더 매뉴얼 학술전산처 전산정보실 2013-12-03 V03

교수 홈페이지 빌더 매뉴얼 - SEJONGportal.sejong.ac.kr/popup/homepagebuilder_01_v03.pdf · 2015. 10. 13. · 홈페이지 기본정보 수정하기. 4 . 1. 연구실명

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: 교수 홈페이지 빌더 매뉴얼 - SEJONGportal.sejong.ac.kr/popup/homepagebuilder_01_v03.pdf · 2015. 10. 13. · 홈페이지 기본정보 수정하기. 4 . 1. 연구실명

교수 홈페이지 빌더 매뉴얼

학술전산처 전산정보실 2013-12-03 V03

Page 2: 교수 홈페이지 빌더 매뉴얼 - SEJONGportal.sejong.ac.kr/popup/homepagebuilder_01_v03.pdf · 2015. 10. 13. · 홈페이지 기본정보 수정하기. 4 . 1. 연구실명

홈페이지 검색하기

2

1. http://home.sejong.ac.kr 로 접속합니다. 2. 이름을 입력하고 검색버튼을 눌러 검색합니다. 3. 하단에 본인의 홈페이지가 표시되면 해당 이름을 클릭합니다.

1

2

Page 3: 교수 홈페이지 빌더 매뉴얼 - SEJONGportal.sejong.ac.kr/popup/homepagebuilder_01_v03.pdf · 2015. 10. 13. · 홈페이지 기본정보 수정하기. 4 . 1. 연구실명

홈페이지 로그인

3

1. 자신의 홈페이지 주소는 http://home.sejong.ac.kr/~이메일아이디/ 입니다. 2. 우측 상단의 Login 버튼을 눌러 로그인 합니다. 3. 로그인 완료 후 우측 상단의 관리하기 버튼을 클릭합니다. (자신의 홈페이지에 로그인한 경우만 관리하기 버튼이 표시됨)

1 2

3

Page 4: 교수 홈페이지 빌더 매뉴얼 - SEJONGportal.sejong.ac.kr/popup/homepagebuilder_01_v03.pdf · 2015. 10. 13. · 홈페이지 기본정보 수정하기. 4 . 1. 연구실명

홈페이지 기본정보 수정하기

4

1. 연구실명 혹은 연구분야 등 홈페이지 첫 화면에 표시할 내용을 입력합니다. 2. 연구실명 클릭 시 다른 홈페이지로 이동이 필요하다면 입력합니다. 3. 행정정보시스템에 입력된 연구실, 전화번호, E-Mail 정보를 홈페이지에 적용시킬 수 있습니다. 4. 면담시간을 입력하면 홈페이지 첫 화면에 표시됩니다. 5. 게시판에 글을 쓰기 위해서는 각 홈페이지의 가입이 필요함 (이에 대한 처리방안선택) 6. 입력이 완료되면 저장 버튼을 클릭합니다.

1

2

3

4

5 6

Page 5: 교수 홈페이지 빌더 매뉴얼 - SEJONGportal.sejong.ac.kr/popup/homepagebuilder_01_v03.pdf · 2015. 10. 13. · 홈페이지 기본정보 수정하기. 4 . 1. 연구실명

프로필 이미지 등록하기

5

1. 좌측의 홈페이지관리 -> 메인관리 메뉴를 클릭합니다. 2. 찾아보기 버튼을 눌러 프로필사진으로 등록한 사진을 선택합니다. (사진을 올리실 때는 1000*436 픽셀의 사진이 가장 잘 보입니다.) 3. 사진을 확인 한 후 등록 버튼을 누릅니다. 4. 완료 후 저장 버튼을 누릅니다.

2

3

4

1

Page 6: 교수 홈페이지 빌더 매뉴얼 - SEJONGportal.sejong.ac.kr/popup/homepagebuilder_01_v03.pdf · 2015. 10. 13. · 홈페이지 기본정보 수정하기. 4 . 1. 연구실명

프로필 내용 입력하기1

6

1. 홈페이지관리 -> 내용관리 메뉴를 클릭합니다. 2. 프로필은 기본적으로 입력되어 있지 않습니다. 수정 버튼을 클릭합니다.

1

2

Page 7: 교수 홈페이지 빌더 매뉴얼 - SEJONGportal.sejong.ac.kr/popup/homepagebuilder_01_v03.pdf · 2015. 10. 13. · 홈페이지 기본정보 수정하기. 4 . 1. 연구실명

프로필 내용 입력하기2

7

1

2

1. 일반 게시판에 글을 쓰는 방식과 동일하게 프로필 입력을 합니다. 2. 입력 완료 후 저장 버튼을 클릭합니다. (한글이나 워드 파일로 미리 작성된 것을 옮기는 경우 디자인이 그대로 적용되지 않을 수 있습니다. 웹 표준을 준수하기 때문에 서식 중 호환이 가능한 것만 반영됩니다.)

Page 8: 교수 홈페이지 빌더 매뉴얼 - SEJONGportal.sejong.ac.kr/popup/homepagebuilder_01_v03.pdf · 2015. 10. 13. · 홈페이지 기본정보 수정하기. 4 . 1. 연구실명

메뉴 추가하기1

1. 홈페이지관리 -> 내용관리 메뉴를 클릭합니다. 2. 메뉴등록 선택.

1

2

Page 9: 교수 홈페이지 빌더 매뉴얼 - SEJONGportal.sejong.ac.kr/popup/homepagebuilder_01_v03.pdf · 2015. 10. 13. · 홈페이지 기본정보 수정하기. 4 . 1. 연구실명

메뉴 추가하기2

9

1 2

3

4 5

7

1. 메뉴명 입력. 2. HTML 선택 3. 메뉴위치 선택 - 최상위 메뉴를 추가하는 경우는 “선택”상태를 유지. - 메뉴는 2dpth 까지 가능함. 4. 형태 (다른 페이지로 링크 – 기타 다른 홈페이지로 이동시키는 경우) 5. 새창여부 선택 현재 창에서 띄움 – 일반적인 방식 새 창으로 띄움 – 메뉴를 클릭 시 새 창에서 내용이 표시됨 (http://www.sejong.ac.kr 과 같은 형태로 입력해야 함) 6. 상태 – 일시적으로 메뉴를 보이지 않게 하는 경우 사용함 7. 페이지에 표시하고자 하는 내용을 입력함. 8. 등록

8

6

Page 10: 교수 홈페이지 빌더 매뉴얼 - SEJONGportal.sejong.ac.kr/popup/homepagebuilder_01_v03.pdf · 2015. 10. 13. · 홈페이지 기본정보 수정하기. 4 . 1. 연구실명

메뉴 순서 변경하기

1. 홈페이지관리 -> 메뉴 순서관리 메뉴를 클릭합니다. 2. 순서를 바꿀 메뉴 선택 3. 메뉴 순서조정 4. 저장

1

2 3

4

Page 11: 교수 홈페이지 빌더 매뉴얼 - SEJONGportal.sejong.ac.kr/popup/homepagebuilder_01_v03.pdf · 2015. 10. 13. · 홈페이지 기본정보 수정하기. 4 . 1. 연구실명

게시판 추가하기1

11

1. 게시판관리 메뉴 선택. 2. 사용할 게시판이름 입력. (예 - 공지사항) 3. 게시판타입 선택 (공지사항, 게시판, 자료실, 포토엘범), 목록 수 입력 (10~15가 일반적임) 4. 게시판 보기권한 선택 뷰 권한 - 게시글 읽기가능 (보통은 회원, 손님 선택) 쓰기권한 – 게시글 쓰기권한 (회원을 선택 – 세종대학교 구성원은 글쓰기 가능) 답변권한 – 쓰기권한과 동일함. 5. 등록을 누르면 게시판만 생성된 상태이므로 다음 페이지에서 추가 설정을 해야 사용 가능함.

1

2 3

4

5

Page 12: 교수 홈페이지 빌더 매뉴얼 - SEJONGportal.sejong.ac.kr/popup/homepagebuilder_01_v03.pdf · 2015. 10. 13. · 홈페이지 기본정보 수정하기. 4 . 1. 연구실명

게시판 추가하기2

12

2 3

4 5

6

1

1. 홈페이지관리 -> 내용관리 메뉴 선택. 2. 사용할 메뉴명 입력. (예 - 공지사항) 3. 게시판 선택 4. 생성된 게시판 중 메뉴와 연결시킬 게시판 선택 (게시판관리메뉴에서 생성한 게시판 선택) 5. 최상위 메뉴가 아닌 경우 게시판의 상위메뉴 선택 6. 등록을 누르면 생성된 게시판이 실제 메뉴와 연결되어 사용 가능한 상태로 변경됨

Page 13: 교수 홈페이지 빌더 매뉴얼 - SEJONGportal.sejong.ac.kr/popup/homepagebuilder_01_v03.pdf · 2015. 10. 13. · 홈페이지 기본정보 수정하기. 4 . 1. 연구실명

인덱스에 게시판 표시하기

1. 좌측의 홈페이지관리 -> 메인관리 메뉴를 클릭합니다. 2. 인덱스에 표시할 게시판을 선택 3. 저장

2

3

1

Page 14: 교수 홈페이지 빌더 매뉴얼 - SEJONGportal.sejong.ac.kr/popup/homepagebuilder_01_v03.pdf · 2015. 10. 13. · 홈페이지 기본정보 수정하기. 4 . 1. 연구실명

내용관리 에디터 사용법 1

14

사진을 올리는 버튼

에디터의 폰트를 설정하는 버튼

폰트의 사이즈를 변경하는 버튼

폰트의 타입을 설정하는 버튼 (굵게, 밑줄, 기울임, 취소선, 글자색)

폰트의 정렬을 설정하는 버튼 (왼쪽, 중앙, 오른쪽, 양쪽)

폰트 들여쓰기 내어쓰기 버튼

줄간격, 리스트설정 버튼

(이모티콘,링크,특수문자, 테이블,라인) 추가하기 버튼

글상자, 인용구 추가하는 버튼

툴바 더보기 버튼

페이지를 HTML소스로 보는 체크버튼

Page 15: 교수 홈페이지 빌더 매뉴얼 - SEJONGportal.sejong.ac.kr/popup/homepagebuilder_01_v03.pdf · 2015. 10. 13. · 홈페이지 기본정보 수정하기. 4 . 1. 연구실명

내용관리 에디터 사용법 2 (사진)

15

2 3

4

5

6

1

1. 사진버튼 클릭 2. 찾아보기 버튼 클릭 3. 넣을 사진을 찾아서 열기버튼 클릭 4. 등록 버튼 클릭 5. 등록버튼을 한번 더 클릭 6. 첨부된 사진을 클릭하여 사이즈를 조절

Page 16: 교수 홈페이지 빌더 매뉴얼 - SEJONGportal.sejong.ac.kr/popup/homepagebuilder_01_v03.pdf · 2015. 10. 13. · 홈페이지 기본정보 수정하기. 4 . 1. 연구실명

내용관리 에디터 사용법 2-1 (사진)

7

7. 사이즈 조절한 이미지 8. 작업하다 지워진 이미지는 화살표를 누르시면 다시 넣을 수 있습니다.

8

Page 17: 교수 홈페이지 빌더 매뉴얼 - SEJONGportal.sejong.ac.kr/popup/homepagebuilder_01_v03.pdf · 2015. 10. 13. · 홈페이지 기본정보 수정하기. 4 . 1. 연구실명

내용관리 에디터 사용법 3 (테이블)

17

2

4 5 6

1 3

1. 표 만들기 버튼 클릭한 후 만들 표 사이즈 지정 후 클릭

2. 표가 만들어진걸 확인

3. 표 위에 마우스를 올리면 나오는 버튼(레이아웃 편집, 서식편집) 을 클릭( X버튼

을 누르면 테이블을 삭제 할 수 있음)

4. 레이아웃 탭 ( 이 곳에서 행·열 추가,삭제 정렬 병합 분할을 할 수 있음)

5. 디자인 탭 ( 테두리의 종류와 위치 색상, 배경색을 설정할 수 있음

6. 서식 ( 기본적으로 지정되어있는 서식을 사용 할 수 있음)

Page 18: 교수 홈페이지 빌더 매뉴얼 - SEJONGportal.sejong.ac.kr/popup/homepagebuilder_01_v03.pdf · 2015. 10. 13. · 홈페이지 기본정보 수정하기. 4 . 1. 연구실명

기타사항

18

- 빌더로 생성된 홈페이지는 추후 세종대학교 홈페이지 교수소개 부분과 링크될 예정입니다. - 본 매뉴얼에서 설명하지 않은 “연구활동” 메뉴의 데이터 연동에 대해서는 교무처에서 제공하는 “연구행정 시스템 매뉴얼”을 참고하시기 바랍니다. - 프로필 등이 원하는 레이아웃으로 입력되지 않거나 사용 중 문의사항은 좌측 하단의 “관리자에게 문의하기” 버튼을 눌러 등록해 주시거나 학술전산처 전산정보실 전산개발과 홈페이지 빌더 담당자 02-3408-3093 으로 문의 하시기 바랍니다.

1