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

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

7,657  

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

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 AJAX 읽는 법
web ChatGPT 이용해 프로그램 제작 방법/절차/노하우
web PHP 버전별 주요이슈/새문법 (chatGPT AI 답변)
web HTML CSS JavaScript jQuery PHP SQL BootStrap 코딩언어 역할 쉬운 설명
web 사이트 커뮤니티 활성화시키는 방법 (chatGPT AI 답변)
web 웹 미래 - (앱 만들 필요 없어짐 / 비밀번호 없어짐)
web (다음/카카오) 외부 스크립트 사용 홈페이지 로딩 지연 에러 해결
web 공공API 사용법 가이드 (chatGPT AI 답변)
web ASGI 서버 개념
web 체에디터 (cheditor) gif 움짤 이미지 에러 해결책 (= animated gif image erro…
web 코딩 (제작의뢰/수주) 시, 반드시 (APM/빌더)버전 공유하기
web 사용자 입력값 받아 표시하기 시스템 이해하기
web 무료호스팅 사이트 모음
web Dart (다트) 앱 코딩언어 소개 / Flutter (플러터) / Adroid Studio (안드로이드 스…
web 파이썬(Python) 모드나 키보드인터럽트(KeyboardInterrupt) 모드에서 빠져나오기
web Apache log4j 취약점 대응 가이드
web 리눅스 보안 업그레이드만 진행하기
web CSS 핵심 3대장/삼대장 (찾기 → 수정 → 반영) = 찾아서 수정 후 변경사항 적용하기
web (utf-8 / euc-kr) 차이점 - 문자셋 인코딩 방식 종류
web 선호하는 프로그래밍 언어별 연애 스타일
2/19
목록
찾아주셔서 감사합니다. Since 2012