HOME > Detail View

Detail View

(6단계로 마스터하는) 최신 표준 HTML + CSS 디자인 (Loan 9 times)

Material type
단행본
Personal Author
윤인성, 역
Corporate Author
エビスコム
Title Statement
(6단계로 마스터하는) 최신 표준 HTML + CSS 디자인 / EBISUCOM 지음 ; 윤인성 옮김
Publication, Distribution, etc
파주 :   위키북스,   2017  
Physical Medium
320 p. : 천연색삽화 ; 24 cm
Series Statement
위키북스 오픈소스 & 웹 시리즈 ;083
Varied Title
6ステップでマスターする「最新標準」HTML+CSSデザイン : フレキシブルボックスレイアウトを使った、レスポンシブWebデザインの本格的レイアウトテクニック
ISBN
9791158390686
General Note
색인수록  
부록: HTML 레퍼런스, CSS 레퍼런스, 박스 모델 외  
000 00000cam c2200205 c 4500
001 000045918851
005 20171027114304
007 ta
008 171026s2017 ggka 001c kor
020 ▼a 9791158390686 ▼g 93000
035 ▼a (KERIS)BIB000014593705
040 ▼a 211044 ▼c 211044 ▼d 211009
041 1 ▼a kor ▼h jpn
082 0 4 ▼a 005.72 ▼2 23
085 ▼a 005.72 ▼2 DDCK
090 ▼a 005.72 ▼b 2017z1
110 ▼a エビスコム
245 2 0 ▼a (6단계로 마스터하는) 최신 표준 HTML + CSS 디자인 / ▼d EBISUCOM 지음 ; ▼e 윤인성 옮김
246 1 9 ▼a 6ステップでマスターする「最新標準」HTML+CSSデザイン : ▼b フレキシブルボックスレイアウトを使った、レスポンシブWebデザインの本格的レイアウトテクニック
246 3 ▼a Roku suteppu de masutā suru saishin hyōjun eichitīemueru purasu shīesuesu dezain : ▼b furekishiburu bokkusu reiauto o tsukatta resuponshibu uebu dezain no honkakuteki reiauto tekunikku
246 3 ▼a 6 step de master suru saishin hyojyun HTML+CSS design
246 3 0 ▼a HTML + CSS 디자인
260 ▼a 파주 : ▼b 위키북스, ▼c 2017
300 ▼a 320 p. : ▼b 천연색삽화 ; ▼c 24 cm
440 0 0 ▼a 위키북스 오픈소스 & 웹 시리즈 ; ▼v 083
500 ▼a 색인수록
500 ▼a 부록: HTML 레퍼런스, CSS 레퍼런스, 박스 모델 외
700 1 ▼a 윤인성, ▼e
830 0 ▼a 위키북스 오픈소스 & 웹 시리즈 ; ▼v 083
910 0 ▼a EBISUCOM, ▼e
910 0 ▼a E bisukomu, ▼e
945 ▼a KLPA
949 ▼a 위키북스 오픈소스 and 웹 시리즈 ; ▼v 083

Holdings Information

No. Location Call Number Accession No. Availability Due Date Make a Reservation Service
No. 1 Location Science & Engineering Library/Sci-Info(Stacks1)/ Call Number 005.72 2017z1 Accession No. 121242085 Availability Available Due Date Make a Reservation Service B M

Contents information

Book Introduction

멀티 디바이스에 대응하는 웹 사이트를 단계적으로 만들어 보면서 최신 표준의 HTML과 CSS를 공부하기 위한 책이다. 웹 페이지 제작을 둘러싼 환경은 최근 몇 년 동안 크게 변화하고 있다. PC보다는 스마트폰, 태블릿 등의 모바일 장치에서 더 많이 접속하고 있으며, 이로 인해 단순한 1단 구조를 가진 웹 페이지를 많이 만들게 되었다. 이 책에서는 오래된 웹 브라우저 때문에 사용하지 못하던 기능들을 모두 활용해 간단한 단계를 거쳐 현대적인 웹 페이지를 만드는 방법을 소개한다.

플렉시블 박스 레이아웃을 이용한 최신 표준 반응형 웹 디자인 마스터하기!

이 책은 멀티 디바이스에 대응하는 웹 사이트를 단계적으로 만들어 보면서 최신 표준의 HTML과 CSS를 공부하기 위한 책입니다.

웹 페이지 제작을 둘러싼 환경은 최근 몇 년 동안 크게 변화하고 있습니다. PC보다는 스마트폰, 태블릿 등의 모바일 장치에서 더 많이 접속하고 있으며, 이로 인해 단순한 1단 구조를 가진 웹 페이지를 많이 만들게 되었습니다. 이 책에서는 오래된 웹 브라우저 때문에 사용하지 못하던 기능들을 모두 활용해 간단한 단계를 거쳐 현대적인 웹 페이지를 만드는 방법을 소개합니다.

6단계의 학습 과정을 통해 웹 사이트 제작의 기초부터 웹 페이지 재구성까지 효율적으로 공부할 수 있게 안내하며, 예제 파일을 내려받아 학습하거나 활용할 수 있도록 준비했습니다. 또한 앞으로 웹 페이지 만들기를 배우는 분이나 최신 HTML + CSS에 관심 있는 분들을 위해 웹 페이지 제작과 관련된 기술을 모두 정리해서 책의 뒷부분에 실었습니다.


Information Provided By: : Aladin

Author Introduction

EBISUCOM(지은이)

다양한 미디어와 관련된 기획/제작을 하고 있다. 컴퓨터와 관련해서 서적/디지털 영상/CG/소프트웨어의 기획과 제작, 시스템 구축 등을 하고 있다.

윤인성(옮긴이)

출근하는 게 싫어서 책을 집필하기 시작했다. 현재 직업 특성상 집에서 나갈 이유가 별로 없다는 것에 굉장히 만족하는 성격이기도 하다. 홍차와 커피를 좋아하며 기타, 가야금, 그림 그리기, 스컬핑 등이 취미이다. 저서로는 『혼자 공부하는 파이썬』, 『IT CookBook, HTML5 웹 프로그래밍』, 『모던 웹을 위한 JavaScript+jQuery 입문』, 『모던 웹을 위한 Node.js 프로그래밍』, 『모던 웹 디자인을 위한 HTML5+CSS3 입문』 등이 있으며, 역서로는 『TopCoder 알고리즘 트레이닝』, 『자바 퍼즐러』, 『소셜 코딩으로 이끄는 GitHub 실천 기술』, 『Nature of Code』 등이 있다.

Information Provided By: : Aladin

Table of Contents

[1장] 사전 준비 
1-1 1단 구성 웹 페이지를 최신 HTML과 CSS로 만들기 
1-1-1 1단 구성 웹 페이지란? 
__반응형 웹 디자인 
__시맨틱 
1-1-2 최신 HTML과 CSS 
__오래된 브라우저 지원 
1-2 구축할 페이지와 사이트 
1-2-1 페이지 구조와 만드는 순서 
1-2-2 페이지의 배색 
1-3 웹 페이지 준비하기 
1-3-1 HTML 파일 설정하기 
1-3-2 CSS 파일 설정하기 
__HTML과 CSS 수정에 사용할 텍스트 에디터 
__페이지 출력 확인에 사용할 브라우저 
__다양한 화면 크기에서 출력 결과를 간단하게 확인하는 방법 

[2장] 최상위 페이지 만들기 - 콘텐츠 
2-1 CONTENTS A: 히어로 이미지 
2-1-1 이미지 위에 글자 출력하기 
2-1-2 웹 폰트로 출력할 글자 간격 조정하기 
2-1-3 브라우저 화면을 꽉 채우도록 이미지 출력하기 
2-1-4 SVG로 로고 이미지 출력하기 
2-1-5 링크 박스 출력하기 
2-2 CONTENTS B: 개요(아이콘 + 글자) 
2-2-1 개요 글자 출력하기 
2-2-2 아이콘 출력 
2-2-3 3개의 개요를 가로로 정렬하기 
2-3 CONTENTS C: 개요(이미지 + 글자) 
2-3-1 이미지와 글자 출력하기 
2-3-2 이미지와 글자를 가로로 정렬하기 
2-4 CONTENTS D: 개요(이미지 + 글자: 반대로 배치하기) 
2-4-1 콘텐츠 C를 기반으로 새로운 블록 만들기 
2-4-2 이미지의 너비를 고정하고 정렬 순서 변경하기 

[3장] 최상위 페이지 만들기 - 내비게이션 
3-1 FOOTER A: 사이트 정보 
3-1-1 사이트 정보 출력하기 
3-1-2 푸터 디자인 지정하기 
3-2 FOOTER B: 푸터 메뉴 
3-2-1 푸터 메뉴 만들기 
3-2-2 3개의 메뉴를 가로로 정렬하기 
3-3 FOOTER C: 저작권 
3-3-1 저작권 출력하기 
3-3-2 푸터 내부의 요소 레이아웃 조정하기 
3-4 FOOTER D: SNS 메뉴 
3-4-1 SNS 메뉴 출력하기 
3-4-2 SNS 메뉴의 디자인 지정하기 
3-5 HEADER A : 헤더의 사이트 이름 
3-6 HEADER B : 내비게이션 메뉴 
3-6-1 내비게이션 메뉴 만들기 
3-6-2 큰 화면에서는 내비게이션 메뉴를 가로로 정렬하기 
3-7 HEADER C : 토글 버튼 
3-7-1 토글 버튼 만들기 
3-7-2 토글 버튼으로 내비게이션 메뉴 열고 닫기 

[4장] 콘텐츠 페이지 만들기 - 콘텐츠 / 소개 / 문의 
4-1 콘텐츠 페이지 
4-1-1 콘텐츠 페이지 만들기 
4-1-2 기사의 디자인 지정하기 
4-1-3 빵 부스러기 리스트 출력하기 
4-2 소개 페이지 
4-2-1 소개 페이지 만들기 
4-2-2 이미지와 연혁 출력하기 
4-3 문의 페이지 
4-3-1 문의 페이지 만들기 
4-3-2 지도 출력하기 

[5장] 기사 목록 페이지 만들기 - 카드 형태 / 썸네일 형태 
5-1 기사 목록 A : 카드 형태(이미지 + 글자를 위아래에 배치) 
5-1-1 기사 목록 A 페이지 만들기 
5-1-2 기사 개요 출력하기 
5-1-3 브라우저 화면의 너비에 따라 개요의 정렬 상태 바꾸기 
5-2 기사 목록 B : 카드 형태(이미지 + 글자를 왼쪽 오른쪽에 배치) 
5-3 기사 목록 C : 썸네일 형태(이미지 + 글자를 중첩해서 배치) 

[6장] 디자인 재구성 
6-1 헤더 색 재구성하기 
6-2 헤더와 히어로 이미지를 하나로 디자인하기 
6-3 헤더를 화면 위에 고정하기 
6-4 연관 기사 메뉴 추가하기 
6-5 메타데이터 추가하기 
6-6 페이지의 기본색 재구성하기 

[부록] 
HTML 레퍼런스 
__기본 문법 
__HTML 기본 설정 
__메타데이터 
__섹션 
__콘텐츠 
CSS 레퍼런스 
__CSS 기본 문법 
__선택자 
__미디어쿼리 
박스 모델 
__박스의 기본 설정 
__박스의 종류 
__플렉시블 박스 레이아웃 
__포지션 레이아웃 
__박스 내부의 콘텐츠 디자인 
__단위 
__색 
__변수 
최적화 
주요 장치의 화면 크기 
오래된 브라우저 전용 설정

New Arrivals Books in Related Fields