필수정보

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

웹 콘텐츠 제작에 흥미가 있지만, 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 ~

부록
웹사이트를 만드는 과정
웹사이트 공개
이미지 형식
웹사이트 제작을 도와주는 환경
웹사이트 제작 시 주의사항

찾아보기