요즘 시대에 꼭 필요한 웹페이지 만들기

웹 콘텐츠 제작에 흥미가 있지만, HTML&CSS는 복잡하고 어렵다고 느끼는 사람이 많다. 멋진 디자인이나 편리한 기능을 제공하는 웹페이지를 만들기 위해서는 관련 기술이나 다른 프로그래밍 언어에 대한 지식이 필요한데, HTML과 CSS 자체는 텍스트 편집기로도 입력할 수 있는 단순한 언어이므로 비교적 접근하기 쉽고 프로그래밍의 기초로서 시작하기 좋다.

이 책은 일러스트를 활용하여 HTML/CSS의 구조와 활용법 등의 기본을 직관적으로 이미지화하여 이해할 수 있도록 구성했다. 기존의 도서와 다르게 새로운 시각으로 접근해서 웹페이지 제작의 기본을 일러스트와 그림을 다양하게 활용해 차근차근 배울 수 있도록 했으며, HTML이나 CSS를 모르는 초보자도 그 기초를 학습할 수 있도록 설명했다. 또한 인터넷이나 WWW 등 웹페이지 제작에 필요한 용어나 지식도 이해하기 쉽게 소개했다.

제0장 HTML과 CSS 학습을 시작하기 전에

인터넷과 WWW

웹사이트란?

HTML 과 CSS란?

웹서버

동적인 웹페이지

클라이언트 사이드 스크립트

인터넷의 변화

웹브라우저의 종류

제1장 웹사이트의 개요

제1장에서 꼭 알아야 할 키포인트

웹사이트

HTML과 CSS

웹브라우저와 웹서버

서버와 클라이언트

데이터베이스

쿠키

도메인과 URL

칼럼 ~ W3C 사양이 정해지는 과정 ~

제2장 HTML의 기초

제2장에서 꼭 알아야 할 키포인트

현재 표준 HTML에 대해서

HTML 파일 만들기

태그와 요소, 속성

부모 요소와 자식 요소, 주석

요소 지정하기

DOCTYPE 선언, 문자 코드 지정

절대 URL과 상대 URL

칼럼 ~ 콘텐츠 모델 ~

제3장 HTML의 요소

제3장에서 꼭 알아야 할 키포인트

문서의 기본 요소

문서의 구성에 관한 요소

그룹화와 단락의 요소(1)

그룹화와 단락의 요소(2)

범위를 설정하는 요소

텍스트에 관한 요소(1)

텍스트에 관한 요소(2)

텍스트에 관한 요소(3)

링크와 이미지에 관한 요소

테이블

폼 만들기

폼의 요소(1)

폼의 요소(2)

폼의 요소(3)

폼의 요소(4)

샘플 프로그램

칼럼 ~ meta 요소에 대해서 ~

제4장 CSS의 기초

제4장에서 꼭 알아야 할 키포인트

CSS란?

CSS를 기술하는 위치(1)

CSS를 기술하는 위치(2)

CSS의 기본 형식

적용 대상 지정(1)

적용 대상 지정(2)

적용 대상 지정(3)

색과 길이를 지정하는 방법

칼럼 ~ 특수한 문자 표시 ~

제5장 CSS의 속성 (1)

제5장에서 꼭 알아야 할 키포인트

텍스트에 관한 속성(1)

텍스트에 관한 속성(2)

글꼴에 관한 속성

박스 모델

박스에 관한 속성(1)

박스에 관한 속성(2)

박스에 관한 속성(3)

배경에 관한 속성(1)

배경에 관한 속성(2)

표시와 배치(1)

표시와 배치(2)

리스트와 테이블

샘플 프로그램

칼럼 ~ 마진 상쇄에 대해서 ~

제6장 CSS의 속성 (2)

제6장에서 꼭 알아야 할 키포인트

다단 레이아웃

플렉스 박스

투명도와 그러데이션

트랜지션

애니메이션

샘플 프로그램(1)

샘플 프로그램(2)

칼럼 ~ 스타일의 상속에 대해서 ~

제7장 반응형 디자인

제7장에서 꼭 알아야 할 키포인트

레이아웃 패턴

다중 칼럼 레이아웃 만들기

디바이스와 UI

반응형 디자인(1)

반응형 디자인(2)

샘플 프로그램

칼럼 ~ 세계 최초의 웹사이트 ~

제8장 JavaScript

제8장에서 꼭 알아야 할 키포인트

자바스크립트란?

Hello World!!

자바스크립트를 기술하는 위치

자바스크립트로 할 수 있는 일

칼럼 ~ Ajax ~

부록

웹사이트를 만드는 과정

웹사이트 공개

이미지 형식

웹사이트 제작을 도와주는 환경

웹사이트 제작 시 주의사항

찾아보기

■ 지은이

주식회사 ANK (http;//www.ank.co.jp)

소프트웨어 개발부터 웹 시스템 구축, 디자인, 도서 집필까지 폭넓게 활동하는 회사이다. 주요 저서로는 『C가 보이는 그림책(개정증보판)』, 『C++가 보이는 그림책(개정판)』, 『PHP가 보이는 그림책(개정판)』, 『Python이 보이는 그림책』 등 그림책 시리즈와 사전 시리즈로 『홈페이지 사전』, 『HTML5&CSS3 사전』, 『HTML 태그 사전』, 『CSS 사전 제5판』, 『JavaScript 사전 제4판』 등 다수가 있다.

■ 옮긴이

김성훈

주로 IT 관련 서적을 번역하는 번역가로, 주요 번역 도서로는 『Java 1학년』, 『JavaScript 1학년』, 『C++로 배우는 딥러닝』, 『C가 보이는 그림책』, 『프로그래밍이 보이는 그림책』, 『게임 프로그래밍의 정석』, 『웹을 지탱하는 기술』, 『Objective-C 프로그래밍』, 『안드로이드 개발 레벨업 교과서』, 『실무에서 바로 통하는 자바』, 『C 이보다 쉬울 순 없다』, 『iOS 디버그&최적화 기법』, 『UML 모델링의 본질』, 『프로가 가르쳐주는 시퀀스 제어』, 『만화로 쉽게 배우는 선형 대수』 외 다수가 있다.