고경희

홍익대학교 공과대학에서 전자계산학과를 졸업한 뒤 컴퓨터와 더 가까워지고 싶어 같은 대학원에서 인공 지능을 전공했다. 캠퍼스21(www.campus21.co.kr)과 배움나라(www.estudy.or.kr) 등에서 온라인 강의를 진행하며 「PC사랑」과 「월간 웹」등 여러 컴퓨터 잡지에 글을 기고하고, 한국디지털대학교 웹 기초(HTML) 분야 강사로 활동했다.

드림위버 1.2 시절부터 웹에 관심을 가지기 시작해 이후 HTML과 DHTML(Dynamic HTML), CSS, 자바스크립트 등 웹 관련 기술들을 활용하는 데 관심을 두고 웹 디자인 및 프로그래밍 분야에 걸쳐 여러 권의 웹 관련 서적을 집필했다. 현재 한국전자정보통신산업진흥회에서 'HTML5와 CSS3의 모든 것'이라는 주제로 강의 중이다. 마이크로소프트 공인 최고기술전문가(Most Valuable Professional, Microsoft MVP)와 마이크로소프트 HTML5 정보를 제공하는 UserAgents에서 웹 전문가로도 활동 중이다.

저서로는 「드림위버 MX 2004 무작정 따라하기」(길벗, 2002), 「회사에서 바로 통하는 파워포인트 2003」(한빛미디어, 2005), 「테마가 있는 HTML 무작정 따라하기」, 「HTML + CSS + 자바스크립트 무작정 따라하기」, 「인터넷 무작정 따라하기」, 「윈도우 XP 무작정 따라하기」(길벗, 2005), 「드림위버 8 무작정 따라하기」, 「제로보드 무작정 따라하기」, 「드림위버 CS4 무작정 따라하기」, 「엑셀과 파워포인트 2007 실무와 활용」, 「윈도우 7 무작정 따라하기」, 「HTML5 + CSS3」, 「Do it! HTML5 + CSS」3(이지스퍼블리싱, 2010), 「Do it! HTML5 + CSS3 웹 표준의 정석」(이지스퍼블리싱, 2013) 등이 있다. 지금도 꾸준히 책과 기사를 쓰면서 컴퓨터 강의를 진행하고 있다.

PART１ HTML & CSS

1. HTML 기초
- HTML이란?
- HTML 문서의 기본 구조

2. 축제 일정 페이지 만들기
- 문서의 구조를 설명하는 시맨틱 태그
- 다양하게 글자 표시하기
- 목록을 만드는 태그들

3. 힐링을 위한 음악 감상 페이지 만들기
- 이미지 삽입하기
- 〈object〉 태그와 〈embed〉 태그 사용하기
- HTML5와 비디오

4. 세미나 접수를 위한 폼 만들기
- 폼(form)이란?
- 폼을 삽입하기 위한 기본 태그들
- 〈input〉 태그의 유형들
- HTML5에 새로 추가된 〈input〉 태그 유형들
- 기타 폼 요소들
- HTML5에 새로 추가된 〈input〉 태그의 속성들

5. CSS로 신입생 환영회 포스터 만들기
- 스타일시트란?
- 색상과 배경 관련 속성
- 텍스트 관련 속성들
- 링크 관련 속성

6. CSS로 동아리 홍보 리플렛 만들기
- 박스 모델
- CSS3에 추가된 박스 모델 속성
- 변형(transform)과 트랜지션

PART２ JavaScript

7. JavaScript 기초
- 자바스크립트란?
- 데이터 유형
- 연산자

8. 실습실 좌석 배치도 만들기
- 대화 상자
- 조건문
- 반복문
- 함수

9. 나타났다 사라지는 서브 메뉴 만들기
- HTML DOM
- DOM 요소에 접근하는 방법
- HTML DOM 노드 리스트
- DOM에서 새로운 요소 추가하기

PART３ jQuery

10. jQuery 기초
- jQuery란?
- jQuery 기본 구문
- jQuery 기본 셀렉터 알아보기
- 기타 셀렉터

11. jQuery로 웹 문서 수정하기
- HTML 콘텐츠 수정 및 추가하기
- attr() 메서드로 문서 속성 편집하기
- Class 속성 편집하기
- css() 메서드로 문서 스타일 제어하기
- HTML DOM을 이용해 웹 요소 편집하기

12. 다양한 효과를 이용해 포토 앨범 만들기
- 선택한 요소를 보여주거나 감추기
- 슬라이드 효과
- 애니메이션

PART４ 실전 프로젝트

13. 실전 웹 사이트 만들기
- CSS를 이용한 메뉴 만들기
- jQuery 플러그인을 이용한 이미지 슬라이드 쇼 만들기