SlideShare ist ein Scribd-Unternehmen logo
1 von 10
Downloaden Sie, um offline zu lesen
Expressive Web Application Design | WEEK 2 : FLEX.HTML5
익스프레시브 웹 응용 디자인
Expressive Web Application Design
Expressive Web Application Design | WEEK 2 : FLEX.HTML5
1. About WordPress
2. WordPress Configuration
3. WordPress Plugin
Expressive Web Application Design | WEEK 2 : FLEX.HTML5
01. 워드프레스 기초 WordPress
01. 워드프레스란?
블로그의 종류
가입형 블로그
네이버/다음
서비스형 블로그
테터툴즈를 이용하는 티스토리
설치형 글로그
국내: 제로보드, 그누보드
자체 CMS: Wordpress, Drupal, Joomla
컨텐츠 영역
Front End
관리 영역
Back End
Expressive Web Application Design | WEEK 2 : FLEX.HTML5
01. 워드프레스 기초 WordPress
02. 워드프레스 특징
1. 웹 표준에 기초한 디자인
2. 편리한 페이지 만들기 (Page + Post)
3. 테마 기반
4. 타 블로그와의 커뮤니케이션
5. 댓글 달기와 스팸 방지
6. 회원 등록 시스템
7. 포스트를 비밀번호로 관리
8. 손 쉬운 설치
9. 손 쉬운 데이터 이전
Expressive Web Application Design | WEEK 2 : FLEX.HTML5
01. 워드프레스 기초 WordPress
03. 워드프레스 설치
1. 자신이 호스팅하는 MYSQL의 DB이름, DB이용자, DB 패스워드를 확인합니다.
2. 워드프레스 (WordPress) 를 다운 받습니다.
3. 다운 받은 워드프레스 (WordPress) 의 압축을 풉니다.
4. wp-config-sample.php 파일을 열어 자신의 환경에 맞게 변경합니다.
(MYSQL의 DB이름, DB이용자, DB 패스워드 필요)
5. wp-config-sample.php 파일의 이름을 wp-config.php으로 저장합니다.
6. 모든 파일을 호스팅 하는 서버에 올립니다.
7. 웹브라우저에 http://도메인/워드프레스폴더/wp-admin/install.php 를 입력합니다.
8. 웹브라우저에 나타나는 지시에 따라 진행합니다.
9. 임시비밀번호를 기억합니다. (혹은 마우스로 복사합니다.)
10. 로그인 화면이 나타나면 로그인에 admin 비밀번호에 임시비밀번호를 입력합니다.
11. 관리자 화면에 들어가서 비밀번호를 우선 변경합니다.
Expressive Web Application Design | WEEK 2 : FLEX.HTML5
02. 워드프레스 설정 및 알아나가기 WordPress
01. 끌어오기
끌어오기
Expressive Web Application Design | WEEK 2 : FLEX.HTML5
02. 워드프레스 설정 및 알아나가기 WordPress
01. 끌어오기
끌어오기
Expressive Web Application Design | WEEK 2 : FLEX.HTML5
02. 워드프레스 설정 및 알아나가기 WordPress
02. 그라바타
그라바타란, 자기의 계정에 등록되어있는 아바타로써
Globally Recognized Avartar의 약자임.
http://ko.gravatar.com
Expressive Web Application Design | WEEK 2 : FLEX.HTML5
02. 워드프레스 설정 및 알아나가기 WordPress
03. Plugin
Plugin
- 사용자의 취향이나 필요한 기능을 아주 다양하게 제공
- 테마와 함께 유.무료 플러그인 존재
- 워드 프레스 홈페이지에서 다운받아 설치하는 방식과 워드프레스 다운받는 방법
- Ex) social sharing toolkit
Expressive Web Application Design | WEEK 2 : FLEX.HTML5
오늘 할일
1. 자신의 그라바타를 만들어보세요.
2. 각자 다른 친구들 사이트를 방문하여 댓글을 남기고 관리하세요.
3. 플러그인을 설치해보세요.

Weitere ähnliche Inhalte

Was ist angesagt?

원모먼트 Vue js 적용기
원모먼트 Vue js 적용기원모먼트 Vue js 적용기
원모먼트 Vue js 적용기우현 김
 
웹 디자이너의 도전: Vue.js 따라하기
웹 디자이너의 도전: Vue.js 따라하기웹 디자이너의 도전: Vue.js 따라하기
웹 디자이너의 도전: Vue.js 따라하기Seungmin Lee
 
vuetiful korea 발표자료
vuetiful korea 발표자료vuetiful korea 발표자료
vuetiful korea 발표자료치웅 이
 
프론트엔드 개발 첫걸음
프론트엔드 개발 첫걸음프론트엔드 개발 첫걸음
프론트엔드 개발 첫걸음DataUs
 
How_to_choose_the_right_framework
How_to_choose_the_right_frameworkHow_to_choose_the_right_framework
How_to_choose_the_right_frameworkJT Jintae Jung
 
블로그아카데미[고도몰강의 실습]
블로그아카데미[고도몰강의 실습]블로그아카데미[고도몰강의 실습]
블로그아카데미[고도몰강의 실습]Chris jay
 
워드프레스 웹사이트에서 깨진 링크확인 및 편집/제거하는 플러그인
워드프레스 웹사이트에서 깨진 링크확인 및 편집/제거하는 플러그인워드프레스 웹사이트에서 깨진 링크확인 및 편집/제거하는 플러그인
워드프레스 웹사이트에서 깨진 링크확인 및 편집/제거하는 플러그인ninefactory
 
왜 워드프레스인가
왜 워드프레스인가왜 워드프레스인가
왜 워드프레스인가bh Kyung
 
Html초급 1강 웹표준의 이해
Html초급 1강 웹표준의 이해Html초급 1강 웹표준의 이해
Html초급 1강 웹표준의 이해tailofmoon
 
PHP Slim Framework with Angular
PHP Slim Framework with AngularPHP Slim Framework with Angular
PHP Slim Framework with AngularJT Jintae Jung
 
5.4 구글크롬,포스퀘어
5.4 구글크롬,포스퀘어5.4 구글크롬,포스퀘어
5.4 구글크롬,포스퀘어월쿡
 
꾸글 월간노하우 7월 그랑노마드입니다.
꾸글 월간노하우 7월 그랑노마드입니다.꾸글 월간노하우 7월 그랑노마드입니다.
꾸글 월간노하우 7월 그랑노마드입니다.종원 이
 
Information Mirror
Information MirrorInformation Mirror
Information MirrorSeokJu Na
 
드래그홈2013표준제안서
드래그홈2013표준제안서드래그홈2013표준제안서
드래그홈2013표준제안서draghome
 
Sns mkt final exams
Sns mkt final examsSns mkt final exams
Sns mkt final examsLEEBORA4
 
[토크아이티] 프런트엔드 개발 시작하기 저자 특강
[토크아이티] 프런트엔드 개발 시작하기 저자 특강 [토크아이티] 프런트엔드 개발 시작하기 저자 특강
[토크아이티] 프런트엔드 개발 시작하기 저자 특강 우영 주
 
모바일 웹앱 프로그래밍 과정
모바일 웹앱 프로그래밍 과정모바일 웹앱 프로그래밍 과정
모바일 웹앱 프로그래밍 과정Kenu, GwangNam Heo
 
[123]동네 커피샵도 사이렌 오더를 쓸 수 있을까
[123]동네 커피샵도 사이렌 오더를 쓸 수 있을까[123]동네 커피샵도 사이렌 오더를 쓸 수 있을까
[123]동네 커피샵도 사이렌 오더를 쓸 수 있을까NAVER D2
 

Was ist angesagt? (20)

원모먼트 Vue js 적용기
원모먼트 Vue js 적용기원모먼트 Vue js 적용기
원모먼트 Vue js 적용기
 
웹 디자이너의 도전: Vue.js 따라하기
웹 디자이너의 도전: Vue.js 따라하기웹 디자이너의 도전: Vue.js 따라하기
웹 디자이너의 도전: Vue.js 따라하기
 
vuetiful korea 발표자료
vuetiful korea 발표자료vuetiful korea 발표자료
vuetiful korea 발표자료
 
프론트엔드 개발 첫걸음
프론트엔드 개발 첫걸음프론트엔드 개발 첫걸음
프론트엔드 개발 첫걸음
 
How_to_choose_the_right_framework
How_to_choose_the_right_frameworkHow_to_choose_the_right_framework
How_to_choose_the_right_framework
 
블로그아카데미[고도몰강의 실습]
블로그아카데미[고도몰강의 실습]블로그아카데미[고도몰강의 실습]
블로그아카데미[고도몰강의 실습]
 
워드프레스 웹사이트에서 깨진 링크확인 및 편집/제거하는 플러그인
워드프레스 웹사이트에서 깨진 링크확인 및 편집/제거하는 플러그인워드프레스 웹사이트에서 깨진 링크확인 및 편집/제거하는 플러그인
워드프레스 웹사이트에서 깨진 링크확인 및 편집/제거하는 플러그인
 
왜 워드프레스인가
왜 워드프레스인가왜 워드프레스인가
왜 워드프레스인가
 
Html초급 1강 웹표준의 이해
Html초급 1강 웹표준의 이해Html초급 1강 웹표준의 이해
Html초급 1강 웹표준의 이해
 
PHP Slim Framework with Angular
PHP Slim Framework with AngularPHP Slim Framework with Angular
PHP Slim Framework with Angular
 
5.4 구글크롬,포스퀘어
5.4 구글크롬,포스퀘어5.4 구글크롬,포스퀘어
5.4 구글크롬,포스퀘어
 
꾸글 월간노하우 7월 그랑노마드입니다.
꾸글 월간노하우 7월 그랑노마드입니다.꾸글 월간노하우 7월 그랑노마드입니다.
꾸글 월간노하우 7월 그랑노마드입니다.
 
Information Mirror
Information MirrorInformation Mirror
Information Mirror
 
드래그홈2013표준제안서
드래그홈2013표준제안서드래그홈2013표준제안서
드래그홈2013표준제안서
 
Sns mkt final exams
Sns mkt final examsSns mkt final exams
Sns mkt final exams
 
[토크아이티] 프런트엔드 개발 시작하기 저자 특강
[토크아이티] 프런트엔드 개발 시작하기 저자 특강 [토크아이티] 프런트엔드 개발 시작하기 저자 특강
[토크아이티] 프런트엔드 개발 시작하기 저자 특강
 
Php이메일 시온
Php이메일 시온Php이메일 시온
Php이메일 시온
 
W3C 온라인 트레이닝 한국어과정
W3C 온라인 트레이닝 한국어과정W3C 온라인 트레이닝 한국어과정
W3C 온라인 트레이닝 한국어과정
 
모바일 웹앱 프로그래밍 과정
모바일 웹앱 프로그래밍 과정모바일 웹앱 프로그래밍 과정
모바일 웹앱 프로그래밍 과정
 
[123]동네 커피샵도 사이렌 오더를 쓸 수 있을까
[123]동네 커피샵도 사이렌 오더를 쓸 수 있을까[123]동네 커피샵도 사이렌 오더를 쓸 수 있을까
[123]동네 커피샵도 사이렌 오더를 쓸 수 있을까
 

Andere mochten auch

Affinity diagram
Affinity diagramAffinity diagram
Affinity diagramaliwaqas144
 
10 dt observation
10 dt observation10 dt observation
10 dt observationJY LEE
 
[Trends]14 trend researchiv
[Trends]14 trend researchiv[Trends]14 trend researchiv
[Trends]14 trend researchivJY LEE
 
Teaching with visual symbols
Teaching with visual symbolsTeaching with visual symbols
Teaching with visual symbolsAgustinRezel
 
Teaching with symbols
Teaching with symbolsTeaching with symbols
Teaching with symbolsEF Tea
 
Teaching with Visual Symbols
Teaching with Visual SymbolsTeaching with Visual Symbols
Teaching with Visual SymbolsMariz Ombajin
 
Different Diagrams & Charts in Modern Education (Educational Technology)
Different Diagrams & Charts in Modern Education (Educational Technology)Different Diagrams & Charts in Modern Education (Educational Technology)
Different Diagrams & Charts in Modern Education (Educational Technology)Jewel Jem
 

Andere mochten auch (8)

Affinity diagram
Affinity diagramAffinity diagram
Affinity diagram
 
10 dt observation
10 dt observation10 dt observation
10 dt observation
 
[Trends]14 trend researchiv
[Trends]14 trend researchiv[Trends]14 trend researchiv
[Trends]14 trend researchiv
 
Teaching with visual symbols
Teaching with visual symbolsTeaching with visual symbols
Teaching with visual symbols
 
Teaching with symbols
Teaching with symbolsTeaching with symbols
Teaching with symbols
 
Affinity Diagrams
Affinity DiagramsAffinity Diagrams
Affinity Diagrams
 
Teaching with Visual Symbols
Teaching with Visual SymbolsTeaching with Visual Symbols
Teaching with Visual Symbols
 
Different Diagrams & Charts in Modern Education (Educational Technology)
Different Diagrams & Charts in Modern Education (Educational Technology)Different Diagrams & Charts in Modern Education (Educational Technology)
Different Diagrams & Charts in Modern Education (Educational Technology)
 

Ähnlich wie [EWD2014]CLASS10

Cms All 091104
Cms All 091104Cms All 091104
Cms All 091104wiim
 
[141] 오픈소스를 쓰려는 자, 리베이스의 무게를 견뎌라
[141] 오픈소스를 쓰려는 자, 리베이스의 무게를 견뎌라[141] 오픈소스를 쓰려는 자, 리베이스의 무게를 견뎌라
[141] 오픈소스를 쓰려는 자, 리베이스의 무게를 견뎌라NAVER D2
 
드래그홈2010홈페이지제안서
드래그홈2010홈페이지제안서드래그홈2010홈페이지제안서
드래그홈2010홈페이지제안서draghome
 
Cms All 091103
Cms All 091103Cms All 091103
Cms All 091103wiim
 
워드프레스 체험기
워드프레스 체험기워드프레스 체험기
워드프레스 체험기용화 지
 
[02회][제대로워드프레스][세미나]
[02회][제대로워드프레스][세미나][02회][제대로워드프레스][세미나]
[02회][제대로워드프레스][세미나]블로그코디
 
드래그홈 표준제안서 2014
드래그홈 표준제안서 2014드래그홈 표준제안서 2014
드래그홈 표준제안서 2014draghome
 
Big Data platform을 위한 Sencha Ext JS 사례.
Big Data platform을 위한 Sencha Ext JS 사례.Big Data platform을 위한 Sencha Ext JS 사례.
Big Data platform을 위한 Sencha Ext JS 사례.효근 박
 
Vue 뽀개기 1장 환경설정 및 spa설정
Vue 뽀개기 1장 환경설정 및 spa설정Vue 뽀개기 1장 환경설정 및 spa설정
Vue 뽀개기 1장 환경설정 및 spa설정leejungwang
 
도구를 활용한 더 나은 웹 개발: Yeoman
도구를 활용한 더 나은 웹 개발: Yeoman도구를 활용한 더 나은 웹 개발: Yeoman
도구를 활용한 더 나은 웹 개발: YeomanJae Sung Park
 
Single-page Application
Single-page ApplicationSingle-page Application
Single-page ApplicationSangmin Yoon
 
[3주차] 알파 유저를 위한 AWS 스터디
[3주차] 알파 유저를 위한 AWS 스터디[3주차] 알파 유저를 위한 AWS 스터디
[3주차] 알파 유저를 위한 AWS 스터디Amazon Web Services Korea
 
S1.part.3.word camp seoul-2010-wordpress-lmh
S1.part.3.word camp seoul-2010-wordpress-lmhS1.part.3.word camp seoul-2010-wordpress-lmh
S1.part.3.word camp seoul-2010-wordpress-lmh082net
 
Cms All
Cms AllCms All
Cms Allwiim
 
Spring@mvc웹호스팅
Spring@mvc웹호스팅Spring@mvc웹호스팅
Spring@mvc웹호스팅J.H Ahn
 
Spring Boot + React + Gradle in VSCode
Spring Boot + React + Gradle in VSCodeSpring Boot + React + Gradle in VSCode
Spring Boot + React + Gradle in VSCodedpTablo
 
Web2.0mission
Web2.0missionWeb2.0mission
Web2.0missionwiim
 
WordCamp 2012 Seoul - Plugin
WordCamp 2012 Seoul - PluginWordCamp 2012 Seoul - Plugin
WordCamp 2012 Seoul - PluginMinHyeong Lim
 

Ähnlich wie [EWD2014]CLASS10 (20)

Cms All 091104
Cms All 091104Cms All 091104
Cms All 091104
 
[141] 오픈소스를 쓰려는 자, 리베이스의 무게를 견뎌라
[141] 오픈소스를 쓰려는 자, 리베이스의 무게를 견뎌라[141] 오픈소스를 쓰려는 자, 리베이스의 무게를 견뎌라
[141] 오픈소스를 쓰려는 자, 리베이스의 무게를 견뎌라
 
드래그홈2010홈페이지제안서
드래그홈2010홈페이지제안서드래그홈2010홈페이지제안서
드래그홈2010홈페이지제안서
 
Cms All 091103
Cms All 091103Cms All 091103
Cms All 091103
 
워드프레스 체험기
워드프레스 체험기워드프레스 체험기
워드프레스 체험기
 
[02회][제대로워드프레스][세미나]
[02회][제대로워드프레스][세미나][02회][제대로워드프레스][세미나]
[02회][제대로워드프레스][세미나]
 
hexa core
hexa corehexa core
hexa core
 
드래그홈 표준제안서 2014
드래그홈 표준제안서 2014드래그홈 표준제안서 2014
드래그홈 표준제안서 2014
 
Big Data platform을 위한 Sencha Ext JS 사례.
Big Data platform을 위한 Sencha Ext JS 사례.Big Data platform을 위한 Sencha Ext JS 사례.
Big Data platform을 위한 Sencha Ext JS 사례.
 
Vue 뽀개기 1장 환경설정 및 spa설정
Vue 뽀개기 1장 환경설정 및 spa설정Vue 뽀개기 1장 환경설정 및 spa설정
Vue 뽀개기 1장 환경설정 및 spa설정
 
도구를 활용한 더 나은 웹 개발: Yeoman
도구를 활용한 더 나은 웹 개발: Yeoman도구를 활용한 더 나은 웹 개발: Yeoman
도구를 활용한 더 나은 웹 개발: Yeoman
 
Single-page Application
Single-page ApplicationSingle-page Application
Single-page Application
 
[3주차] 알파 유저를 위한 AWS 스터디
[3주차] 알파 유저를 위한 AWS 스터디[3주차] 알파 유저를 위한 AWS 스터디
[3주차] 알파 유저를 위한 AWS 스터디
 
S1.part.3.word camp seoul-2010-wordpress-lmh
S1.part.3.word camp seoul-2010-wordpress-lmhS1.part.3.word camp seoul-2010-wordpress-lmh
S1.part.3.word camp seoul-2010-wordpress-lmh
 
Cms All
Cms AllCms All
Cms All
 
Spring@mvc웹호스팅
Spring@mvc웹호스팅Spring@mvc웹호스팅
Spring@mvc웹호스팅
 
Sencha ExtJS를 활용한 Big Data Platform 개발 사례
Sencha ExtJS를 활용한 Big Data Platform 개발 사례 Sencha ExtJS를 활용한 Big Data Platform 개발 사례
Sencha ExtJS를 활용한 Big Data Platform 개발 사례
 
Spring Boot + React + Gradle in VSCode
Spring Boot + React + Gradle in VSCodeSpring Boot + React + Gradle in VSCode
Spring Boot + React + Gradle in VSCode
 
Web2.0mission
Web2.0missionWeb2.0mission
Web2.0mission
 
WordCamp 2012 Seoul - Plugin
WordCamp 2012 Seoul - PluginWordCamp 2012 Seoul - Plugin
WordCamp 2012 Seoul - Plugin
 

Mehr von JY LEE

[Info14] information design iii
[Info14] information design iii[Info14] information design iii
[Info14] information design iiiJY LEE
 
[Trends]13 trend researchiii_
[Trends]13 trend researchiii_[Trends]13 trend researchiii_
[Trends]13 trend researchiii_JY LEE
 
[Info13] information design
[Info13] information design[Info13] information design
[Info13] information designJY LEE
 
[Trends]12 trend researchii_
[Trends]12 trend researchii_[Trends]12 trend researchii_
[Trends]12 trend researchii_JY LEE
 
[Info12] information design
[Info12] information design[Info12] information design
[Info12] information designJY LEE
 
[Trends]10 trend research__
[Trends]10 trend research__[Trends]10 trend research__
[Trends]10 trend research__JY LEE
 
[Trends]09 consumer trends
[Trends]09 consumer trends[Trends]09 consumer trends
[Trends]09 consumer trendsJY LEE
 
[Info10]visual leaderii
[Info10]visual leaderii[Info10]visual leaderii
[Info10]visual leaderiiJY LEE
 
[Info09]visual leaderi 은유와모델
[Info09]visual leaderi 은유와모델[Info09]visual leaderi 은유와모델
[Info09]visual leaderi 은유와모델JY LEE
 
[Trends]06 tech trends
[Trends]06 tech trends[Trends]06 tech trends
[Trends]06 tech trendsJY LEE
 
[Info06]graphical thinking
[Info06]graphical thinking[Info06]graphical thinking
[Info06]graphical thinkingJY LEE
 
[Info05]visual thinking iv
[Info05]visual thinking iv[Info05]visual thinking iv
[Info05]visual thinking ivJY LEE
 
[Trends]05 macro trends 01
[Trends]05 macro trends 01[Trends]05 macro trends 01
[Trends]05 macro trends 01JY LEE
 
[Trends]04 mega trendsii
[Trends]04 mega trendsii[Trends]04 mega trendsii
[Trends]04 mega trendsiiJY LEE
 
[Info04]visual thinkingiii
[Info04]visual thinkingiii[Info04]visual thinkingiii
[Info04]visual thinkingiiiJY LEE
 
[Trends]03 mega trends
[Trends]03 mega trends[Trends]03 mega trends
[Trends]03 mega trendsJY LEE
 
[Info03]visual thinkingii
[Info03]visual thinkingii[Info03]visual thinkingii
[Info03]visual thinkingiiJY LEE
 
[Trends]02 terms
[Trends]02 terms[Trends]02 terms
[Trends]02 termsJY LEE
 
[Info02]visual thinking
[Info02]visual thinking[Info02]visual thinking
[Info02]visual thinkingJY LEE
 
[IRU2016]CLASS02_SCIENTIFIC RESEARCH
[IRU2016]CLASS02_SCIENTIFIC RESEARCH[IRU2016]CLASS02_SCIENTIFIC RESEARCH
[IRU2016]CLASS02_SCIENTIFIC RESEARCHJY LEE
 

Mehr von JY LEE (20)

[Info14] information design iii
[Info14] information design iii[Info14] information design iii
[Info14] information design iii
 
[Trends]13 trend researchiii_
[Trends]13 trend researchiii_[Trends]13 trend researchiii_
[Trends]13 trend researchiii_
 
[Info13] information design
[Info13] information design[Info13] information design
[Info13] information design
 
[Trends]12 trend researchii_
[Trends]12 trend researchii_[Trends]12 trend researchii_
[Trends]12 trend researchii_
 
[Info12] information design
[Info12] information design[Info12] information design
[Info12] information design
 
[Trends]10 trend research__
[Trends]10 trend research__[Trends]10 trend research__
[Trends]10 trend research__
 
[Trends]09 consumer trends
[Trends]09 consumer trends[Trends]09 consumer trends
[Trends]09 consumer trends
 
[Info10]visual leaderii
[Info10]visual leaderii[Info10]visual leaderii
[Info10]visual leaderii
 
[Info09]visual leaderi 은유와모델
[Info09]visual leaderi 은유와모델[Info09]visual leaderi 은유와모델
[Info09]visual leaderi 은유와모델
 
[Trends]06 tech trends
[Trends]06 tech trends[Trends]06 tech trends
[Trends]06 tech trends
 
[Info06]graphical thinking
[Info06]graphical thinking[Info06]graphical thinking
[Info06]graphical thinking
 
[Info05]visual thinking iv
[Info05]visual thinking iv[Info05]visual thinking iv
[Info05]visual thinking iv
 
[Trends]05 macro trends 01
[Trends]05 macro trends 01[Trends]05 macro trends 01
[Trends]05 macro trends 01
 
[Trends]04 mega trendsii
[Trends]04 mega trendsii[Trends]04 mega trendsii
[Trends]04 mega trendsii
 
[Info04]visual thinkingiii
[Info04]visual thinkingiii[Info04]visual thinkingiii
[Info04]visual thinkingiii
 
[Trends]03 mega trends
[Trends]03 mega trends[Trends]03 mega trends
[Trends]03 mega trends
 
[Info03]visual thinkingii
[Info03]visual thinkingii[Info03]visual thinkingii
[Info03]visual thinkingii
 
[Trends]02 terms
[Trends]02 terms[Trends]02 terms
[Trends]02 terms
 
[Info02]visual thinking
[Info02]visual thinking[Info02]visual thinking
[Info02]visual thinking
 
[IRU2016]CLASS02_SCIENTIFIC RESEARCH
[IRU2016]CLASS02_SCIENTIFIC RESEARCH[IRU2016]CLASS02_SCIENTIFIC RESEARCH
[IRU2016]CLASS02_SCIENTIFIC RESEARCH
 

[EWD2014]CLASS10

  • 1. Expressive Web Application Design | WEEK 2 : FLEX.HTML5 익스프레시브 웹 응용 디자인 Expressive Web Application Design
  • 2. Expressive Web Application Design | WEEK 2 : FLEX.HTML5 1. About WordPress 2. WordPress Configuration 3. WordPress Plugin
  • 3. Expressive Web Application Design | WEEK 2 : FLEX.HTML5 01. 워드프레스 기초 WordPress 01. 워드프레스란? 블로그의 종류 가입형 블로그 네이버/다음 서비스형 블로그 테터툴즈를 이용하는 티스토리 설치형 글로그 국내: 제로보드, 그누보드 자체 CMS: Wordpress, Drupal, Joomla 컨텐츠 영역 Front End 관리 영역 Back End
  • 4. Expressive Web Application Design | WEEK 2 : FLEX.HTML5 01. 워드프레스 기초 WordPress 02. 워드프레스 특징 1. 웹 표준에 기초한 디자인 2. 편리한 페이지 만들기 (Page + Post) 3. 테마 기반 4. 타 블로그와의 커뮤니케이션 5. 댓글 달기와 스팸 방지 6. 회원 등록 시스템 7. 포스트를 비밀번호로 관리 8. 손 쉬운 설치 9. 손 쉬운 데이터 이전
  • 5. Expressive Web Application Design | WEEK 2 : FLEX.HTML5 01. 워드프레스 기초 WordPress 03. 워드프레스 설치 1. 자신이 호스팅하는 MYSQL의 DB이름, DB이용자, DB 패스워드를 확인합니다. 2. 워드프레스 (WordPress) 를 다운 받습니다. 3. 다운 받은 워드프레스 (WordPress) 의 압축을 풉니다. 4. wp-config-sample.php 파일을 열어 자신의 환경에 맞게 변경합니다. (MYSQL의 DB이름, DB이용자, DB 패스워드 필요) 5. wp-config-sample.php 파일의 이름을 wp-config.php으로 저장합니다. 6. 모든 파일을 호스팅 하는 서버에 올립니다. 7. 웹브라우저에 http://도메인/워드프레스폴더/wp-admin/install.php 를 입력합니다. 8. 웹브라우저에 나타나는 지시에 따라 진행합니다. 9. 임시비밀번호를 기억합니다. (혹은 마우스로 복사합니다.) 10. 로그인 화면이 나타나면 로그인에 admin 비밀번호에 임시비밀번호를 입력합니다. 11. 관리자 화면에 들어가서 비밀번호를 우선 변경합니다.
  • 6. Expressive Web Application Design | WEEK 2 : FLEX.HTML5 02. 워드프레스 설정 및 알아나가기 WordPress 01. 끌어오기 끌어오기
  • 7. Expressive Web Application Design | WEEK 2 : FLEX.HTML5 02. 워드프레스 설정 및 알아나가기 WordPress 01. 끌어오기 끌어오기
  • 8. Expressive Web Application Design | WEEK 2 : FLEX.HTML5 02. 워드프레스 설정 및 알아나가기 WordPress 02. 그라바타 그라바타란, 자기의 계정에 등록되어있는 아바타로써 Globally Recognized Avartar의 약자임. http://ko.gravatar.com
  • 9. Expressive Web Application Design | WEEK 2 : FLEX.HTML5 02. 워드프레스 설정 및 알아나가기 WordPress 03. Plugin Plugin - 사용자의 취향이나 필요한 기능을 아주 다양하게 제공 - 테마와 함께 유.무료 플러그인 존재 - 워드 프레스 홈페이지에서 다운받아 설치하는 방식과 워드프레스 다운받는 방법 - Ex) social sharing toolkit
  • 10. Expressive Web Application Design | WEEK 2 : FLEX.HTML5 오늘 할일 1. 자신의 그라바타를 만들어보세요. 2. 각자 다른 친구들 사이트를 방문하여 댓글을 남기고 관리하세요. 3. 플러그인을 설치해보세요.