홈페이지 만들기 / 솔가실

[12-3희윤맘(39-2-7)]

컴퓨터를 배우고 홈페이지를 만들고 하는 것은 많은 요소들을 알아야 합니다.

많은 요소들을 알아야 하기에 처음 시작 하시는 분들은 소위 감 잡기가 힘든 것은

당연한 것입니다. 그러나 이렇게 문의를 하고 궁굼증을 버리지 않고 있는 분들은

일정 시간이 지나면 알게 된다는 것을 저는 경험적으로 알고 있습니다.

컴퓨터의 기초적인 것을 배우는 것은 '컴퓨터 배움요령' 을 참조 하시고 이 곳에서는

홈페이지를 만드는 기초적인 얘기를 해보도록 하겠습니다.

▣ 홈페이지를 만들기 위해서는 어떤 프로그램을 알아야 하는가?

◆ 웹에디터 - 드림위버, 나모 웹에디터

홈페이지 제작을 편리하게 할 수 있는 웹에디터(홈페이지 작성기) 입니다.

◆ 이미지 에디터 - 포토샵

홈페이지에 들어갈 이미지(그림)를 제작 또는 편집할 수 있는 프로그램 입니다.

◆ 플래시 파일 제작기 - 스위시, 플래시
홈페이지의 배너광고, 작은 동영상 파일들은 대부분 플래시 파일입니다. 초보자는

스위시 부터 배우길 권장합니다.

◇ 문서 편집기 - 메모장, EmEditor, UltraEdit
문서편집기는 간단한 텍스트(문서) 파일을 만들거나, 태그를 넣거나,

프로그램을 짤때 사용됩니다. 메모장은 기능이 미약한 문서 편집기로 윈도우즈에

내장 되어 있으며 EmEditor 와 UltraEdit 순으로 기능이 많아 집니다.

◇ 버튼 제작기 - 리아트로 버튼 메이커

홈페이지에서 쓰일 각종 버튼은 포토샵에서 직접 만들어 사용하 수 있으나 제작하는데

수고가 듭니다. 좀 편하게 만들어 사용할 수 있는 프로그램이 리아트로 버튼 메이커 입니다.

◇ FTP - 알FTP, WS FTP
제작한 홈페이지를 호스트 컴퓨터에 업로드 시킬 때 사용됩니다.

문서편집기, 버튼 제작기, FTP 의 기능은 웹에디터에도 포함되어 있으니, 사용자들은

기능과 사용방법을 고려해 편리한 것을 선택해 사용하면 됩니다.

참고로 전, 웹에디터로는 드림위버를, 이미지 에디터로는 포토샵을, 플래시 제작기로는

스위시를, 문서편집기로는 EmEditor를, 버튼은 포토샵과 리아트로 둘다 사용하고, FTP는

알FTP를 주로 사용하고 있습니다.

▣ 그 밖에 알아야 할 사항은 무엇인가?

홈페이지에 대해 또 알아야 할 사항은 '경로' 를 아는 것입니다.
홈페이지를 제작할 때, 문서 편집기로 태그를 입력할 때, 다른 홈페이지의 게시판에 이미지

파일을 올릴때, 배너광고를 타싸이트에 올릴때는 경로에 대하여 알아야 가능 한 것입니다.
경로에는 절대 경로와 상대 경로가 있습니다.
절대 경로는 http://www.fastlearn.biz/images/background.gif 처럼 URL로 시작해서

해당 파일의 경로 모두를 지정하는 것을 말합니다.
상대경로는 ../../images/background.gif 처럼 현재 문서의 위치에 따라 URL을 빼고 ../ 과

폴더명을 사용하여 파일의 경로를 지정는 것 입니다.

◆ 경로 보는 법

예를 들어 http://www.fastlearn.biz/images/background.gif 는
http://www.fastlearn.biz/ 싸이트 안에 있는 images/ 하위 폴더 안에 있는 background.gif

파일이란 풀이가 됩니다

그리고, ../../images/background.gif 는
../../ 는 현재 작업 폴더에서 상위 폴더로 두 번 나가서 images/ 란 하위 폴더 안에 있는

background.gif 파일 이란 풀이가 됩니다.
../ 는 현재 작업 폴더에서 상위로 폴더 하나를 나가란 뜻이고 ../../ 는 상위로 폴더 두 개를

나가란 뜻입니다.
하위 폴더를 나타낼 때는 images/background.gif 처럼 폴더명을 먼저 입력하고 / 를 입력

하고 파일이름을 입력하면 됩니다.

한번 더 해 볼까요.
http://www.fastlearn.biz/notice/images/note.swf 는
http://www.fastlearn.biz/ 싸이트에 notice/ 란 하위 폴더안에 images/ 란 하위 폴더 안에

있는 note.swf 파일 이란 뜻입니다.

notice/images/note.swf 는
현재 작업 폴더에서 notice/ 란 하위 폴더 안에 있는 images/ 란 하위 폴더 안에 있는

note.swf 파일이란 뜻입니다.

../../notice/images/note.swf 는
편재 작업 폴더에서 상위로 폴더 두 개 나가서 notice/ 란 하위 폴더 안에 있는 images/ 란

하위 폴더 안에 있는 note.swf 파일 이란 뜻이 됩니다.

참고로 html 문서에서는 폴더의 경계선으로 / (슬래쉬)가 사용됩니다.
파일의 경로와 폴더의 개념은 알고 있어야 할 부분으로 지금 이해가 안되면 넘어간 후에

나중에 다시 읽어 보시기 바랍니다.

◆ 태그의 사용법

HTML은 'Hyper Text Markup Language' 의 약자로 프로그래밍 후 일반 텍스트 형태로

저장하며 확장자를 html 이나 htm 으로 저장 합니다. 즉, 메모장과 같은 문서 편집기로

HTML 문서를 작성 또는 편집 할 수도 있는 것입니다.
html 의 가장 큰 특징으로는 C언어 처럼 특별한 컴파일이 없이 바로 열면 결과를 볼 수

있다는 것입니다.

이런html 로 만들어진 파일은 텍스트, 그림, 소리 등을 출력 할 수 있는데, 이런 것을

정의하는 것이 바로 태그(Tag)입니다. 좀더 알기쉬운 설명을 하자면, 홈페이지 문서는

HTML 문서이고, HTML 문서를 만드는 프로그램 언어는 태그(Tag)인 것 입니다.

태그를 잘 활용하면 좀더 멋진 홈페이지를 만들 수 있습니다. < 태그 사용법 보기 >

영화를 종합예술이라고 하던가요?
홈페이지 역시 종합예술인 것 입니다. 이미지, 소리, 기법, 웹프로그램 등을 알아야 합니다.

관심을 가지고 배우시면 일정 시간이 흐른 후 멋진 홈페지의 주인이 되어 있을 것입니다.

▣ 홈페이지를 만든 후에는...

도메인을 등록하고 홈페이지를 운영할 때는 아래와 같이 하면 됩니다.
1. 도메인 등록 업체에 가서 도메인 등록을 합니다.

 (검색엔진에서 '도메인등록'으로 검색)

2. 제작한 홈페이를 올릴 웹호스팅 업체를 선별합니다.

(검색엔진에서 '웹호스팅'으로 검색)

웹호스팅 서비스 요금은 1년 1만원 하는 곳 부터 1개월에 수 만원 까지 여러 가지이니,

운영할 홈페이지의 성격과 규모에 따라 맞는 서비스 업체를 선택 합니다.

3. 웹호스팅 업체가 선별 되었으면 제작한 홈페이지를 FTP 로 호스트에 올리면 됩니다.

4. 도메인을 등록한 업체에 가서 도메인 네임서버를 웹호스팅 업체의 것으로 바꿔 줍니다.
이제 등록한 도메인으로 접속을 하면 됩니다.