장바구니 담기 close

장바구니에 상품을 담았습니다.

장바구니로 계속쇼핑하기
HTML+CSS 실전 입문서
미리보기

HTML+CSS 실전 입문서

  • 김영일
  • |
  • 길벗캠퍼스
  • |
  • 2025-07-15 출간
  • |
  • 336페이지
  • |
  • 183 X 235mm
  • |
  • ISBN 9791140714704
판매가

25,000원

즉시할인가

24,250 원

배송비

2,300원

(제주/도서산간 배송 추가비용:3,000원)

추가상품
상품선택
독서대 7,900원 독서대 선택안함 0원
수량
+ -
총주문금액
24,250원
장바구니 구매하기

※ 스프링제본 상품은 반품/교환/환불이 불가능하므로 신중하게 선택하여 주시기 바랍니다.

북스크린영상으로 만나보는 한 권의 책 이야기

출판사서평

누구나 쉽게 디자인하고 코딩한다!
AI의 시대의 근간이 되는 웹과 앱의 필수 학습 과정이자, 웹디자인, UI, 인터페이스를 구성하는 기본 구성인 HTML&CSS를 비전공자나 디자이너도 알기 쉽게 웹, 앱 구성의 필수 레이아웃 및 자주 사용하는 기능적 요소만 엄선하여 소개합니다.

STEP1 웹과 앱의 디자인 이론과 개념의 이해
STEP2 자주 쓰는 중요 기능 중심의 HTML5, CSS3 실습
STEP3 핵심요약 및 연습문제로 배운 내용 스스로 점검하며 완성

목차

1장 | 웹 이해 및 웹 표준화
1.1 실습 환경 IDE : Visual Studio Code(코드 실습 환경)
1.2 Internet의 시작
클라이언트와 웹서버의 관계
클라이언트 - 웹서버 - 데이터베이스의 관계
1.3 HTML + CSS + JAVASCRIPT의 유기적 구조
1.4 Web Standards & Web Accessibility(웹 표준화 접근성)
1.5 Web Application Architecture & Markup Language(웹 시스템 구조 및 웹 데이터의 논리적 구성)
1.6 Browser 점유율
전체 모든 플랫폼(데스크톱 + 모바일 + 테블릿)
데스크톱 환경
핵심 요약

2장 | HTML 기본 구조 및 필수 태그
2.1 HTML의 구조
2.2 head 태그
인코딩
반응형 웹 표시
브라우저 타이틀
외부 경로
자바스크립트 작성
스타일시트 작성
2.3 body 태그
Heading Text(헤딩 텍스트)
Text
주석 처리
문단(paragraph) 태그
list 태그
img 태그
2.4 공간 태그 : div/span
div 태그
span 태그
2.5 block level 태그 / inline level 태그
2.6 semantic 태그
2.7 form 태그
2.8 기타 태그
멀티미디어 태그
테이블 태그
color
2.9 상대/절대경로
핵심 요약
연습 문제

3장 | CSS : 선택자, 박스 모델
3.1 CSS 구조와 이해
CSS의 기능
CSS의 기본 구조
3.2 CSS 크로스브라우징 호환성 체크
3.3 CSS 초기화
3.4 CSS 사용법 3가지
EXTERNAL CSS(외부 링크)
INTERNAL CSS(STYLE 내부 작성)
INLINE CSS(body 태그에 삽입)
3.5 Selector(선택자)
3.6 background
3.7 Box Model - padding, border, margin
box-sizing : 박스 기준 설정
3가지 박스 모델
시계방향 1~4개 개수별 차이
핵심 요약
연습 문제

4장 | CSS : 폰트, 크기
4.1 font, text
텍스트 컬러
텍스트 정렬
텍스트 대문자 표현
텍스트 데코레이션
글자 그림자 표현
Font
4.2 width/height, px, %, vh, vw
PX(pixel) 고정 : 기본 절댓값
%(percent) 가변 : 상댓값
VW(viewport width)
VH(viewport height)
4.3 em/rem
4.4 line-height
4.5 vertical-align
핵심 요약
연습 문제

5장 | CSS : layout 1
5.1 가상 엘리먼트
앵커 가상 클래스
순서의 가상 클래스
가상 요소
5.2 box-sizing
5.3 고전적 float : left
5.4 overflow
5.5 display
display : none
display : inline
display : block
display : inline-block
display : flex
display : grid
5.6 Block Formatting Context(BFC)
핵심 요약
연습 문제

6장 | CSS : layout 2
6.1 layout 1 : clear : both;
6.2 layout 2 : overflow : hidden
6.3 layout 3 : clearfix
6.4 position / z-index
position
z-index
6.5 현대적 flex
부모 속성
자식 속성
6.6 현대적 grid
핵심 요약
연습 문제

7장 | CSS : 알아두면 유용한 팁
7.1 margin collapsing(마진 겹침 현상)
7.2 negative margin
7.3 inheritance(상속)
7.4 가로 또는 세로 정렬(center align)
1줄 텍스트 정렬일 경우
2줄 이상 텍스트 중앙 정렬일 경우
7.5 중앙 정렬(가로+세로)
마진과 위치 값을 활용한 방법
마진 오토와 양 끝 모서리 부분 0 값을 활용한 방법
display : table-cell 이용한 방법
flex 방법
7.6 가시성, 투명도, 애니메이션(visibility, transitions, transform, @keyframes, animation)
7.7 기타 유용한 팁
핵심 요약
연습 문제

8장 | CSS 함수 및 반응형 레이아웃
8.1 반응형 웹
8.2 css 함수 : var( )
8.3 css 함수 : calc( )
핵심 요약
연습 문제

9장 | HTML, CSS 입문 실습
9.1 HTML 기초 하이퍼링크
9.2 HTML 구조와 절대 / 상대경로
9.3 HTML, CSS 이미지와 내비게이션
9.4 HTML, CSS 반응형에 따른 메뉴 가로&세로
반응형에 따른 가로 형태
반응형에 따른 세로 형태
9.5 HTML, CSS 반응형 이미지 카드 갤러리

10장 | HTML, CSS 기초 레이아웃 실습
10.1 기초 웹페이지 응용 실습 1
10.2 기초 웹페이지 응용 실습 2
10.3 기초 웹페이지 응용 실습 3

11장 | HTML, CSS 활용 실습
11.1 forms 활용한 로그인 페이지
결과 미리보기
html
css
11.2 forms 활용한 회원 가입 및 요청 사항 폼
결과 미리보기
html
css
11.3 dropdown 가로 메뉴
결과 미리보기
html
css
11.4 dropdown 세로 메뉴
결과 미리보기
html + javascript
css
11.5 TABLE 활용한 리스트
결과 미리보기
html
css
11.6 이미지가 들어간 로그인 페이지 254
결과 미리보기
html
css

12장 | HTML, CSS 실전 실습
12.1 실전 학습을 위한 기초 내용 체크
html
css
12.2 실전 학습을 위한 예제 1
pc 화면
모바일 화면
html + css 전체 코드
12.3 실전 학습을 위한 예제 2
pc 화면
모바일 화면
html
12.4 실전 학습을 위한 예제 3
pc 화면
모바일 화면
html
style.css
12.5 실전 학습을 위한 예제 4
pc 화면
모바일 화면
html
css

13장 | GIT 데이터 버전 관리
13.1 GIT(깃) 버전 관리 프로그램
git 소개
git 설치
13.2 생성 공간에 파일 업로드 방법
가장 빠르게 업로드하는 방법
Git 코드 사용법
vscode에서 세팅 후 업로드 방법
업로드 / 다운로드 GIT 명령어 정리
13.3 GitHub 계정으로 생성형 ai 코드 활용법

도서소개


 

추천포스트

교환 및 환불안내

도서교환 및 환불
  • ㆍ배송기간은 평일 기준 1~3일 정도 소요됩니다.(스프링 분철은 1일 정도 시간이 더 소요됩니다.)
  • ㆍ상품불량 및 오배송등의 이유로 반품하실 경우, 반품배송비는 무료입니다.
  • ㆍ고객님의 변심에 의한 반품,환불,교환시 택배비는 본인 부담입니다.
  • ㆍ상담원과의 상담없이 교환 및 반품으로 반송된 물품은 책임지지 않습니다.
  • ㆍ이미 발송된 상품의 취소 및 반품, 교환요청시 배송비가 발생할 수 있습니다.
  • ㆍ반품신청시 반송된 상품의 수령후 환불처리됩니다.(카드사 사정에 따라 카드취소는 시일이 3~5일이 소요될 수 있습니다.)
  • ㆍ주문하신 상품의 반품,교환은 상품수령일로 부터 7일이내에 신청하실 수 있습니다.
  • ㆍ상품이 훼손된 경우 반품 및 교환,환불이 불가능합니다.
  • ㆍ반품/교환시 고객님 귀책사유로 인해 수거가 지연될 경우에는 반품이 제한될 수 있습니다.
  • ㆍ스프링제본 상품은 교환 및 환불이 불가능 합니다.
  • ㆍ군부대(사서함) 및 해외배송은 불가능합니다.
  • ㆍ오후 3시 이후 상담원과 통화되지 않은 취소건에 대해서는 고객 반품비용이 발생할 수 있습니다.
반품안내
  • 마이페이지 > 나의상담 > 1 : 1 문의하기 게시판 또는 고객센터 1800-7327
교환/반품주소
  • 경기도 파주시 문발로 211 1층 / (주)북채널 / 전화 : 1800-7327
  • 택배안내 : CJ대한통운(1588-1255)
  • 고객님 변심으로 인한 교환 또는 반품시 왕복 배송비 5,000원을 부담하셔야 하며, 제품 불량 또는 오 배송시에는 전액을 당사에서부담 합니다.