[정보교육1] 2001. 3. 5

홈페이지 운영에 필요한 최소한 것만 알아볼까나.

5시간이라는 짧은 시간동안 홈페이지 제작할 수는 없다. 그리고 우리가 굳이 홈페이지를 제작할 필요도 없다. 단지, 부탁할 때 아는 척만 하면 된다. 물론, 그것만으로도 부족한 시간이다.

오늘의 우리의 목적은 서버와 홈페이지의 구조를 이해하는 것이다.

1. Sever 구조 이해하기

Why? → 최소한 파일이 어디에 어떻게 있는지 알아야 하니까.

: ftp를 이용해서 파일은 up·down-load 할 수 있다.

: 각 센터의 홈페이지 파일의 위치를 정확히 한다.

2. Html 기초 익히기

Why? → 아주 작은 수정은 내 손으로 하는 것이 속 편하니까.

: 나모 웹에디터를 통해 기초적인 html 파일을 작성한다.

: html 파일의 속성을 이해한다.

: 기초적인 태그를 알아 볼 수 있다.

3. 자료실(자료 DB) 사용법

Why? → 있으니까 활용해야쥐...

: 자료실의 자료 등록 방법을 익힌다.

: 각 센터 홈페이지에 링크시킬 수 있다.

4. 웹포럼

온라인 공간을 통해서 다양한 회원활동을 구상해 볼 수 있으니까...

: minwoo 포럼 구성을 이해한다.

: 센터 특성에 맞는 웹포럼 기획서를 작성한다.

5. 홈페이지 기획

알아야 남 시키기도 쉽다.

: 센터 특성에 맞는 홈페이지 기획를 한다.

마지막으로... 큰 기대는 큰 실망을 낳을 수 있다.

소박한 마음으로 소박하게 5시간을 즐겨보자!!!

§민우회 Sever 구조 : 우리 센터 홈페이지의 파일은 어디에...

/
		root
		home
				equal
						public_html	…
				eco
						public_html	…
				fc
						public_html	…
				media
						public_html	…
				coop
						public_html	…
				hanbumo
						public_html	…
		www

1. ftp 프로그램(WS_FTP)로 민우회 서버에 접속한다.

1) Host Name : womenlink.or.kr

2) User ID : 각 센터의 ID 입력

3) Password : 각 센터의 비밀번호 입력

*** 비밀번호를 주위에 알리지 말자!

*** Save Password를 지정하지 말자!

2. 접속을 하면, "/home/센터ID"에 들어가 있는 것을 확인할 수 있다.

3. 각 센터 파일은

□/home/센터ID/public_html/□ 아래에 모두 들어 있다.

§html 기본 태그 이해하기

※ 나모 웹에디터를 통해서 기본태그를 익힌다.

<html>

<head>

<meta http-equvi=content-type content="text/html; charset=EUC-KR">

<meta http-equvi=author name=author content=WOMENLINK>

<meta http-equvi=keyword name=keyword content="민우회, 여성운동, 여성, 노동, 환경, 미디어, 상담, 정보">

<title>한국여성민우회</title>

<style type="text/css"><!--

td	{font-family:굴림; font-size:9pt; line-height:160%;}

.menu	{font-family:돋움체; font-size:8pt; line-height:160%;}

.title	{font-family:돋움; font-size:10pt; font-weight:bold; line-height:160%;}

.menu2	{font-family:굴림; font-size:9pt; line-height:160%; font-weight:bold;}

a:link	{text-decoration:none; color=darkgreen;}

a:hover	{text-decoration:underline; color:yellow;}

--></style>

</head>

<body>

<table>

<tr>

<td>

</td>

</tr>

</table>

</body>

</html>

§자료DB

1.

§자료DB의 자료 입력 방법

1. 각 홈페이지의 자료실을 클릭

(1-1. http://www.womenlink.or.kr/archive 접속)

2. 자료 등록할 핵심 주제 선택

3. 'write'를 선택

4.  ID와 Password를 입력

(※수정과 삭제의 문제로 인해서 당분간은 센터의 1인 or 2인의 ID만 등록할 것이다.)

5. 입력폼에 내용 기입

※ 주의 사항

1) html태그를 사용하고자 한다면 꼭! [입력폼] 상단의 □HTML 사용□을 선택해야 한다.

2) 센터

3) 대주제1과 소주제1은 꼭! 선택되어야 한다.

4) 주제는 센터와 상관없이 내용에 의존한다는 것을 꼭! 잊지말자!!!

5) 파일은 가능한 너무 크지 않게 넣도록 한다. 자료집도 분리시켜서...

6) 저자는 꼭! 입력, 저자가 애매할 경우는 센터의 이름이라도 넣자! 단, 너무 길지 않도록...

7) 공개여부: 가능한 자료들은 공개할 수 있도록...

8) 판배여부에서 □판매□를 선택하면, 그 다음의 가격을 꼭! 넣어야 한다.

9) □호수□는 정기간행물에만 해당하는 것이다.

10) 검색키: 검색을 수월하게 할 수 있도록

11) 요약본은 너무 길지 않게. 단, 명확하게... 성명서도 너무 길다 싶으면, 주장만 간략하게 싣도록, 요약본은 중요한 정보라는 것을 유의하자구요.

6. 모든 항목을 꼼꼼하게 기록했으며 □입력□ 버튼을 클릭!

§자료DB를 각 센터의 홈페이지에 링크걸기

1. www.womenlink.or.kr/archive/list.php?mode

§ 홈페이지 기획 - 진보네트워크 교재에서....

<기획의 시작>

1. 대상과 목적을 분명히 한다.

- 우리의 대상은 불특정다수의 대중인가 특정 계층인가? 아니면 회원만을?

- 매체·출판적 목적을 가지고 있는가?

- 온라인 행동·캠페인에 동참시키기 위한 것인가?

- 공동체 형성을 원하는가?

2. 대상과 목적에 맞는 수단을 생각한다. - 홈페이지와 기존의 매체를 병행하면 더욱 좋다.

3. 조직에 어떤 자원을 갖고 있는지 확인한다.

- 작업환경, 예산, 인적자원의 여부와 계획을 적나라하게 파악하자.

- 거대한 사업으로 바라보지 말자. 단, 조직내 조직/활동 방식의 변화를 생각한다면...

4. 홈페이지 방문자에게서 적절한 행동양식을 끌어내기 위하여 전자매체의 특성을 최대한 활용할 전략을 구상한다.

- 정보를 공개할수록 활용성이 높아진다

- 인테넛 메일, 메일링리스트, 다운로드 등 여러 가지 인터넷 기능을 수렴하는 것도

5. 이용자의 입장을 고려하자.

- 인터페이스에는 불편함이나 초기화면의 큰 용량의 이미지(접속의 불평등)를 피한다 등....

<홈페이지 방식>

1. 단체 소개(전자 브로셔): 가장 일반적, 그러나 정적이란 한계가

2. 온라인 행동/캠페인: 항의 사이트, 항의 메일 조직 사이트

3. 대중교양

4. 안티/패러디: 온라인 행동의 한 유형

5. 관련 자료 제공과 포털

6. 뉴스/방송, 상담, 회원 모집, 판매...

<홈페이지 관리>

1. 지속적인 업그레이드

2. 상호작용이 중요하다: 게시판이나 메일의 질의응답을 신속하게

3. 홈페이지 홍보

: 이용자가 북마크에 등록하거나 시작페이지로 지정하도록 호소하자, 서치엔진에 등록하자.

4. 배너를 활용하자

: 홈페이지 링크배너를 각 단체들과 개인 홈페이지 링크를 요청하고, 우리도 열씨미 달아주자.

: 온라인 행동 등의 이벤트를 만들면 더욱 효과적

5 당담자는 조직내 활동과 연계시키려는 노력을 게을리 하지 말자

<WEB 기획서 - 예제>

항 목	내 용
제 목	WOMENLINK (한국여성민우회)
목 적	1. 단체 활동 홍보 강화 2. 여성·여성운동 정보 제공 3. 온라인을 통한 회원활동 활성화로 다양한 회원활동 모색 4. 온라인 회원 등으로 회원확보
대 상	1. 기존 민우회 회원 (20~40대의 직장인 여성과 사회주부) 2. 20~30대의 여성 네티즌 3. 20~30대의 사회단체 활동에 관심이 많은 젊은 네티즌
주안점	·빠르고 다양한 여성과 여성운동 관련 정보 제공 ·회원간의 의사소통 ·단체(특히 여성운동)에 관심있는 네티즌들과의 의사소통
목 차	번호	Contents	내용	특징
	1	온라인 상담	가족, 성, 노동, 사이버성폭력(신설)	센터사이트와 연결 상담DB 연동(하반기)
	2	민우달력	기존 페이지
	3	자료실	13가지 주제	자료DB 연동
	4	함께가는여성	자료
	4-1	□~□을 읽고	소감 게시판	웹포럼 연동
	5	회원가입	온라인회원/오프라인회원 구분 필요	form-mail
	6	회원마당	온라인회원 이상을 대상으로	웹포럼 연동
	6-1	우리는 민우가족	회원용 자유게시판
	6-2	꼬마회원도 함께	자유 게시판
	6-3	소모임방	1) 개설 신청합니다. 2) 소모임1 3) …
	6-4	회의실	1) 회의록 2) 넋두리 ※ 메뉴 감추기(비공개)
	7	그리운회원찾기	기존 페이지
	8	영문페이지	1) 소개 2) 영문뉴스레터 3) 자료실
	9-1	칼럼&토론	중심이슈에 대한 칼럼 (월1회) → 칼럼에 대한 의견 게시판		메인 화면
				웹포럼 연동
	9-2	활동	각 센터와 지부의 활동 소개 → 의견 게시판 연결
	9-3	메일링리스트
	※ 추가 사이트 LINK, 배너

<우리손으로 직접 해보자!!!>

edu.html		edu1.html
회원 교육 1. 일시: 2001년 12월 31일 2. 장소: 우리집 3. 내용 4. 문의: 내 핸드폰으로		<내용> □잘먹기 □무엇을 먹을까? □어떻게 먹을까? □잘놀기 □무엇을 할까? □누구랑 할까? □잘자기 □어디서 잘까?

[실습1] 간단한 텍스트 작성하기 - 나모웹에디터 이용하기

[실습2] 간단한 텍스트 작성하기 - 메모장 이용하기

1. FTP로 edu.html 파일을 다운받는다.

2. edu.html파일은 메모장에서 연다.

3. 내용을 조금씩 수정해 본다.

4. ftp로 접속한 후에, 기존에 있던 edu.html 파일은 □rename'의 명령어로 □edu.html.old□로 바꾼다. (항상 파일을 다시 업로드할 때는 기존의 파일을 다른 이름으로 복사해 놓아야 한다.)

5. ftp를 이용해서 edu.html을 업로드한다.

6. 브라우저를 통해서 자신이 수정한 내용을 확인한다.

[실습3] 한단계 높여서...

노동센터 홈페이지의 right.html을 수정해서 다시 등록해 본다.

1. 각자의 개별 디렉토리내의 "test" 디렉토리에 있는 right.html 파일을 다운받는다.

2. 나모웹에디터나 메모장 중 아무거나 선택해서 바꿔본다.