미리보기
HTML5 + CSS3 실무테크닉
웹 표준에 맞는 HTML5와 CSS3를 한 번에 끝내자!
ISBN 978-89-315-5345-1
저자 김은기
발행일 2015-03-31
분량 360쪽
편집 4도
판형 국배변형판(205×260)
개정판정보 2015년 3월 31일
정가 20,000원↓
판매가 18,000
(10% off)
적립금 1,000원(5%)
  소득공제
도서소개

책 소개

웹 표준에 맞는 HTML5CSS3를 한 번에 끝내자!

 

W3C(World Wide Web Consortium)에 의해 표준으로 채택된 HTML5는 기존의 텍스트와 하이퍼링크만으로 구성되어 있던 HTML에 비디오, 오디오, 그래픽, 위치 정보 등을 처리할 수 있는 기능을 포함시킨 기술입니다. 이에 따라 웹 브라우저를 만드는 업체에서는 표준화가 진행된 기능들을 웹 브라우저에 포함하여 버전 업을 계속 진행하고 있으며, 웹 사이트에서도 HTML5의 기능을 이용하여 콘텐츠를 제공하고자 하는 노력을 계속 기울이고 있습니다.

 

이 책은 웹 사이트 제작에 필요한 HTML5CSS3에 대한 내용을 담고 있습니다. 처음 시작하는 분들이라도 따라하기를 통해 쉽고 재미있게 배울 수 있고, 실무에서도 활용할 수 있도록 구성하였습니다. 그리고 웹 사이트를 만드는 데 필요한 내용만을 다루었기 때문에 지루한 이야기나 쓸모없는 설명에 시간을 빼앗기지 않고 필요로 하는 정보만을 습득할 수 있습니다.

 

 

출판사 서평

이 책은 HTML4HTML5의 차이점을 꼼꼼히 짚어주고, 기본부터 체계적으로 설명해 주며, 기능이나 태그마다 설명, 소스, 화면으로 구성되어 있어 내용을 직관적으로 이해할 수 있고, 바로 따라해 보고 조금씩 응용해볼 수 있습니다. 또한 CSS를 적용하여 HTML 문서를 꾸는 방법도 쉽게 설명되어 있어 HTML 문서에 스타일을 쉽게 적용할 수 있고, 브래킷이라는 에디터와 크롬의 사용 방법에 대해서도 설명하고 있어 생소한 프로그램을 이용하는 데에도 문제가 없었습니다. 예제 또한 저자가 현장 실무에서 익힌 노하우가 그대로 녹아 있어 실무에서 바로 사용할 수 있게 만들어져 있습니다.

 

저자

김은기(beemong@gmail.com)

현재 와이티 전략사업부 상무이사로 개발 업무를 담당하고 있다. 지금까지 솔루션 기획 및 설계, 개발은 물론 프로그램 및 DB 분석, 설계, 개발까지 주도적으로 참여했습니다. 주요 프로젝트 수행실적으로는 청와대 홈페이지 구축, 한국수자원공사, 한국공항공사 등 공공기관 업무시스템 구축, 인하대 및 세종사이버대학교 이러닝 시스템 구축, 쇼핑몰 솔루션 개발 및 예스이십사() 와우북 사이트 운영 등이 있고, 주요 저서로는HTML + JavaScript & CSS 실무테크닉 (성안당)이 있습니다.


목차

목차

 

Part 1 HTML5의 기초 다지기

 

Lesson 01 웹 브라우저의 언어, HTML5

HTML의 개념

HTML5의 개념

HTML5의 주요 기능


Lesson 02 웹 스타일을 책임지는 스타일시트, CSS3

스타일시트(CSS)의 개념

업그레이드된 CSS3

CSS3 주요 기능

HTML5CSS3를 지원하는 웹 브라우저


Lesson 03 웹 페이지를 새롭게 만드는 자바스크립트(JavaScript)

자바스크립트 소스

자바스크립트의 매력


Lesson04 HTML5, CSS3, JavaScript의 상관관계

HTML5, CSS3, JavaScript

웹 문서 작성 시 지켜야 할 규칙


Lesson 05 학습을 위한 준비

브래킷

웹 브라우저, 크롬

웹 사이트에서 샘플 다운로드하기

 

Part 2 HTML5 태그 정복하기

 

Lesson 01 HTML 기본 구조 들여다보기

HTML5의 기본 구조

HTML 태그의 특징

HTML 문서 연습하기


Lesson 02 웹 사이트의 안내자 태그

태그 속의 태그

문서의 문자 셋 선언하기

시간 설정하여 자동으로 페이지 이동하기


Lesson 03 HTML5 시멘틱 구조 태그

시멘틱 웹의 개념

제목 크기를 조절하는

~

태그

구획 정의를 위한 태그


Lesson 04 똑똑한 비서, 정리 태그 알아보기


태그 vs.

태그

수평선을 긋는


태그

입력한 형태 그대로 보여주는

 태그

태그


Lesson05 보기 좋은 목록을 만드는 태그

목록 만드는 태그

계층 구조를 만드는

태그


Lesson 06 타이포에 마술을 거는 태그

글자 스타일을 바꾸는 태그

글자 위의 주석, 루비 글자 태그

특수 문자 입력하기


Lesson 07 웹 문서를 재미있게 꾸미는 태그

이미지를 삽입하는 태그

이미지 크기 지정하기

상대 경로와 절대 경로

웹 문서 속의 웹 문서