홈앤서비스 SK BROADBAND

유튜버 리베하얀의 20년간 실무 노하우를 담은 웹퍼블리셔가 몰래 꺼내 보는 책

이 책은 유튜브를 통해 기술적 한계에 부딪힌 웹퍼블리셔들의 고민을 소통해온 저자의 20년간 수많은 웹퍼블리싱 프로젝트 경험을 녹여낸 실무 패턴집이다. UI 패턴집 시리즈의 첫 번째 편으로 웹사이트에서 볼 수 있는 메인 메뉴, 서브 메뉴, 탭 메뉴, 모바일 메뉴, 반응형 메뉴를 디자인별로 다룬다. 기초 HTML, CSS, jQuery를 바탕으로 실무를 경험하지 않으면 알 수 없는, 초보 웹퍼블리셔들이 가장 많이 실수하는 부분들을 콕 집어 코딩 기법을 체계적으로 설명한다. 더불어 한국형 웹 콘텐츠 접근성 지침 2.1을 함께 설명하고 화면 낭독기가 읽는 실제 결과 화면을 제공하여 웹 접근성을 준수하는 웹퍼블리셔 양성에 도움이 되고자 한다.

들어가며

1부. 웹퍼블리싱의 기본 갖추기

_1장. 코드 읽는 법
__1-1 HTML 코드
__1-2 CSS 코드
__1-3 CSS 초기화 파일
_2장. 환경 세팅
__2-1 웹폰트 적용
__2-2 디자인 툴
__2-3 코드 에디터 아톰(Atom)
__2-4 HTML5와 CSS3
__2-5 JavaScript와 jQuery
__2-6 웹 접근성과 화면 낭독기
__2-7 브라우저 호환성
_3장. 메뉴란?
__3-1 메뉴의 종류
__3-2 메뉴 코딩 전 준비 사항

2부. 코드로 배우는 실무 웹퍼블리싱

_4장. 메인 메뉴
__4-1 하위 메뉴가 없는 GNB
__4-2 하위 메뉴가 세로형인 GNB
__4-3 하위 메뉴가 가로형인 GNB
__4-4 하위 메뉴가 일체형인 GNB
_5장. 서브 메뉴
__5-1 하위 메뉴가 없는 사이드 배치형 SNB
__5-2 하위 메뉴가 아래로 펼쳐지는 사이드 배치형 SNB
__5-3 하위 메뉴가 옆으로 펼쳐지는 사이드 배치형 SNB
__5-4 브레드크럼형 SNB
__5-5 탭 메뉴형 SNB
_6장. 탭 메뉴
__6-1 테두리가 있는 탭 메뉴
__6-2 아래 테두리가 없는 탭 메뉴
__6-3 2 뎁스로 구성된 탭 메뉴
__6-4 두 줄 이상인 탭 메뉴
_7장. 모바일 메뉴
__7-1 상단 배치형 메뉴
__7-2 하단 고정형 메뉴
__7-3 햄버거형 메뉴
__7-4 슬라이드형 메뉴
_8장. 반응형 메뉴
__8-1 GNB의 디자인이 바뀌는 메뉴
__8-2 검색창의 디자인이 바뀌는 메뉴
__8-3 메가 메뉴의 디자인이 바뀌는 메뉴

이 책을 마무리하며