스마트한 생활을 위한 버전2: HTML 기초&활용 HTML5+CSS3

책의 특징

* 따라하기 : 따라하기 방식으로 내용을 구성하여 쉽게 습득할 수 있습니다.

* 배움터 : 따라하면서 부족한 내용이나 알아두어야 할 사항들을 추가적으로 설명하여 실력을 한 단계 더 끌어 올립니다.

* 디딤돌 학습 : 각 장이 끝날 때마다 혼자 해볼 수 있는 연습 문제를 두어 본문에서 배운 내용을 복습하고 응용함으로써 실력을 다질 수 있습니다.



이 책은

큰 글자체와 따라하기 방식으로 구성되어 누구나 쉽게 배울 수 있습니다.



이 책은

HTML5와 CSS3를 이용하여 기본적인 코딩 방법에 대해 알려줍니다. 간단한 웹 문서를 제작하고, 메일이나 카페에서 HTML을 활용하는 방법에 대해 살펴봅니다

[배움터]를 통해 부족한 설명 및 문제 해결 방법을 제공하고 있어 한층 더 실력을 업그레이드할 수 있으며, [디딤돌 학습]을 통해 학습 내용을 얼마나 이해했는지를 점검할 수 있습니다.

01장 HTML 시작하기

1. HTML이란?

2. HTML 문서를 만들기 위한 준비

3. HTML의 기본 구조 살펴보기

4. HTML 기본 다지기 : 메모장으로 작성하기

* 디딤돌 학습



02장 글자 관련 태그 살펴보기-1

1. 제목 크기 조정하기

2. 단락 구분하기

3. 문단 정렬하기

4. 문단 배경색 지정하기

5. 경계선 넣기

* 디딤돌 학습



03장 글자 관련 태그 살펴보기-2

1. 글자 꾸미기-1 : 글자 진하게/기울임/밑줄/취소선 표시하기

2. 글자 꾸미기-2 : 글자 크기/글꼴/색상 변경하기

3. 스타일시트(CSS)

4. 글자 꾸미기- 3 : 스타일시트(CSS) 활용하여 일괄 적용하기

* 디딤돌 학습



04장 목록 관련 태그 살펴보기

1. 순서가 없는 목록 만들기

2. 순서가 있는 목록 만들기

3. 설명(정의) 목록 만들기

* 디딤돌 학습



05장 이미지 및 배경 관련 태그 살펴보기

1. 이미지 삽입하기

2. 이미지 크기 및 위치 지정하기

3. 이미지에 설명 달기

4. 배경에 이미지 삽입하기

5. 배경 이미지 크기 및 위치 조정하기

6. 배경에 색 채우기

* 디딤돌 학습



06장 멀티미디어 관련 태그 살펴보기

1. 파일 변환하기

2. 비디오 삽입하기

3. 오디오 삽입하기

* 디딤돌 학습



07장 표 관련 태그 살펴보기

1. 표 만들기

2. 셀 합치기

3. 셀 채우기

4. 테두리 선 설정하기

* 디딤돌 학습



08장 하이퍼링크 관련 태그 살펴보기

1. 다른 문서 연결하기

2. 새 탭에서 보기

3. 외부 웹 사이트 연결하기

4. 문서 내 다른 위치로 이동하기 : 책갈피

* 디딤돌 학습



09장 레이아웃 관련 태그 살펴보기

1. 시맨틱(Semantic) 태그

2. 일반적인 웹 문서 구조와 구조 태그

3. 레이아웃 영역 구분하기-1 : 헤더 영역 설정하기

4. 레이아웃 영역 구분하기-2 : 내비게이션 영역 설정하기

5. 레이아웃 영역 구분하기-3 : 섹션 영역 설정하기

6. 레이아웃 영역 구분하기-4 : 사이드 영역 설정하기

7. 레이아웃 영역 구분하기-5 : 푸터 영역 설정하기

8. 문서 디자인하기 : 스타일시트(CSS)로 디자인하기

9. 전체 너비 및 전체 배치 설정하기

* 디딤돌 학습



10장 태그 편집기 활용하기

1. 메일 편집기에서 HTML 활용하기

2. 카페 편집기에서 HTML 활용하기

* 디딤돌 학습

IT교재연구팀