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

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

7,613  

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

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 (개발자/퍼블리셔) 코딩/프로그래밍 시, 명심사항 (= 좋은 코딩/프로그래밍 기준)
web 최초 웹사이트 구경하기 (= 인터넷 1호 홈페이지 주소)
web 코딩 (제작의뢰/수주) 시, 반드시 (APM/빌더)버전 공유하기
web 원숫자 / 원영문 (= 원문자 = 동그마리 안에 숫자 있는 특수문자)
web 도메인 네임서버 확인 방법 (cmd 모드 경우)
web 구글봇 아이피 국적
web MDN (developer.mozilla.org : 모질라) 사이트 디자인 커스텀
web 그누보드 업데이트 시, 기존 깃허브 퍼머링크 유지
web 그누보드/영카트 (파일/폴더) 자료 저장/보관/관리 노하우
web GeoIP (지오아이피) / ip2nation (아이피투네이션) 비교/차이
web 네이버 웹마스터 등록 (= 네이버 검색기 SEO 최적화) + sitemap (사이트맵) 제출 시 주의사항
web 사이트 CMS(Content Management System: 콘텐츠 관리 시스템 = 제작빌더) 확인 방법
web Apache log4j 취약점 대응 가이드
web 노트북에서 깃허브 코드 깔끔하게 보기 (= 깃허브 코드 글자크기/스타일 지정) ※ 화면 확대/축소 단축키
web PHP - Windows용 PHP 버전 (Thread Safe / None Thread Safe) 의미 차이…
web 갤러리 스킨은 가로 개수 3개 이하 권장
web 스크래핑(scraping), 크롤링(crawling), 파싱(parsing) 개념 정의 차이
web 줄바꿈 기호 (CR, LF, CRLF) 의미 (= 개행문자 = 새줄문자)
web 웹페이지 로드 속도 올리기. (= Page Speed 개선 방법)
web CSS 핵심 3대장/삼대장 (찾기 → 수정 → 반영) = 찾아서 수정 후 변경사항 적용하기
4/19
목록
찾아주셔서 감사합니다. Since 2012