:: 여성핫라인 웹사이트 관리 :::::::::::::::::::::::::::::::::::::::::::::
[예제1] 국문 board & staff 페이지 편집 및 업데이트
[예제2] 영문 volunteer 페이지 업데이트 (이달의 volunteer 글과 사진 업데이트하기)
3. 게시판 관리
- 서버관리 페이지
- 게시판 관리 페이지 (온라인상담실, 최근소식, 정보광장)
웹사이트 관리를 위해 필요한 소프트웨어 2 가지
1. 웹 에디팅 소프트웨어:
여기에선 Dreamweaver보다 사용이 간편한 Namo Webeditor 프로그램을 쓰도록 하겠습니다.
개인적으로 보내드린 복사본 CD를 통해 설치하여 쓰시거나, http://www.namo.co.kr/ 를 통해 구입하도록 합니다.)
Namo Webeditor: 웹사이트의 특정페이지의 내용을 수정하기 위한 프로그램입니다.
MS Word 프로그램에서 .doc 문서파일을 열어 수정후 저장하듯이 이 프로그램은 .htm 또는 .html파일 같은 웹페이지 파일등을 편집하는데 쓰입니다.
2. FTP 소프트웨어:
FTP 소프트웨어를 만드는 회사는 여러곳이며, 여기에서는 알FTP를 이용해 설명하도록 하겠습니다.
소프트웨어 무료 다운로드: http://www.altools.co.kr/down/down_altools.aspx?down=person&sign=down&AppGubun=0
알FTP: 원하는 웹페이지의 내용을 Namo Webeditor를 통해 수정했다면 이제는 그 새로운 파일을 웹서버에 올려 기존의 파일에 덮어씌우기를 해야만 합니다.
이럴경우 웹서버에 접속하여 파일을 업로드 혹은 다운로드 할 수 있게 컴퓨터와 서버를 연결해주는 프로그램이 바로 알FTP입니다.
자세한 사용법: http://woto.net/faq/faq-detail.html?type=1&pg=1&num=16&select=&search=
(포탈사이트에 로그인하듯이 웹서버에 접속하기 위해서 서버의 이름, 주소, 비밀번호등을 입력해야 합니다.
서버에 접속하였을때, 알FTP의 화면은 일반적으로 상/하로 나뉘며, 상단 부분은 웹서버의 폴더들이고, 하단부분은 본인 컴퓨터(로컬)의 폴더들입니다.
수정한 파일을 서버에 올리고자 할때는 상단부분(서버 폴더)과 하단부분(로컬 컴퓨터)의 폴더를 동일하게 맞춰주고,
편집하신 파일을 하단부에서 '선택'하신 후 '업로드' 버튼을 눌러주시면 하단에서 상단으로 파일이 업로드 되는 것을 보실 수 있습니다.
혹시 잘 이해가 되지 않더라도 걱정마세요. 아래의 튜토리얼에서 다시 설명하도록 하겠습니다.)
알FTP로 KAN-WIN 웹서버 접속하기
생성할 사이트 이름: KAN-WIN
FTP 주소: kanwin.org
사용자 ID: kanwino
비밀번호: OOOOOOOO
(하단에 Passive Mode 체크 해주세요.)
클릭 '확인'
(참고: 웹서버에 접속한 후 가장 상위폴더 중 하나인 public_html 폴더를 더블클릭하시면 그 안에 웹사이트의 모든 파일이 존재합니다.)
웹페이지 편집 및 업데이트
여성핫라인 웹사이트는 총 9개의 폴더로 구성되어 있습니다.
폴더명: 파일내용
en: 영문페이지 자료
kr: 국문페이지 자료
img: 모든 이미지 자료
docu: 서류 자료
video: 영상 자료
bbs: 게시판 자료
volunteer: 자원봉사자 온라인 폼
contact: 일반 온라인 폼
website_management: 웹사이트 업데이트 관련 학습정보
웹페이지를 수정하기 위해서는 en (영문페이지) 폴더와 kr (국문페이지) 폴더 내의 파일 중 수정하고자 하는 파일만 작업하면 됩니다.
이 두 폴더안에는 각각의 페이지를 나타내는 htm / htm / php 파일들이 있고, OOOOOO-text.htm 파일을 편집해주어야 합니다.
예를 들어 국문 volunteer 페이지를 수정하고자 하면, kr 폴더 내의 volunteer-text.htm 파일을 편집하시면 됩니다.
(주의: volunteer-text.htm파일은 volunter.htm파일과 다른 파일입니다. 파일명이 '-text.htm'로 끝나지 않는 파일들은 웹사이트 구조/디자인과 관련된 파일이므로 절대로 건들지 않습니다.)
[예제1] 국문 board & staff 페이지 편집 및 업데이트
1. 컴퓨터 하드드라이브에 KAN-WIN website 폴더/파일들이 잘 저장되어 있는지 확인합니다.
2. 나모 웹에디터 프로그램을 실행시킵니다.
3. Board-Staff-text.htm을 오픈합니다. (워드 프로그램에서 파일 오픈하는 것과 똑같은 방법으로 오픈 하시면 됩니다.)
4. 원하는 부분의 내용을 수정한 후, 기존 text의 폰트와 글자크기를 다른 내용들과 동일하게 맞춰주고 저장합니다.
(참고: 내용 일부/전체를 마우스로 드래그하여 선택하면, 메뉴 상단에 현재쓰고 있는 폰트/글자크기 정보가 나옵니다.)
5. 알FTP 프로그램을 실행시킨 후, 웹서버에 접속합니다.
(버서에 접속이 안될때는 로컬 컴퓨터에 인터넷접속이 되어 있는지 확인합니다.)
6. 알FTP를 이용해 서버에 접속한 후, 프로그램 상에서 서버내의 현재 폴더위치와 본인 컴퓨터의 현재 폴더위치를 동일시 해줍니다.
(국문 Board-Staff-text.htm 파일을 편집해서 업데이트 하는 과정이므로 알FTP 프로그램안에서
웹서버 폴더: public_html > kr > Board-Staff-text.htm 파일이 보이는지 확인
로컬컴퓨터 폴더: c: > .... > website > kr > Board-Staff-text.htm 파일이 보이는지 확인)
7. 편집된 Board-Staff-text.htm파일을 선택한 후 업로드 버튼을 클릭합니다.
(알FTP프로그램 상에서 로컬컴퓨터에 저장되어 있는 수정된 Board-Staff-text.htm 파일을 서버에 업로드하여 기존의 Board-Staff-text.htm 파일에 덮어씌우기 합니다.)
8. Kanwin 웹사이트에 접속한 후 업데이트가 잘 되었는지 확인합니다.
[예제2] 영문 volunteer 페이지 업데이트 (이달의 volunteer 글과 사진 업데이트하기)
1. 글 내용을 준비합니다.
2. Photoshop과 같은 사진 편집툴을 이용해 약 125x200 pixel (WxH) 크기의 이미지를 준비하여
로컬컴퓨터의 website > img > volunteers 폴더에 사진을 저장합니다.
(파일 포멧은 jpg이나 gif를 권장하며, 파일명은 영문으로 하고 파일명사이에 빈칸을 두지 않습니다.)
3. Namo Webeditor를 실행시킨 후, volunteer-text.htm 파일을 엽니다.
4. 파일내용의 상단을 보시면 이전 글과 사진이 들어가 있는 점선으로 된 표가 있습니다.
5. 글의 내용이 많지 않을 경우, 이전 글 부분에 바로 타이핑하기를 권장하며,
만약 내용이 길어 복사/붙여넣기를 한 후에는 반드시 전체선택(ctrl + a)을 한 후 서체는 Verdana, 글자크기는 9 pt로
맞춰주시고, 오른쪽 마우스를 클릭하여 '문단속성'에 들어가서 '여백'을 모두 0, 줄간격을 125%로 설정해주시기 바랍니다.
6. 사진 업데이트를 위해, 기존의 사진을 더블클릭합니다. (그림속성 팝업창이 뜰것입니다.)
7. '그림경로' 빈칸의 바로 오른쪽에 있는 '찾아보기'버튼을 눌러 로컬컴퓨터의 website > img > volunteers 폴더내의 준비된 파일을 선택하여 주고 OK를 해줍니다.
8. 수정된 htm파일을 저장해줍니다. 이때 '첨부파일 복사하기' 라는 팝업창이 뜨는데,
두번째 '복사하지 않고 파일경로는 현재경로로 유지하기'를 선택하고 '확인'을 누릅니다.
(이제 모든 편집이 완료되었습니다.)
9. 편집이 완료되었으므로 웹서버에 수정/추가된 모든 파일을 기존파일과 교체/추가 해야 겠죠?
알FTP 를 실행시키고, 웹서버에 접속합니다.
10.우선 KAN-WIN > en 폴더내에 새롭게 편집된 volunteer-text.htm 파일을 덮어쓰기합니다.
11.새로 쓰는 사진 파일은 KAN-WIN > img 폴더에 업로드 해줍니다.
(주의할 점은 파일을 덮어쓰기 혹은 새로 업로드 할때 항상 동일한 폴더에 해주어야 한다는 것입니다.
업로드 후 웹사이트에 사진이 보이지 않는 대부분의 경우가 이를 지키지 않았기 때문입니다.)
게시판 관리
게시판 관리 페이지 접속
1. 게시판 관리자 로그인 페이지 http://www.kanwin.org/bbs/admin.php 로 가서 로그인을 합니다. ( ID: 911 / Password: OOOOOOOOO )
2. 로그인 후 관리자 페이지가 나오면, 왼쪽 상단의 '등록된 그룹 관리' 밑의 'kanwin (1)'을 클릭
3. 'kanwin (1)' 아래의 '게시판 관리' 클릭 (현재 웹사이트에서 운영중인 게시판의 리스트가 나옵니다.)
게시판 설정 변경
1. 관리하고자 하는 게시판의 기본설정 변경 setup을 클릭한 후, 설정을 변경한 후, 화면 우측 하단부의 Confirm을 클릭
2. 게시판 미리보기 view를 클릭하시면 게시판이 변경된 것을 확인 할 수 있습니다.