모두의 HTML5 & CSS3 (16일 만에 배우는 웹 사이트 제작 기초)

모두의 HTML5 & CSS3 (16일 만에 배우는 웹 사이트 제작 기초)

$19.62
Ask a Question
Vendor: 길벗 - 김인권
Type: HTML/CSS3
SKU: 9791160505658
Categories: ALL BOOKS 컴퓨터/인터넷 컴퓨터/인터넷_홈페이지/웹
Tags: 모두의HTML5CSS316일만에배우는웹사이트제작기초 컴퓨터/IT_웹프로그래밍
Description
웹 개발은 1도 몰랐던 광고 기획자가
광고 회사를 그만두고 독학으로 만든 웹 사이트,
나도 만들어 볼까?
컴퓨터 관련 전공자나 전문가만이 웹 사이트를 개발하던 시대는 지났다. 이제는 누구나 코딩을 배워서 개인 홈페이지나 1인 스타트업 페이지, 기업 홈페이지 등을 제작할 수 있다. HTML 태그를 다 알지 못해도 괜찮다. 《모두의 HTML5 & CSS3》는 HTML 주요 태그들이 각각 어떤 역할을 하는지 짧은 예제를 실습하며 경험해 본다. 이어서 CSS 기본 사용법을 익히고, 레이아웃에 영향을 주는 속성들을 직접 눈으로 확인하면서 테스트해 본다. 레이아웃에 대해 어느 정도 감을 잡았다면 실제 웹 사이트를 만들면서 앞서 배운 HTML과 CSS 기술을 적용해 본다. 이 책은 HTML과 CSS에 관련된 모든 지식을 설명하지는 않는다. 하지만 초보자가 어려워 하는 레이아웃의 기본 개념과, 실제 웹 사이트를 제작하는 데 필요한 지식을 얻기에는 충분할 것이다. 게다가 기존의 책들과는 다르게 알록달록 귀여운 실습 결과물을 보는 시각적 재미도 있을 것이다.
저자

김인권

경영학을전공한디지털광고AE출신으로,국내스타트업에서서비스기획자이자프런트엔드개발자로근무하고있습니다.인문학을결합한실용적인학문과기술에관심이많으며,주말마다개발입문자를대상으로웹개발에필요한지식을전달하는데힘을쏟는중입니다.‘나,개발한번해보려고’페이스북페이지를운영하고있으며,브런치와네이버블로그에서는기획하는개발자라는의미의‘기발자’라는필명으로활동하고있습니다.

목차

[첫째마당]웹사이트설계를위한HTML
Day01웹을구성하는요소
1_HTML,CSS,자바스크립트
2_웹사이트레이아웃의종류
3_크로스브라우징
4_웹표준

Day02HTML시작하기
1_서브라임텍스트설치하기
2_HTML이란?
3_index.html파일만들기
4_HTML태그의구성요소와HTML문서의기본구조
5_HTML주요태그살펴보기
6_닫힌태그가없는태그
7_HTML주석

Day03HTML과레이아웃
1_웹사이트공간을정의하는태그
2_웹사이트공간을정의하는태그


[둘째마당]웹디자인을담당하는CSS
Day04CSS시작하기
1_웹사이트디자인을담당하는언어,CSS
2_CSS구성요소와연동방법
3_CSS선택자

Day05CSS사용하기
1_부모자식간의CSS상속
2_CSS속성의우선순위,캐스케이딩
3_CSS파일에주석을작성하는방법

Day06CSS주요속성익히기
1_width와height속성
2_font-속성
3_background-속성


[셋째마당]웹사이트제작한걸음더
Day07레이아웃에영향을미치는요소1
1_박스모델
2_박스모델의4가지요소
3_마진병합현상

Day08레이아웃에영향을미치는요소2
1_display속성으로HTML태그의혈액형바꾸기
2_position속성으로HTML태그에차원부여하기

Day09레이아웃에영향을미치는요소3
1_레이어z축을조정하는속성,z-index
2_HTML태그를공중에띄우는float속성
3_전통적인웹사이트레이아웃구조만들기
4_float와clear속성은실과바늘

Day10CSS3에등장한신조어
1_특정영역에여러가지변형효과적용하기
2_특정영역이변하는과정표현하기
3_CSS로애니메이션만들기

Day11메뉴버튼만들기
1_1단계:정적인메뉴버튼만들기
2_2단계:정적인메뉴버튼수정하기
3_3단계:동적인메뉴버튼만들기


[넷째마당]만들어보자!키즈가오웹사이트
Day12키즈가오프로젝트시작하기
1_키즈가오의폴더구조
2_키즈가오인트로제작
3_로고를조금만아래로내려주세요

Day13키즈가오농장레이아웃만들기
1_키즈가오farm1레이아웃작업
2_키즈가오farm2레이아웃작업
3_키즈가오farm3레이아웃작업
4_문제:키즈가오포레스트레이아웃작업

Day14키즈가오사이언스만들기
1_키즈가오science레이아웃작업
2_문제:키즈가오밤낮레이아웃작업

Day15키즈가오키친레이아웃만들기
1_키즈가오kitchen레이아웃작업
2_문제:키즈가오컬러레이아웃

Day16키즈가오에애니메이션적용하기
1_키즈가오애니메이션파일연동하기
2_키즈가오intro공간에애니메이션적용하기
3_키즈가오farm3공간에애니메이션적용하기
4_키즈가오forest공간에애니메이션적용하기
5_키즈가오science공간에애니메이션적용하기
6_키즈가오night1,night2,morning공간에애니메이션적용하기
7_키즈가오kitchen공간에애니메이션적용하기
8_맺음말
찾아보기

출판사 서평

누구나16일이면웹사이트를만들수있다!

Day01-03|웹사이트설계를위한HTML기초익히기
웹사이트제작에필요한배경지식및기본적인레이아웃의종류를알아봅니다.HTML주요태그를중심으로살펴봅니다.

Day04-11|웹디자인을담당하는CSS연습하기
CSS기본사용법및레이아웃에관련된주요속성에대해설명합니다.이후웹사이트에생명을불어넣는애니메이션기능과CSS신조어등한걸음더나아간내용을배웁니다.

Day12-16|키즈가오웹사이트만들어보기
지금까지학습한HTML과CSS의기본개념을바탕으로‘키즈가오’라는유아용점토제품을소개하는웹사이트를만들어봅니다.제품스토리텔링에적합한단일페이지방식으로제작하면서앞에서배운다양한이벤트기술을적용해봅니다.