퍼블리싱 필수 스펙: HTML·CSS·접근성
구조 설계부터 반응형·접근성까지 기본기 완성 (반응형 웹, 코딩 컨벤션, 컴포넌트 기반 UI, 성능 최적화)
지식이야기
2026년 02월 10일 출간
(개의 리뷰)
(
0%의 구매자)
- eBook 상품 정보
- AI(생성형) 활용 제작 도서
- 파일 정보 ePUB (0.87MB)
- ISBN 9791176241571
- 지원기기 교보eBook App, PC e서재, 리더기, 웹뷰어
-
교보eBook App
듣기(TTS) 가능
TTS 란?텍스트를 음성으로 읽어주는 기술입니다.
- 전자책의 편집 상태에 따라 본문의 흐름과 다르게 텍스트를 읽을 수 있습니다.
- 이미지 형태로 제작된 전자책 (예 : ZIP 파일)은 TTS 기능을 지원하지 않습니다.
이 상품은 배송되지 않는 디지털 상품이며,
교보eBook앱이나 웹뷰어에서 바로 이용가능합니다.
작품소개
이 상품이 속한 분야
“퍼블리싱 필수 스펙: HTML·CSS·접근성”은 웹 퍼블리싱을 처음부터 차근차근 익히려는 독자를 위한 기초 안내서입니다. 화면이 브라우저에서 어떻게 구성되는지의 원리를 바탕으로, HTML로 의미 있는 구조를 만들고 CSS로 일관된 표현을 적용하는 과정을 단계적으로 설명합니다.
이 책은 복잡한 프레임워크나 고급 응용 기법을 다루기보다, 퍼블리싱에 필요한 핵심 요소를 정확히 이해하고 기본기를 안정적으로 쌓는 데 초점을 맞춥니다. 문서 구조, 텍스트와 미디어 마크업, 폼 구성, 시맨틱 요소 선택, CSS 선택자와 레이아웃, 반응형의 기본 원리, 그리고 접근성의 필수 기준까지, 실제 제작에서 반복적으로 마주치는 주제를 기초 수준에서 정리했습니다.
또한 결과물의 품질을 좌우하는 접근성을 독립된 축으로 다루어, 누구나 사용할 수 있는 화면을 만드는 기본 원칙을 자연스럽게 익히도록 구성했습니다. 각 장은 개념과 규칙을 중심으로 설명되어, 특정 개인의 경험이나 작업 방식에 기대지 않고도 표준적인 퍼블리싱 관점을 갖추도록 돕습니다.
웹 퍼블리셔를 준비하는 학습자, 퍼블리싱을 담당하게 된 기획자나 디자이너, 기본 용어와 구조를 다시 점검하고 싶은 실무 초입의 독자에게 이 책은 “필수 스펙”을 선명하게 정리해주는 출발점이 될 것입니다.
*생성형 인공지능을 활용하여 제작하고 편집 과정을 거쳤습니다. 편집자의 최종 검토를 거쳐 제작되었습니다.
이 책은 복잡한 프레임워크나 고급 응용 기법을 다루기보다, 퍼블리싱에 필요한 핵심 요소를 정확히 이해하고 기본기를 안정적으로 쌓는 데 초점을 맞춥니다. 문서 구조, 텍스트와 미디어 마크업, 폼 구성, 시맨틱 요소 선택, CSS 선택자와 레이아웃, 반응형의 기본 원리, 그리고 접근성의 필수 기준까지, 실제 제작에서 반복적으로 마주치는 주제를 기초 수준에서 정리했습니다.
또한 결과물의 품질을 좌우하는 접근성을 독립된 축으로 다루어, 누구나 사용할 수 있는 화면을 만드는 기본 원칙을 자연스럽게 익히도록 구성했습니다. 각 장은 개념과 규칙을 중심으로 설명되어, 특정 개인의 경험이나 작업 방식에 기대지 않고도 표준적인 퍼블리싱 관점을 갖추도록 돕습니다.
웹 퍼블리셔를 준비하는 학습자, 퍼블리싱을 담당하게 된 기획자나 디자이너, 기본 용어와 구조를 다시 점검하고 싶은 실무 초입의 독자에게 이 책은 “필수 스펙”을 선명하게 정리해주는 출발점이 될 것입니다.
*생성형 인공지능을 활용하여 제작하고 편집 과정을 거쳤습니다. 편집자의 최종 검토를 거쳐 제작되었습니다.
챕터 1 웹 퍼블리싱의 역할과 작업 범위
HTML 문서와 CSS 스타일의 관계
퍼블리셔가 다루는 산출물
브라우저가 화면을 그리는 흐름
표준과 호환성의 의미
정적 페이지와 동적 페이지에서의 퍼블리싱
퍼블리싱 품질 기준의 큰 축
챕터 2 HTML 문서 구조 이해
문서 타입과 기본 골격
head 영역의 구성 요소
body 영역의 콘텐츠 흐름
문서 언어와 문자 인코딩
제목 체계와 문서의 계층
의미 있는 구조로 묶는 방법
링크와 리소스 연결 방식
챕터 3 텍스트와 미디어 콘텐츠 마크업
문단과 줄바꿈의 올바른 사용
강조와 인용의 의미 차이
목록 구성의 기본 원칙
이미지의 기본 삽입과 대체 텍스트
오디오와 비디오의 기본 속성
표의 목적과 기본 구조
링크 텍스트의 명확성
챕터 4 폼 요소와 입력 기본
폼의 목적과 데이터 흐름
label과 입력 요소 연결
기본 입력 타입과 사용 상황
선택 요소와 옵션 구성
버튼의 종류와 역할
필수 입력과 안내 텍스트
간단한 유효성 검사의 개념
챕터 5 시맨틱 요소와 구조 설계
의미 기반 요소를 쓰는 이유
header nav main footer의 역할
section article의 구분 기준
aside의 사용 맥락
그룹핑 요소의 선택 기준
콘텐츠 순서와 읽기 흐름
재사용 가능한 구조 패턴
챕터 6 CSS 적용 방식과 선택자 기초
스타일 적용 우선순위
외부 스타일시트 연결
기본 선택자와 조합
상속과 초기값의 이해
단위와 값의 기본 규칙
색상 표기 방식
간단한 상태 선택 개념
챕터 7 박스 모델과 레이아웃 기본
콘텐츠 영역과 여백 구조
width height 계산 방식
display의 기본 동작
position의 기본 개념
flex 레이아웃의 핵심 개념
grid 레이아웃의 핵심 개념
간격과 정렬의 기본 원리
오버플로우 처리의 기본
챕터 8 타이포그래피와 시각 스타일 기본
폰트 패밀리와 폴백
폰트 크기와 줄 높이
텍스트 정렬과 간격
가독성을 위한 대비 개념
배경과 테두리 기본
아이콘과 이미지의 정렬
일관된 스타일 적용 방식
챕터 9 반응형 웹의 기본 원리
뷰포트 개념과 화면 크기
유동 레이아웃의 핵심
미디어 쿼리의 기본 구조
이미지와 미디어의 반응형 처리
텍스트 크기 조절의 기본
모바일 우선 사고방식
브레이크포인트의 기준 설정
챕터 10 접근성의 기초 원칙과 적용
접근성의 목적과 범위
키보드 사용 가능성의 기본
대체 텍스트의 기준
명확한 레이블과 안내
콘텐츠 순서와 포커스 흐름
색에만 의존하지 않는 표현
표와 폼의 접근성 기본
의미 있는 제목과 랜드마크 활용
HTML 문서와 CSS 스타일의 관계
퍼블리셔가 다루는 산출물
브라우저가 화면을 그리는 흐름
표준과 호환성의 의미
정적 페이지와 동적 페이지에서의 퍼블리싱
퍼블리싱 품질 기준의 큰 축
챕터 2 HTML 문서 구조 이해
문서 타입과 기본 골격
head 영역의 구성 요소
body 영역의 콘텐츠 흐름
문서 언어와 문자 인코딩
제목 체계와 문서의 계층
의미 있는 구조로 묶는 방법
링크와 리소스 연결 방식
챕터 3 텍스트와 미디어 콘텐츠 마크업
문단과 줄바꿈의 올바른 사용
강조와 인용의 의미 차이
목록 구성의 기본 원칙
이미지의 기본 삽입과 대체 텍스트
오디오와 비디오의 기본 속성
표의 목적과 기본 구조
링크 텍스트의 명확성
챕터 4 폼 요소와 입력 기본
폼의 목적과 데이터 흐름
label과 입력 요소 연결
기본 입력 타입과 사용 상황
선택 요소와 옵션 구성
버튼의 종류와 역할
필수 입력과 안내 텍스트
간단한 유효성 검사의 개념
챕터 5 시맨틱 요소와 구조 설계
의미 기반 요소를 쓰는 이유
header nav main footer의 역할
section article의 구분 기준
aside의 사용 맥락
그룹핑 요소의 선택 기준
콘텐츠 순서와 읽기 흐름
재사용 가능한 구조 패턴
챕터 6 CSS 적용 방식과 선택자 기초
스타일 적용 우선순위
외부 스타일시트 연결
기본 선택자와 조합
상속과 초기값의 이해
단위와 값의 기본 규칙
색상 표기 방식
간단한 상태 선택 개념
챕터 7 박스 모델과 레이아웃 기본
콘텐츠 영역과 여백 구조
width height 계산 방식
display의 기본 동작
position의 기본 개념
flex 레이아웃의 핵심 개념
grid 레이아웃의 핵심 개념
간격과 정렬의 기본 원리
오버플로우 처리의 기본
챕터 8 타이포그래피와 시각 스타일 기본
폰트 패밀리와 폴백
폰트 크기와 줄 높이
텍스트 정렬과 간격
가독성을 위한 대비 개념
배경과 테두리 기본
아이콘과 이미지의 정렬
일관된 스타일 적용 방식
챕터 9 반응형 웹의 기본 원리
뷰포트 개념과 화면 크기
유동 레이아웃의 핵심
미디어 쿼리의 기본 구조
이미지와 미디어의 반응형 처리
텍스트 크기 조절의 기본
모바일 우선 사고방식
브레이크포인트의 기준 설정
챕터 10 접근성의 기초 원칙과 적용
접근성의 목적과 범위
키보드 사용 가능성의 기본
대체 텍스트의 기준
명확한 레이블과 안내
콘텐츠 순서와 포커스 흐름
색에만 의존하지 않는 표현
표와 폼의 접근성 기본
의미 있는 제목과 랜드마크 활용
인물정보
저자(글) 지식이야기 IT팀
웹 퍼블리셔에 대한 관심을 바탕으로 독자 니즈와 시장 흐름을 꾸준히 연구하며, 복잡한 내용을 핵심 개념 중심으로 쉽게 정리한 지식콘텐츠를 성실히 제작하고 있습니다.
이 상품의 총서
Klover리뷰 (0)
Klover리뷰 안내
Klover(Kyobo-lover)는 교보를 애용해 주시는 고객님들이 남겨주신 평점과 감상을 바탕으로, 다양한 정보를 전달하는 교보문고의 리뷰 서비스입니다.
1. 리워드 안내
구매 후 90일 이내에 평점 작성 시 e교환권 100원을 적립해 드립니다.
- - e교환권은 적립일로부터 180일 동안 사용 가능합니다.
- - 리워드는 5,000원 이상 eBook, 오디오북, 동영상에 한해 다운로드 완료 후 리뷰 작성 시 익일 제공됩니다. (2024년 9월 30일부터 적용)
- - 리워드는 한 상품에 최초 1회만 제공됩니다.
- - sam 이용권 구매 상품 / 선물받은 eBook은 리워드 대상에서 제외됩니다.
2. 운영 원칙 안내
Klover리뷰를 통한 리뷰를 작성해 주셔서 감사합니다. 자유로운 의사 표현의 공간인 만큼 타인에 대한 배려를 부탁합니다. 일부 타인의 권리를 침해하거나 불편을 끼치는 것을 방지하기 위해 아래에 해당하는 Klover 리뷰는 별도의 통보 없이 삭제될 수 있습니다.
- 도서나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 리뷰
- 도서와 무관한 내용의 리뷰
- 인신공격이나 욕설, 비속어, 혐오 발언이 개재된 리뷰
- 의성어나 의태어 등 내용의 의미가 없는 리뷰
구매 후 리뷰 작성 시, e교환권 100원 적립
문장수집
문장수집 안내
문장수집은 고객님들이 직접 선정한 책의 좋은 문장을 보여 주는 교보문고의 새로운 서비스 입니다. 교보eBook 앱에서 도서 열람 후 문장 하이라이트 하시면 직접 타이핑 하실 필요 없이 보다 편하게 남길 수 있습니다. 마음을 두드린 문장들을 기록하고 좋은 글귀들은 ‘좋아요’ 하여 모아보세요. 도서 문장과 무관한 내용 등록 시 별도 통보없이 삭제될 수 있습니다.
리워드 안내
- 구매 후 90일 이내에 문장 수집 등록 시 e교환권 100원을 적립해 드립니다.
- e교환권은 적립일로부터 180일 동안 사용 가능합니다.
- 리워드는 5,000원 이상 eBook에 한해 다운로드 완료 후 문장수집 등록 시 제공됩니다. (2024년 9월 30일부터 적용)
- 리워드는 한 상품에 최초 1회만 제공됩니다.
- sam 이용권 구매 상품 / 선물받은 eBook / 오디오북·동영상 상품/주문취소/환불 시 리워드 대상에서 제외됩니다.
구매 후 문장수집 작성 시, e교환권 100원 적립
교보eBook 첫 방문을 환영 합니다!
신규가입 혜택 지급이 완료 되었습니다.
바로 사용 가능한 교보e캐시 1,000원 (유효기간 7일)
지금 바로 교보eBook의 다양한 콘텐츠를 이용해 보세요!
