• 회원가입
  • 로그인
  • 구글아이디로 로그인

[web] 홈페이지 제작에 필요한 필수 준비물 + 홈페이지 제작 10단계

2013-11-01 (금) 12:13 10년전 4,694  

■ 홈페이지 제작에 앞서 준비해둘 필수 준비물
 

1. 압축해제 프로그램 : 다운받은 빌더나 스킨을 압축해제할 때 꼭 필요한 유틸러티
  
   알집, 빵집, WINRAR 등 다양한 압축 해제 프로그램이 있습니다. 알집 하나면 대부분 해결됩니다.
 
 
2. FTP 프로그램 : 빌더 소스를 호스팅 계정에 업로드 하는데 필요한 유틸러디 (무료)
 
   (1) 상하 구조형 : 알 FTP
   (2) 좌우 구조형 : 파일질라, XFTP
 
3. 에디터 : 홈페이지 소스를 편집할 때 사용하는 유틸러티
 
  저는 에디드플러스 라는 프로그램을 사용중입니다. 유료 유틸인데, 어둠의 경로 가보면 널렸습니다.ㅋ
  그외에도 다양한 에디터가 있으니 아무거나 준비하시면 됩니다.
 
4. 소스비교 프로그램 : 2개의 창을 띄워  두 소스간 차이점을 쉽게 표시해주는 유틸
 
  빌더 업데이트로 인한 홈페이지 업데이트 작업 때, 편리하게 할 수 있도록 해주는 유틸입니다.
   저는 비욘드컴페어 라는 유틸러티를 이용중입니다. 그외도 많지만, 이게 갑이라고 하네요.ㅎ
   무료 비교 유틸로 유명한 걸로는 윈머지라는 프로그램이 있습니다. 프리웨어입니다.


 
 
■ 홈페이지 제작 순서
 

01. 홈페이지 주제 구상 ★ 가장 중요한 절차
 
02. 홈페이지 메뉴 구상 (구조도랑 해당 게시판 주소로 사용할 아이디를 연습장이나 엑셀 등에 작성)
 
03. 홈페이지 언어셋 선택 (EUC-KR 로 할 것인지, UTF-8 로 할 것인지 결정)
 
04. 호스팅 사이트에 가서 해당 언어셋에 맞는 서버에 무료 호스팅 계정 신청
 
05. 홈페이지 제작에 필요한 빌더를 결정 후,
    해당 빌더 사이트에서 신청해둔 호스팅 언어셋에 맞는 빌더 다운로드 후 압축해제
 
06. 신청해둔 호스팅 계정에 FTP 프로그램을 이용해 계정에 접속
 
07. html 또는 www 등 해당 호스팅 계정의 최상위 폴더에 빌더 파일 전부 업로드
 
08. html 또는 www 등 최상위 폴더 권한 수정 (퍼미션 수정) 보통 707
     도메인/config.php 파일에 캐쉬 공유할 본인 도메인 주소 입력 (.homzzang.com 형식, 앞에 점 찍어야 함)

09. 본인 홈페이지 계정 주소/install 주소로 접속해
     빌더 설치에 필요한 mySQL (데이터베이스) 정보 입력 (호스팅 사에 문의) 및 최고관리자 정보 입력 (본인 맘)
 
10. 본인 홈페이지 계정 주소로 접속해 앞서 설정한 최고관리자 계정으로 로그인


 
배추빌더 다운주소 모음
 
이상 홈페이지 빌더 설치 과정이였습니다.

분류 제목 날짜 조회
web 크롬 - 캐시 만료 설정 코드 + 캐시 새로고침 (= Clear Cache 크롬 확장 프로그램) ※ 클리어 …
09-12 4,736
09-12 (목) 4,736
web 서버 - 우분투 패키지 설치 명령어 자동 yes하기 (apt-get install -y 프로그램명)
10-09 4,718
10-09 (화) 4,718
web SSH [secure shell] - 암호화된 원격 메세지 전송 시스템
03-11 4,695
03-11 (화) 4,695
web 홈페이지 제작에 필요한 필수 준비물 + 홈페이지 제작 10단계
11-01 4,695
11-01 (금) 4,695
web 홈페이지 조회수와 게시물 수 부풀리기
12-15 4,682
12-15 (일) 4,682
web F12 (개발자모드) console (콘솔) + SSH콘솔 + CMD모드 등에서 위에서 작성한 내용을 그대로…
07-16 4,681
07-16 (목) 4,681
web 퓨니코드(Punycode) - 한글도메인을 영문도메인(=영문,숫자,하이픈조합도메인)으로 인식시키는 코드
10-30 4,675
10-30 (화) 4,675
web 코딩/프로그래밍 배우려는 (사람 유형별 / 공부 목적별) 공부 시작 언어 추천
01-24 4,671
01-24 (일) 4,671
web 코드정리기 (= 소스정리기 code beautifier) + JS압축기
02-03 4,644
02-03 (일) 4,644
web 원숫자 / 원영문 (= 원문자 = 동그마리 안에 숫자 있는 특수문자)
03-01 4,625
03-01 (화) 4,625
web 줄바꿈 (= 개행) : LF (Line Feed)와 CR (Carriage Return)
09-09 4,607
09-09 (월) 4,607
web 트래픽 아끼는 법 2 - 로봇들이 이미지 파일 등을 긁어가는 거 막는 법
12-02 4,575
12-02 (월) 4,575
web TraceWatch 웹 통계 도구 설치하기
12-07 4,569
12-07 (토) 4,569
web Tab(탭) vs Whitespace(공백) 차이점(장단점)
01-16 4,511
01-16 (목) 4,511
web 토글 (toggle) - 하나의 버튼으로 on off 처럼 두 상태 중 하나를 선택 가능한 걸 말함.
08-08 4,468
08-08 (월) 4,468
web 특수문자입력법 (자음 > 한자키 > Tab키)
03-31 4,398
03-31 (금) 4,398
web CSS - 글자흐림(= 글자번짐) 원인
08-16 4,367
08-16 (목) 4,367
web 예쁜 미니 아이콘 이미지 자료실
04-02 4,356
04-02 (수) 4,356
web PG 사 (Payment Gateway 社) ?
11-01 4,293
11-01 (금) 4,293
web SSL (보안 소켓 계층 Secure Sockets Layer)
12-22 4,279
12-22 (월) 4,279
6/18
목록
찾아주셔서 감사합니다. Since 2012