02-01홈페이지 구조 이해 하기

02-01 홈페이지 구조 이해하기

워드프레스로 홈 페이지를 만들기 위해서는 기본 적인 구조를 파악 해야 합니다.

예전 에는 홈 페이지를 한번 제작 하면 업데이트 없이 사용 했지만 이제는 시대가 변하여 콘텐츠 마켓팅 을 위해 사업에 이용 하고 있습니다. 단순히 디자인을 위한 홈 페이지 제작이 아니라 이용자 들이 콘텐츠를 보기 위해 홈 페이지로 유도 해야 합니다. 그러기 위해서는 정보를 어떻게 저장하며 수정하는지 어떤 분류 체계로 이용자들에게 전달 하는지를 이해 해야 합니다.

홈 페이지는 기본 적인 영역으로 나누어 제작 합니다.

  • 일반적으로 디자인 관점에서는 홈 페이지라면 헤더 영역, 콘텐츠 영역, 사이드바 영역, 푸터 영역으로 나누어 제작 합니다.

홈 페이지는 페이지가 모여 만들어진 콘텐츠 전달 체계 입니다.

  • 홈 페이지는 각각의 페이지들이 모여 만들어 졌습니다,
  • 페이지는 텍스트, 비디오, 오디오, 이미지, 게시판, 링크 등이 모여 구성된 것입니다.
    예들 들면 페이지는 종이라고 한다면 텍스트, 비디오, 오디오, 이미지, 게시판
    등은 글의 내용이라고 생각 하시면 됩니다.
  • 워드프레스 에서는 텍스트, 이미지, 비디오, 오디오, 게시판, 링크를 통칭 해서 “글” 이라고 하지만 정확 하게 표현 하면 콘텐츠 라고 합니다.

홈 페이지 계층 구조

홈 페이지는 어떻게 콘텐츠를 관리 할까요?

  • 콘텐츠는 카테고리 라는 분류 체계로 관리 됩니다.
    여러가지 정보를 정리 하려면 비슷한 주제로 묶는 것이 이용자에게는 편리 합니다.
  • 예를 들어 네이버 홈 페이지 전면 페이지에서 여러 정보들이 비슷한 주제로 분류 되어 있는 것을 볼 수 있습니다.
  • 콘텐츠는 비슷한 주제로 분류 되어 관리 되며, 워드프레스에서 글을 쓸 때 꼭 카테고리를 만들어 주어야 합니다. 이것은 검색기능 최적화에도 도움이 됩니다.
  • 1번은 카테고리 : 비슷한 정보를 정리한 것입니다
    2번은 콘텐츠 목록 : “글” 만으로 이루어진 것도 있지만 대표 이미지와 같이 목록으로 구성 된 경우도 있습니다.

 

 

워드프레스 설치01-02

워드프레스 설치01-02

[하면 된다] FTP 프로그램을 다운로드 및 설치를 해보세요. 

[이론] 워드프레스를 웹 호스팅에 업로드 하기 위한 프로그램

웹 호스팅은 가상의 공간이라고 생각하시면 됩니다, 모든 사용자가 웹사이트를 보기 위해서는 가상의 공간에 이미지와 텍스트를 업로드 하여 볼 수 있도록 해야 합니다. 즉 “자신의 집을 전세로 임대하였다고 생각하면 됩니다.”

가상의 공간에 콘텐츠를 업로드하기 위해서는 FTP 프로그램을 사용합니다. 

[참고] FTP는 (File transfer protocol)은 서버와 클라이언트 사이의 파일 전송을 하기 위한 프로토콜입니다.

 

[실습 따라해 보세요] 파일질라를 다운로드하여 설치해 보세요.

https://filezilla-project.org 접속하여 한 후 [Download filezila client] 를 선택하여 다운로드 한 후 프로그램을 과정에 따라 설치 합니다.

 

[하면 된다] FTP 프로그램을 이용하여 웹 호스팅에 접속 하세요

[실습 단계적으로 따라해 보세요.] 파일질라를 웹 호스팅에 접속해 보세요.

  1. 파일질라를 실행해 보세요.
  2.  [호스팅]은 [http://doitwordpress.dothome.co.kr] 로 입력하시면 안 됩니다. [doitwordpress.dothome.co.kr]로 입력하세요.
  3.  [사용자명]은 거의 대부분 도메인이 http://doitwordpress.dothome.co.kr이라면 [doitwordpress] 입니다.
  4.  [비밀번호]은 닷홈에서 신청한 FTP 비밀번호을 입력합니다.
  5. [빠른 연결]을 선택합니다.
  6. 오른쪽은 사용자 컴퓨터이며, 왼쪽은 웹 호스팅 폴더 파일 [html]이 나타납니다.

 

[실습 단계적으로 따라해 보세요.] 워드프레스 파일을 웹 호스팅에 업로드 하세요.

  1.  [wordpress-4.7.2-ko_KR.zip] 입니다 압축을 해제 하면 [wordpress 파일]이 있습니다.
  2. 왼쪽은 사용자의 컴퓨터 입니다 다운로드한 워드프레스 파일을 찾아서 압축을 해제한 상태에서
  3. [wordpress 파일]을 선택합니다.
  4.  오른쪽 html을 선택합니다.
  5.  왼쪽[wordpress 파일]을 선택 하시면 파일 목록들이 나타납니다.
  6.  전체 선택 하여 [ctrl+a] 파일들을 선택합니다.
  7.  전체 선택한 상태에서 마우스로 클릭하여 왼쪽 html 파일 안에 드래그 하여 파일들을 이동합니다 업로드 될 때 까지 대기 하시면 됩니다.

 

 

[실습 따라해 보세요] 워드프레스 파일이 웹 호스팅에 업로드 되는지 확인해 보세요.

왼쪽 [wordpress 파일]이 오른쪽 [html 파일]에 업로드 되는지 확인해 보세요.

 

워드프레스 설치 01-01

01 워드프레스 설치

워드프레스를 사용하는데 있어서 가장 중요한 것은 설치 입니다. 모든 것의 시작은 사용자가 원하는 웹 호스팅에 설치 할 줄 알아야 합니다. 공부 하는 동안 웹 호스팅과 데이터 베이스의 개념도 이해 할 수 있으며, 홈 페이지의 기본 구성도 자연스럽게 익힐 수 있습니다.

  1. 워드프레스 다운로드 하세요
  2. 닷홈에 무료웹호스팅을 신청된 상태가 되어 있어야 합니다..
  3. 워드프레스는 https://ko.wordpress.org 에 접속하여 파일을 다운로드 합니다.
  4. 다운로드한 파일은 압축을 해제 합니다.

  1. 워드프레스를 웹 호스팅에 업로드 하기 위한 준비
  2. 웹 호스팅은 가상의 공간이라고 생각 하시면 됩니다, 모든 사용자가 웹사이트를
    보기 위해서는 가상의 공간에 이미지와 텍스트를 업로드 하여 볼 수 있도록 해야
    합니다. 즉 “자신의 집을 전세로 임대 하였다고 생각 하면 됩니다.”
  3. 가상의 공간에 콘텐츠를 업로드 하기 위해서는 FTP 프로그램을 사용합니다.
    참고: FTP 는 (File transfer protocol)은 서버와 클라이언트 사이의 파일 전송을 하기
    위한 프로토콜 입니다.
  4. FTP 프로그램을 다운로드 및 설치 합니다
  5. https://filezilla-project.org 접속하여 파일질라를 다운로드 합니다.
  6. Download filezila client 를 클릭하여 다운로드 합니다.
  7. 다운로드한 프로그램을 과정에 따라 설치 합니다.