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

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

7,656  

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

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 우주 바탕화면 (1920 x 1200)
web 질문수준 vs 의뢰수준 ★ (부제: 무료로 일하지 않는 이유 10가지 = 공짜로 작업하지 않는 이유 10가지…
web 자바스크립트에 <!-- //--> 넣는 이유 (= JS에 HTML 주석 사용 이유)
web 도메인 네임서버 확인 방법 (cmd 모드 경우)
web TLD (Top Level Domain) - 최상위 도메인 (=톱레벨 도메인) (예: com. net. or…
web 네이버에 사이트 노출 안 될 때 조치사항 (= 네이버 고객센터 연락처)
web BS - Material Design 반응형 그리드 레이아웃 분기점 (Breakpoint)
web JS파일 한글깨짐방지
web 네이버 오픈 api키 발급 받는 주소
web SQL - MySQL5.7 (DB) 사용자 비밀번호
web 모바일겟돈(mobilegeddon) - 모바일 친화성 홈페이지 구글 검색 결과 우선 배치
web FTP 이용 불가 상황에서 putty (푸띠, 뿌띠)로 홈페이지 접속해 작업하기
web 유튜브 (유투브,유투버) 조회수당 (=뷰당) 평균수익공개
web 웹틸 vs 웹유틸 차이 (WebTil vs. WebUtil)
web 깔끔한 코딩 가이드
web 홈페이지 스킨은 몇 개월에 한번 씩 바뀌는 게 좋을까요? 1
web GeoIP (지오아이피) / ip2nation (아이피투네이션) 비교/차이
web 제 홈페이지 접속속도 (=문서로드속도) 브라우저 비교 (※ Ctrl + F5 캐시새로고침후 비교)
web Lorem ipsum dolor sit amet. 활자 특징 쉽게 확인 위한 예제 글자
web ftp 수정한 이미지가 홈페이지에 적용이 안될때 1
8/19
목록
찾아주셔서 감사합니다. Since 2012