온라인 집짓기 (1주차)
DESCRIPTION
오팩에서 한 온라인 블로그 1주차TRANSCRIPT
![Page 1: 온라인 집짓기 (1주차)](https://reader031.vdocuments.site/reader031/viewer/2022012321/55958aec1a28ab10638b4650/html5/thumbnails/1.jpg)
온라인 집짓기
1 주차By 용
![Page 2: 온라인 집짓기 (1주차)](https://reader031.vdocuments.site/reader031/viewer/2022012321/55958aec1a28ab10638b4650/html5/thumbnails/2.jpg)
오늘의 할일
• 집만들 준비–땅 , 주소 사기–도구 다운로드
• 집짓기–워드 프레스 설치해보기
• 집사용 –워드 프레스 살펴보기–페이지 살펴보기
![Page 3: 온라인 집짓기 (1주차)](https://reader031.vdocuments.site/reader031/viewer/2022012321/55958aec1a28ab10638b4650/html5/thumbnails/3.jpg)
집만들 준비• 집을 만들 때 필요한 것은 ?
– 땅 (돈이 필요함 )– 주소 (동사무소에서 해줌 )– 도구 (역시 돈이 필요함 )
• 온라인에서 만들 때 필요한 것은 ?
– 서버 (웹호스팅 )– 도메인 – 도구
![Page 4: 온라인 집짓기 (1주차)](https://reader031.vdocuments.site/reader031/viewer/2022012321/55958aec1a28ab10638b4650/html5/thumbnails/4.jpg)
잠깐만요 ! 개념먼저
• 서버란 ? – 도로와 연결된 집– 온라인 (도로 )에 연결된 하드 디스크 (땅 )– 프로그램 (집 )
• 도메인이란 ?– 집주소– 서버에 지정된 온라인 집주소
• http://112.175.184.61• www.openfactory.net
![Page 6: 온라인 집짓기 (1주차)](https://reader031.vdocuments.site/reader031/viewer/2022012321/55958aec1a28ab10638b4650/html5/thumbnails/6.jpg)
땅이랑 주소사기 실습
![Page 7: 온라인 집짓기 (1주차)](https://reader031.vdocuments.site/reader031/viewer/2022012321/55958aec1a28ab10638b4650/html5/thumbnails/7.jpg)
땅이랑 주소사기 실습
![Page 8: 온라인 집짓기 (1주차)](https://reader031.vdocuments.site/reader031/viewer/2022012321/55958aec1a28ab10638b4650/html5/thumbnails/8.jpg)
땅이랑 주소사기 실습
FTP : 서버에 접근할 때 사용하는 IDDB : 서버에 저장되어 있는 data 를 관리할 때 사용하는 ID관리자 : 홈페이지 사용자인데 홈페이지에 대한 모든 권한을 가지고 있는 ID
![Page 9: 온라인 집짓기 (1주차)](https://reader031.vdocuments.site/reader031/viewer/2022012321/55958aec1a28ab10638b4650/html5/thumbnails/9.jpg)
잠시만요 ! 개념먼저 !
DB소스파일
서버
나
FTP 접속 - 파일 전달 or 다운
홈페이지
DB ID
관리자 ID
![Page 10: 온라인 집짓기 (1주차)](https://reader031.vdocuments.site/reader031/viewer/2022012321/55958aec1a28ab10638b4650/html5/thumbnails/10.jpg)
땅이랑 주소사기 실습
![Page 11: 온라인 집짓기 (1주차)](https://reader031.vdocuments.site/reader031/viewer/2022012321/55958aec1a28ab10638b4650/html5/thumbnails/11.jpg)
땅이랑 주소사기 실습
• 확인해야 할 정보들– IP ADDRESS– FTP ID– DB ID–주소
• 자 이제 자기 주소로 접속– GO! GO!
![Page 12: 온라인 집짓기 (1주차)](https://reader031.vdocuments.site/reader031/viewer/2022012321/55958aec1a28ab10638b4650/html5/thumbnails/12.jpg)
땅 , 주소 , 무려 설치 끝 ㅋ
![Page 13: 온라인 집짓기 (1주차)](https://reader031.vdocuments.site/reader031/viewer/2022012321/55958aec1a28ab10638b4650/html5/thumbnails/13.jpg)
워드프레스 설치 실습
• 이미 다 설치가 되었지만 .. • 수동으로 설치를 시도 !–이유는 나중에 직접 서버를 구축한다던지–구매한 웹호스팅 업체에서 워드프레스 설치 서비스를 제공하지 않을 수 있으니까 !!!
–시간 늘리기 ?!
![Page 14: 온라인 집짓기 (1주차)](https://reader031.vdocuments.site/reader031/viewer/2022012321/55958aec1a28ab10638b4650/html5/thumbnails/14.jpg)
워드 프레스 설치 전
• 워드프레스 소스 다운로드– http://www.wordpress.org– 워드프레스 다운로드
• FTP 프로그램 필요– FILEZILLa 다운로드 해주세요
• 편집기 프로그램– 에디트 플러스 다운로드 해주세요
• 네이버에서 검색하면 되요• 다 다운로드 받으셨으면 설치 !!!
![Page 15: 온라인 집짓기 (1주차)](https://reader031.vdocuments.site/reader031/viewer/2022012321/55958aec1a28ab10638b4650/html5/thumbnails/15.jpg)
Filezilla 사용법
![Page 16: 온라인 집짓기 (1주차)](https://reader031.vdocuments.site/reader031/viewer/2022012321/55958aec1a28ab10638b4650/html5/thumbnails/16.jpg)
Filezilla 사용법
• FTP 프로그램을 통해–다운로드 받은 워드프레스 파일을 서버에 업로드함
–서버에서 html 디렉토리로 이동– PC 에서는 wordpress 디렉토리로 이동– Wordpress 파일을 다 선택하고 업로드 클릭 !
![Page 17: 온라인 집짓기 (1주차)](https://reader031.vdocuments.site/reader031/viewer/2022012321/55958aec1a28ab10638b4650/html5/thumbnails/17.jpg)
수동설치 끝 ㅋㅋㅋㅋㅋㅋㅋ !
![Page 18: 온라인 집짓기 (1주차)](https://reader031.vdocuments.site/reader031/viewer/2022012321/55958aec1a28ab10638b4650/html5/thumbnails/18.jpg)
워드프레스 맛보기
• 자신의 주소로 접속• 관리자로 접속 !!–로그인 or 자신의 주소 뒤에 /wp-admin 추가• http://pangol75.dothome.co.kr/wp-admin
• 알림판을 살펴봅시다–설정–시간
![Page 19: 온라인 집짓기 (1주차)](https://reader031.vdocuments.site/reader031/viewer/2022012321/55958aec1a28ab10638b4650/html5/thumbnails/19.jpg)
워드프레스 맛보기
• 페이지 실습
![Page 20: 온라인 집짓기 (1주차)](https://reader031.vdocuments.site/reader031/viewer/2022012321/55958aec1a28ab10638b4650/html5/thumbnails/20.jpg)
워드프레스 맛보기
• 테마 바꿔보기–외모 -> 테마
![Page 21: 온라인 집짓기 (1주차)](https://reader031.vdocuments.site/reader031/viewer/2022012321/55958aec1a28ab10638b4650/html5/thumbnails/21.jpg)
다음에는 ..
• 워드프레스의 다른 기능들• 가능하다면 각 템플릿들의 소스 수정도 .. ^^