엷홈페이지의 이해 엷앱 & 엷홈페이지를 꾸미는 법

1. WORDPRESS와 HTML/CSS
2번째 세미나 1. 엷홈페이지의 이해 2. 엷앱 & 엷홈페이지를 꾸미는 법

2. 오늘은 진짜
유익합니다

3. 대부분 WORDPRESS
이미지 출처: http://www.webbymonks.com/wordpress/28-essential-plugins-infographic.html

4. WORDPRESS란 무엇인가
▸ 코딩이 필요없는 설치형 블로그
▸ 코어: Post / Page / User / Media …
▸ 남들이 만들어둔 (편집 가능한) 테마
▸ 뻔한 기능을 추가하고 싶다면 4만가지의 플러그인
▸ 다 뜯어 고칠 수 있는 오픈소스
뉴욕타임즈, 허핑턴포스트, 월스트리트저널, 로이터, ESPN, CBS, CNN, 테크크런치, 블로터, 딴지
일보, 슬로우뉴스, 미스핏츠, ㅍㅍㅅㅅ, 뉴스페퍼민트, 지디넷, 매셔블, 기가옴, 씨넷코리아, 서울시…

5. WORDPRESS 설치 시연

6. 이제 앱&웹을
꾸며봅시다

7. 텍스트
우리는 유동적인 문서를 만들어야해
Example: www.ordinarypeople.kr

8. HTML이란 무엇인가
▸ Hyper Text Markup Language
▸ Markup Language: 도스시절 출판물을 상상해보자.. 아직 마우스가 없어.
▸ 문서간 이동을 위해 클릭할 수 있는 글씨 => Hyper Text
▸ HTML = 클릭 가능한 글씨가 있는 문서를 작성하는 언어.
▸ 웹페이지들은 결국 거의 다 HTML로 작성된 문서.
▸ 예쁘게 꾸미는 건 CSS

9. HTML 참 쉽습니다

10. CSS도 참 쉽습니다

11. 어찌 다 외우겠어
구글링이 필수.
숙제: CODECADEMYMake a Website(3시간짜리)

12. 크롬/익스플로러/사파리 개발자 도구
Ctrl + Shift + I

13. HTML/CSS 디버깅
모바일 뷰 확인
세션/쿠키 관리
네트워크 확인
개발자 도구의 수많은 기능 중 오늘은…