도서 특징
* 따라하기 : 따라하기 방식으로 내용을 구성하여 쉽게 습득할 수 있습니다.
* 배움터 : 따라하면서 부족한 내용이나 알아두어야 할 사항들을 추가적으로 설명하여 실력을 한 단계 더 끌어 올립니다.
* 디딤돌 학습 : 각 장이 끝날 때마다 혼자 해볼 수 있는 연습 문제를 두어 본문에서 배운 내용을 복습하고 응용함으로써
실력을 다질 수 있습니다.
도서 상세 이미지 & 목차
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 활용하기
* 디딤돌 학습
출판사 서평
이 책은
큰 글자체와 따라하기 방식으로 구성되어 누구나 쉽게 배울 수 있습니다.
이 책은
HTML5와 CSS3를 이용하여 기본적인 코딩 방법에 대해 알려줍니다. 간단한 웹 문서를 제작하고, 메일이나 카페에서 HTML을 활용하는 방법에 대해 살펴봅니다
[배움터]를 통해 부족한 설명 및 문제 해결 방법을 제공하고 있어 한층 더 실력을 업그레이드할 수 있으며, [디딤돌 학습]을 통해 학습 내용을 얼마나 이해했는지를 점검할 수 있습니다.
관련태그
HTML5,CSS3,스타일시트,홈페이지,태그,코딩,시대인,정보화,교육,입문,기초,기본,활용,스마트,교재,처음,초보,학교,학생,어린이,관공서,어른,어르신
01장 HTML 시작하기1. HTML이란?2. HTML 문서를 만들기 위한 준비3. HTML의 기본 구조 살펴보기4. HTML 기본 다지기 : 메모장으로 작성하기* 디딤돌 학습02장 글자 관련 태그 살펴보기-11. 제목 크기 조정하기2. 단락 구분하기3. 문단 정렬하기4. 문단 배경색 지정하기5. 경계선 넣기* 디딤돌 학습03장 글자 관련 태그 살펴보기-21. 글자 꾸미기-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 활용하기* 디딤돌 학습
소스 다운로드 바로가기
