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

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

7,638  

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

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 DNS 레코드 유형별 의미 (A / NS / CNAME / SOQ)
web xampp - 다운로드 / 설치 / 라라곤 백업 받아 xampp로 복원 / 윈도우 부팅 시 (Apache/M…
web 제작의뢰 고객 데이터 관리 방법 (chatGPT AI 답변)
web CodePen (코드펜) 사이트 인터페이스 커스텀 CSS 코드
web 웹페이지 파일명에 youtube 사용 금지 !!
web 깃허브 (Github) 사이트 글자크기 인터페이스 커스텀 CSS 스타일코드 (= 깃허브 코드 글씨크기 크게…
web JS (JavaScript: 자바스크립트) 관련 웹기술 종류 및 꼭 배워야 하는 것
web 최초 웹사이트 구경하기 (= 인터넷 1호 홈페이지 주소)
web 갤러리 스킨은 가로 개수 3개 이하 권장
web PHP 정규표현식(=정규식) (chatGPT AI 답변)
web 개발자 커뮤니티 사이트에 필요한 게시판과 추천 테이블ID (= 게시판아이디)
web (세션/쿠키/스토리지/테이블) 방식 장단점
web 프로그래밍/코딩 5대 천왕
web (개발자/퍼블리셔) 코딩/프로그래밍 시, 명심사항 (= 좋은 코딩/프로그래밍 기준)
web 펜션 홍보 및 예약 사이트에 필요한 게시판/기능
web 사이트맵 (Sitemap) 등록법
web 썸네일 (Thumbnail) 생성 (이유 / 장단점)
web 공공데이터포털 OpenAPI 활용방법
web 질문 노하우 - 이렇게 질문하면 좋은 답변 받을 가능성 커진다.
web MDN (developer.mozilla.org : 모질라) 사이트 디자인 커스텀
1/19
목록
찾아주셔서 감사합니다. Since 2012