Chapter 01 웹 프로그래밍과 HTML5 개요
1. 웹 개요
웹의 기본 목적과 구성
인터넷과 웹은 다르다
웹 브라우저
웹 서버와 웹 사이트
웹 문서와 전자 문서의 차이
웹 페이지의 주소, URL
웹 브라우저와 웹 서버 사이의 통신, HTTP
2. 웹의 시작과 성공
웹의 시작
웹의 성공
모든 곳에 웹이 있다
3. 웹 페이지 구성
웹 페이지 구성 3요소
3요소를 분리하여 웹 페이지 개발
HTML, CSS, Javascript
HTML, CSS, Javascript로 분리된 웹 페이지 만들기
4. HTML5
HTML 언어의 역사
HTML5의 출현 배경
HTML5 표준과 의의
HTML5의 기능
5. HTML5 웹 프로그래밍 개발 과정
HTML5 문서 편집
검증(validation
디버깅
요약 01
Open Challenge 01
연습문제
Chapter 02 HTML5 기본 문서 만들기
1. HTML5 개요
HTML 페이지 기본
HTML 태그
2. HTML 기본 문서 만들기
타이틀 달기, 〈title〉
문단 제목(장, 절, 소제목 등 달기, 〈h1〉, 〈h6〉
툴팁 달기, title 속성
단락 나누기, 〈p〉
수평선 긋기, 〈hr〉
새로운 줄로 넘어가기, 〈br〉
문자, 기호, 심볼 입력
개발자 포맷 그대로 출력하기, 〈pre〉
텍스트 꾸미기
블록 태그와 인라인 태그
HTML 메타 데이터 삽입
3. 고급 문서 만들기
이미지 삽입, 〈img〉
리스트 만들기, 〈ol〉, 〈ul〉, 〈dl〉
표 만들기, 〈table〉
4. 하이퍼링크와 항해
하이퍼링크 만들기, 〈a〉
id 속성으로 앵커 만들기
파일 다운로드 링크 만들기, 〈a〉의 download 속성
5. 인라인 프레임
인라인 프레임 만들기, 〈iframe〉
인라인 프레임 윈도우의 이름
브라우저 윈도우와 인라인 프레임 윈도우의 계층 관계
target 속성에 문서를 출력할 윈도우 지정
6. 미디어 삽입
미디어의
개정판에서 수정 보완한 부분
1. ES6의 자바스크립트 표준에 따라 자바스크립트에서 변수를 선언하는 방법을 var 대신 let으로 모든 코드를 수정하였다.
2. 예제 등의 실행 화면을 갱신하였다.
3. 12장 HTTP 통신과 쿠키에 대한 내용을 최신 정보에 맞게 수정하였다.
4. 13장 2절 Geolocation을 보완하여 위치와 지도에 대한 실습이 가능하도록 하였다.
5. 본문에 넣기 힘든 세 부분을 부록(A. 아파치 웹 서버 설치 및 활용, B. 2차원 배열, C. 비정형 표 만들기으로 작성하였다.
이 책의 특징
1. 이 책의 범위
이 책은 HTML5, CSS3, 자바스크립트 언어, HTML5 API를 이용한 웹 애플리케이션을 다룬다. HTML5의 표준 기술을 전반적으로 학습할 수 있는 내용을 갖추고 있다.
2. HTML5 태그와 CSS3로 홈페이지 만들기 연습
2~5장까지 open challenge 문제를 매주 연속하여 연습하도록 구성하였다. 2장 open challenge에서 학생은 자신만의 주제를 정하고, 각 장이 끝날 때 그 장에서 배운 내용을 토대로 웹 페이지를 완성해가면 된다. 2~5장의 open challenge는 다음과 같다.
- HTML 페이지 만들기(2장 open challenge : 컴퓨터 기술 소개 웹 페이지 만들기
- HTML5로 문서 구조화하기(3장 open challenge : 2장에서 만든 웹 페이지 구조화
- CSS3로 웹 페이지 꾸미기(4장 open challenge : 3장에서 만든 웹 페이지 꾸미기
- CSS3의 배치 스타일로 꾸미기(5장 open challenge : 4장에서 만든 웹 페이지를 배치 스타일 시트로 꾸미기
3. 자바스크립트를 포함한 웹 프로그래밍 응용 연습
14장은 웹 프로그래밍을 모두 배우고 난 뒤 학생 스스로 학습할 과제로 주어진 장이다.
4.웹 프로그래밍 사이트 활용
이트를 활용하면 강의와 연습을 언제 어디서든 쉽게 할 수 있다. 직접 예제를 실행
