HTML 편집기
HTML의 쓰임새
텍스트 에디터의 장점
추천 텍스트 에디터
웹브라우저
홈페이지 제작과정
포토샵(Photoshop)
스타일 시트(CSS)
자바스크립트(Javascript)
호스팅 신청
호스팅 선택요령
도메인 신청
도메인 작명법
호스팅과 도메인 연결
FTP
파일질라(FileZilla) 설치
파일질라(FileZilla) 사용법
홈페이지 제작과정

홈페이지는 간단한 개인 홈페이지 부터 쇼핑몰까지 아주 다양하기에 홈페이지 제작과정을 일반화 하여 설명하기는 힘들지만 대략적인 과정은 아래와 같습니다.

1. HTML 파일 제작

홈페이지는 HTML파일들이 하이퍼링크로 서로 연결되어 구성됩니다.
2. 홈페이지에 사용되는 이미지 제작

텍스트로만 구성된 홈페이지가 너무 단조로운 경우 포토샵과 같은 이미지 편집 프로그램으로 로고나 메뉴 이미지 등을 만들어 홈페이지에 삽입합니다.
3. CSS와 자바스크립트(Javascript)

보다 세련된 홈페이지를 위해서는 홈페이지에 스타일을 입힐 수 있는 CSS가 필요하고, 보다 동적인 홈페이지를 만들기 위해서는 자바스크립트(Javascript)가 필요합니다.
4. PHP와 같은 웹프로그래밍

회원가입, 게시판, 로그인 처리, 폼 메일 등 홈페이지에서 다양한 프로그램이 필요한 경우에는 PHP를 익혀야 합니다. 그러나 PHP와 같은 웹 프로그램은 초보자가 익히기에는 상당히 어려운 부분입니다. 그래서 PHP를 익히기 힘든 경우 제로보드 등을 활용하여 웹프로그램을 제공합니다.
5. 웹서버의 공간 확보

완성된 홈페이지를 다른 사람들이 볼 수 있게 할려면 웹서비스가 가능한 서버에 내가 만든 홈페이지 파일을 올려야 합니다.

서버란 클라이언트의 요청에 대해 응답을 해주는 프로그램을 말하는데, 지금 여러분이 웹브라우저를 통해서 홈짱닷컴의 홈페이지를 보고 있습니다.

이를 클라이언트/서버 모델의 개념으로 설명하면 웹브라우저라는 클라이언트 프로그램을 이용해서 홈짱닷컴의 웹서버에 접속해서 페이지를 보여달라는 요청을 한것이라고 할 수 있습니다.

말이 좀 어렵다면, 클라이언트(웹브라우저)는 접속을 하는 프로그램이고, 서버는 접속을 당하는 프로그램이라고 이해하면 됩니다.

아무튼 모든 홈페이지는 웹서버에 올려져 있어야 합니다. 서버는 언제든지 클라이언트의 요청에 응답을 해야하기 때문에 24시간 켜져있어야 합니다.

그래서 개인이 웹서버를 직접 운영하기는 힘들고 보통 웹호스팅 회사에서 제공하는 웹서버를 임대해서 사용합니다.

이를 보통 계정이라고 표현하고(웹호스팅 서비스를 가입해서 계정을 받으니) 계정을 확보한다는 것은 웹서버의 일정 공간을 확보한다는 의미입니다.

무료 계정을 제공하는 곳이 있긴 하지만 여러가지 제약이 있고 사용하기가 불편합니다. 그리고 웹호스팅 업체들의 경쟁이 치열하기에 저가로(한달에 500원 정도로) 제공되는 곳도 많습니다. 홈페이지를 처음 만들때 이런 저가 호스팅을 신청하여 이용하는것이 좋습니다.
클라이언트/서버의 관계를 표시하는 그림입니다. 홈페이지 파일들이 서버에 위치하고 있어야 익명의 다수의 사람들이(클라이언트들이) 언제든지 접속할 수 있습니다.
6. FTP를 이용한 업로드

홈페이지 파일들이 만들어 졌고,웹서버의 공간까지 확보를 하였다면 FTP 프로그램을 이용해서 서버에 접속하여 홈페이지 파일들을 서버로 업로드 합니다.

위의 그림처럼 클라이언트/서버의 관계로 말하자면 FTP 프로그램 역시도 클라이언트에 해당합니다. 즉 FTP 클라이언트 프로그램을 이용해서 서버에 접속하여 홈페이지 파일을 전송하는거죠.
6. 도메인 신청

도메인은 홈페이지 주소를 의미합니다. 홈짱닷컴의 도메인은 homejjang.com 이죠. 호스팅을 신청하면 호스팅 회사의 서브 도메인을 이용할 수도 있지만 자신만의 고유한 주소가 필요하다면 도메인을 신청합니다.
7. 확인

이제 인터넷 익스플로러를 열고 자신의 홈페이지에 접속해 봅니다. 세계 어느곳에서도 여러분이 만든 홈페이지를 확인할 수 있습니다.

도메인을 신청하였다면 신청한 도메인 주소로 확인이 가능하고, 호스팅 서비스만 신청하였다면 호스팅 서비스 회사에서 제공하는 기본 주소가 있습니다. 이를 이용하여 확인하면 됩니다.
Related links
FTP (File Transfer Protocol)는 TCP/IP 프로토콜 아래에서 서버-클라이언트 파일 전송을 하기 위한 프로토콜이다.
기존의 HTML은 웹 문서를 다양하게 설계하고 수시로 변경하는데 많은 제약이 따르는데, 이를 보완하기 위해...

소프트웨어로 실행시키는 순서처리를 문자형식으로 기술한 것으로 일반적인 프로그래밍 언어와는 약간 다른...
자바스크립트(JavaScript)는 프로토타입 개념에 바탕한 객체 기반의 스크립트 프로그래밍 언어이다

서버(Server)는 클라이언트에게 네트워크를 통해 서비스를 제공하는 컴퓨터이다
Copyright © Homejjang.com All rights reserved.