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

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

7,123  

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

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 표정 특수문자 ★
talk (비밀번호 : 1234) 클릭하라! 질러라! 클릭하면 행복하리라! 2
pc 토렌트 흔적 지우기 (유토렌트 Utorrent)
pc 크롬 최근 방문 기록 보기 (= 열어본 페이지 확인 = 히스토리 열람) Ctrl + H
pc 크롬 인터넷 사용기록 삭제창 띄우기 Ctrl + Shift + Del
pc 컴퓨터 프린터 인쇄취소 에러해결 (= 인쇄에러해결 = 프린터에러해결)
web 피봇 (Pivot) - 와이드 화면을 90도 회전해 세로로 길게 보는 기능
money 구글애드센스 자동광고 효과
web 유튜브 (유투브,유투버) 조회수당 (=뷰당) 평균수익공개
web Dev C++ 기본 라이브러리 소스코드 확인하는 법
editplus 에디트플러스 (EditPlus) - 여러파일찾기 ★★★ + 이미지 확장자 제외 설정 후 검색
pc 크롬 북마크바 노란색 폴더 디자인으로 복구 (How to Change Chrome Bookmark bar D…
talk 애드센스 뭘까요? 4
web 크롬 앗이런 (= 앗! 이런) 에러해결 ★ (= 크롬 재설치실패 에러해결)
pc 윈도우10 - 로그인 시 비밀번호 입력 해제
pc 윈도우10 - cmd (도스 모드 = 명령 프롬프트) 관리자 권한으로 실행 ※ cmd 관리자 모드
pc 윈도우10 - 키보드 입력 모드 상태 자세히 보기 설정 (= 고급 키보드 설정)
editplus 에디트플러스 (EditPlus) - 소스 빈 줄 제거 (= 코드 공백 라인 삭제)
vscode VScode - Visual Studio Code 에디터 설치/기본세팅 + 한글팩 설치 + 코드 입력 결과 …
talk 네이버도 인정한 무료 홈페이지 제작 1위 사이트
161/163
목록
찾아주셔서 감사합니다. Since 2012