인터넷상에서 사용되는 웹 페이지의 정보를 표현할 목적으로 사용되는 마크업 언어가 HTML이다. ‘HTML5’는 2014년 표준으로 채택된 HTML 버전으로, 단순히 텍스트와 하이퍼링크로만 표시하던 웹 페이지를 복잡한 애플리케이션까지도 제공할 수 있도록 웹 애플리케이션 플랫폼으로 향상된 버전이다. 이 교재는 HTML을 소개하여 웹 환경에서의 프로그래밍을 위한 기초를 다지는 내용을 다룬다. 즉, HTML5의 요소와 속성, 다양한 CSS3 속성, 그리고 자바스크립트 API를 활용해서 웹 페이지를 작성하고 웹 애플리케이션을 개발할 수 있는 기본 능력을 키우는 것이 학습 목표이다.
최근의 웹 표준 개발 방법론에서는 웹 문서의 내용, 표현, 동작을 서로 구분해서 나타내도록 하고 있다. 따라서 모든 웹 개발자들은 웹 페이지를 만들기 위해서 HTML, CSS, 그리고 자바스크립트를 반드시 알 아야 한다. 즉, 문서의 내용은 HTML을 이용해서 정의하고, 문서를 화면에 어떻게 표현할 것인가는 CSS를 이용하며, 자바스크립트를 이용해서 웹 페이지의 동작을 프로그래밍하는 일련의 협업을 통해서만 효율적인 웹 페이지를 작성할 수 있다.
- 제1장: 웹과 HTML에 관련된 기본적인 개념을 소개하고, HTML 문서 작성을 위한 기초 내용을 다룬다.
- 제2장: 원하는 구성과 내용을 가진 웹 문서를 작성하기 위한 다양 한 부류의 HTML 요소를 소개하고 사용하는 방법을 다룬다.
-제3장: HTML 요소로 작성된 문서를 웹 브라우저에 좀 더 보기 좋 은 모양으로 출력하기 위해 다양한 유형의 CSS 속성을 활용하여 원하는 스타일로 문서를 꾸미는 방법을 다룬다.
-제4장~제7장: 사용자와 웹 페이지 간의 상호작용이 있는 동적인 웹 페이지를 만들기 위해서 자바스크립트를 소개하고, 이를 이용해서 동 적으로 문서와 윈도우를 조작하는 방법을 다룬다. 또한 다양한 자바 스크립트 API 중에서 캔버스, 오디오와 비디오의 제어, 드래그 앤 드 롭, 웹 스토리지, 위치 정보를 활용하는 방법도 함께 다룬다.
연세대학교 전산과학과를 졸업하고 동 대학원 전산과학과 석사, 박사 과정을 수료했다. 일본 The University of Tokyo 방문연구원이자 한국전자통신연구원(ETRI) 선임연구원으로 근무했다. 현재 한국방송통신대학교 컴퓨터과학과 교수로 있다.
제1장 웹 프로그래밍 개요
1.1 웹 개요
1.2 웹 페이지 구성
1.3 HTML
1.4 웹 프로그래밍 과정
제2장 HTML5: 웹 문서 만들기
2.1 텍스트 표현
2.2 리스트 표현
2.3 이미지 표현
2.4 하이퍼링크 표현
2.5 테이블 표현
2.6 미디어 표현
2.7 시멘틱 요소
2.8 웹 폼
제3장 CSS3: 웹 문서 꾸미기
3.1 CSS 개요
3.2 선택자
3.3 색 상
3.4 글 꼴
3.5 텍스트
3.6 리스트
3.7 테이블
3.8 박스 모델
3.9 테두리
3.10 배 경
3.11 그라데이션
3.12 변 형
3.13 전 환
3.14 애니메이션
3.15 다 단
제4장 자바스크립트 언어
4.1 자바스크립트 개요 및 선언
4.2 변수와 자료형
4.3 연산자
4.4 조건문과 반복문
4.5 함 수
4.6 객 체
4.7 이벤트
제5장 문서 객체 모델과 브라우저 객체 모델
5.1 문서 객체 모델
5.2 브라우저 객체 모델
제6장 캔버스
6.1 캔버스 개요
6.2 선과 도형 그리기
6.3 스타일 지정하기
6.4 텍스트와 이미지 그리기
6.5 도형 변환
제7장 HTML API
7.1 오디오와 비디오 파일의 제어
7.2 드래그 앤 드롭
7.3 웹 스토리지
7.4 위치 정보
