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

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

7,629  

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

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 크롬 HSTS 정책 삭제하기 (= Chrome Delete domain security policies = …
web (웹호스팅/가상호스팅) 이용 중 속도 느릴 때 체크할 사항
web 유튜브 쇼츠 영상 퍼가기 주소 + 펌 허용된 영상인지 확인하기
web MariaDB 글자 깨짐 오류 에러 해결
web 특정 사이트(도메인) 주소의 네임서버 알아내기
web Bad Request 에러 (= 400 인터넷에러) 해결
web (utf-8 / euc-kr) 차이점 - 문자셋 인코딩 방식 종류
web 파이썬(Python) 모드나 키보드인터럽트(KeyboardInterrupt) 모드에서 빠져나오기
web ASGI 서버 개념
web Ruffle (러플) 다운로드 및 그누보드5에 설치법 매뉴얼 - 최신브라우저에서 플래시(flash)/swf …
web 내 도메인이메일 주소 사용하기 (= 네이버워크 / 다음스마트워크) ※ How to Use My Domain'…
web 윈머지 (Winmerge) 배경색 변경 (빨간색 → 노란색)
web 질문 노하우 - 이렇게 질문하면 좋은 답변 받을 가능성 커진다.
web 그누보드 게시판 운영 중 검색엔진최적화(SEO)에 안 좋은 행위들
web HTML CSS JavaScript jQuery PHP SQL BootStrap 코딩언어 역할 쉬운 설명
web 깃허브 (Github) 사이트 글자크기 인터페이스 커스텀 CSS 스타일코드 (= 깃허브 코드 글씨크기 크게…
web 에디트플러스 (EditPlus) - 테이블(표) 내용을 드래그 해서 메모장에 복사 시, 셀마다 일괄 줄바꿈 …
web ChatGPT 「Network Error (네트워크 에러)」 해결방법 ※ 챗지피티 오류 해결
1/19
목록
찾아주셔서 감사합니다. Since 2012