HTML5+CSS3 실무테크닉 웹 표준에 맞는 HTML5와 CSS3를 한 번에 끝내자

김은기

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

목차
Part1HTML5의기초다지기
Lesson01웹브라우저의언어,HTML5
HTML의개념
HTML5의개념
HTML5의주요기능
Lesson02웹스타일을책임지는스타일시트,CSS3
스타일시트(CSS)의개념
업그레이드된CSS3
CSS3주요기능
HTML5와CSS3를지원하는웹브라우저
Lesson03웹페이지를새롭게만드는자바스크립트(JavaScript)
자바스크립트소스
자바스크립트의매력
Lesson04HTML5,CSS3,JavaScript의상관관계
HTML5,CSS3,JavaScript
웹문서작성시지켜야할규칙
Lesson05학습을위한준비
브래킷
웹브라우저,크롬
웹사이트에서샘플다운로드하기
Part2HTML5태그정복하기
Lesson01HTML기본구조들여다보기
HTML5의기본구조
HTML태그의특징
HTML문서연습하기
Lesson02웹사이트의안내자《meta》태그
《head》태그속의《meta》태그
문서의문자셋선언하기
시간설정하여자동으로페이지이동하기
Lesson03HTML5시멘틱구조태그
시멘틱웹의개념
제목크기를조절하는《h1》~《h6》태그
구획정의를위한태그
Lesson04똑똑한비서,정리태그알아보기
《br》태그vs.《p》태그
수평선을긋는《hr》태그
입력한형태그대로보여주는《pre》태그
《div》와《span》태그
Lesson05보기좋은목록을만드는태그
목록만드는태그
계층구조를만드는《dl》태그
Lesson06타이포에마술을거는태그
글자스타일을바꾸는태그
글자위의주석,루비글자태그
특수문자입력하기
Lesson07웹문서를재미있게꾸미는태그
이미지를삽입하는《img》태그
이미지크기지정하기
상대경로와절대경로
웹문서속의웹문서《iframe》
멀티미디어를삽입하는《embed》태그
《audio》와《video》태그
동영상을자동재생하고반복하기
이미지맵을설정하는《map》태그
Lesson08깔끔한웹문서의필수품,Table
《table》의기본태그
테이블로문서편집하기
가로,세로내마음대로셀합치기
테이블안에아기테이블넣기
Lesson09웹공간을마음대로헤엄치는하이퍼링크
URL로하이퍼링크연결하기
하나의문서안에서특정위치로이동하기
하이퍼링크로할수있는다양한것
Lesson10폼(form)으로방문자와대화하기
server-side를처리하기위한《form》
《form》안에사용되는입력양식
HTML5《input》태그
Lesson11HTML5에서더이상지원하지않는태그
HTML5에서지원하는태그
HTML5에서새로지원하는태그
Part3CSS기초이해하기
Lesson01나만의스타일을만드는CSS3
스타일시트의개념
스타일시트의매력
Lesson02스타일시트를적용하는여러가지방법
외부문서에서연결하기(linkedStyle)
문서내부에정의하기(EmbeddedStyle)
태그에직접정의하기(InlineStyle)
Lesson03기초부터알아보는스타일시트
스타일시트기본형식
특정태그에스타일지정하기
그룹으로만든태그에스타일지정하기
하위태그에스타일지정하기
클래스이용하기
아이디(ID)이용하기
Lesson04배경을꾸미는스타일시트
배경색상바꾸기(background-color)
배경그림바꾸기(background-image)
반복되는배경그림바꾸기(background-repeat)
배경그림의스크롤지정하기(background-attachment)
배경그림의위치지정하기(background-position)
배경그림의속성을한번에지정하기(background)
Lesson05테두리를폼나게꾸미는스타일시트
테두리형태지정하기(border-style)
테두리의색상지정하기(border-color)
테두리의두께지정하기(border-방향-width)
테두리의두께를한번에지정하기(border-width)
Lesson06세련미를풍기는박스여백
바깥여백지정하기(margin-방향)
바깥여백한번에지정하기(margin)
안쪽여백지정하기(padding-방향)
문단의위치와폭,높이지정하기
Lesson07다양한글씨를표현하는스타일시트
글자색상바꾸기(color)
글꼴지정하기(font-family)
글자형태지정하기(font-style)
글자굵기지정하기(font-weight)
글자크기지정하기(font-size)
글자속성한번에지정하기(font)
Lesson08문자와문단을꾸미는스타일시트
자간지정하기(letter-spacing)
단어간격지정하기(word-spacing)
줄간격지정하기(line-height)
공백과줄바꿈지정하기(white-space)
Lesson09내마음대로문서를꾸미는스타일시트
문단들여쓰기지정하기(text-indent)
글자에밑줄긋기(text-decoration)
영문자의대/소문자속성(text-transform)
Lesson10목록을꾸미는스타일시트
목록의머리기호바꾸기(list-style-type)
그림으로목록의머리기호만들기(list-style-image)
목록의들여쓰기지정하기(list-style-position)
Lesson11하이퍼링크를꾸미는스타일시트
하이퍼링크색상과밑줄표시하기
한문서에여러가지하이퍼링크스타일적용하기
Lesson12여러개의스타일을동시에적용하기
Part4업그레이드된CSS3살펴보기
Lesson01CSS3살짝맛보기
CSS3접두어
Lesson02테두리속성,border
다양해진테두리효과
테두리를둥글게만들기(border-radius)
테두리에그림자만들기(box-shadow)
테두리에이미지사용하기(border-image)
Lesson03배경이미지속성,background
배경이미지크기지정하기(background-size)
배경이미지위치지정하기(background-origin)
배경이미지여러개지정하기(background)
Lesson04그레이디언트속성,gradient
선형그레이디언트주기(linear-gradient)
선형그레이디언트에방향주기(linear-gradient)
선형그레이디언트에여러개의색상주기(linear-gradient)
선형그레이디언트에투명도주기(linear-gradient)
선형그레이디언트반복하기(linear-gradient)
방사형그레이디언트만들기(radial-gradient)
방사형그레이디언트에모양주기(radial-gradient)
방사형그레이디언트에크기와위치지정하기(radial-gradient)
방사형그레이디언트반복하기(radial-gradient)
Lesson05텍스트와관련된여러가지속성
TextShadow
WordWrapping
Lesson06CSS3를이용한간단한애니메이션
animation정의하기
@keyframe을이용하여Animation의중간상태기술하기
Lesson07위치,모양,크기를내맘대로,transform
transform사용하기
Lesson08애니메이션속도를제어하는transition
transition사용하기
Lesson09사용자인터페이스(BasicUserInterface)

출판사서평
■책소개
웹표준에맞는HTML5와CSS3를한번에끝내자!
W3C(WorldWideWebConsortium)에의해표준으로채택된HTML5는기존의텍스트와하이퍼링크만으로구성되어있던HTML에비디오,오디오,그래픽,위치정보등을처리할수있는기능을포함시킨기술입니다.이에따라웹브라우저를만드는업체에서는표준화가진행된기능들을웹브라우저에포함하여버전업을계속진행하고있으며,웹사이트에서도HTML5의기능을이용하여콘텐츠를제공하고자하는노력을계속기울이고있습니다...
■책소개
웹표준에맞는HTML5와CSS3를한번에끝내자!
W3C(WorldWideWebConsortium)에의해표준으로채택된HTML5는기존의텍스트와하이퍼링크만으로구성되어있던HTML에비디오,오디오,그래픽,위치정보등을처리할수있는기능을포함시킨기술입니다.이에따라웹브라우저를만드는업체에서는표준화가진행된기능들을웹브라우저에포함하여버전업을계속진행하고있으며,웹사이트에서도HTML5의기능을이용하여콘텐츠를제공하고자하는노력을계속기울이고있습니다.
이책은웹사이트제작에필요한HTML5와CSS3에대한내용을담고있습니다.처음시작하는분들이라도따라하기를통해쉽고재미있게배울수있고,실무에서도활용할수있도록구성하였습니다.그리고웹사이트를만드는데필요한내용만을다루었기때문에지루한이야기나쓸모없는설명에시간을빼앗기지않고필요로하는정보만을습득할수있습니다.
■출판사서평
이책은HTML4와HTML5의차이점을꼼꼼히짚어주고,기본부터체계적으로설명해주며,기능이나태그마다설명,소스,화면으로구성되어있어내용을직관적으로이해할수있고,바로따라해보고조금씩응용해볼수있습니다.
또한CSS를적용하여HTML문서를꾸는방법도쉽게설명되어있어HTML문서에스타일을쉽게적용할수있고,브래킷이라는에디터와크롬의사용방법에대해서도설명하고있어생소한프로그램을이용하는데에도문제가없었습니다.예제또한저자가현장실무에서익힌노하우가그대로녹아있어실무에서바로사용할수있게만들어져있습니다.