웹 표준 리뉴얼 마스터

HTML5 CSS3 jQuery 리뉴얼부터 반응형 포트폴리오까지

조혜경 지음

아이콕스 2019년 06월 26일 출간 종이책 : 2015년 10월 09일 출간

작품소개

책소개

HTML5 CSS3 jQuery 리뉴얼부터 반응형 포트폴리오까지 웹 분야 전문가인 저자의 노하우와 실무 중심의 프로젝트로 채워진 가이드북 [웹 표준 리뉴얼 마스터]. 실무 중심의 가이드북이지만 포토샵을 활용한 시안 작업과 웹 접근성을 준수하기 위한 체크리스트부터, 반응형 레이아웃 실습과 워드프레스로 응용하는 방법까지를 쉽고 친절하게 설명해 입문자부터 웹 표준에 맞는 사이트를 직접 리뉴얼해볼 수 있도록 안내한다.

목차

- 머리말
- 이 책의 사용법
- 부록 다운로드

Chapter 1. 기본 표준화 리뉴얼(푸른사회복지협의회)
01-1 계획
01-2 절차 정리
01-3 작업
01. 기존 사이트 살펴보기
02. 레이아웃 구성하기
03. 포토샵(자주 사용하는 명령의 단축키 정리)
04. 푸른사회복지협의회 리뉴얼을 위한 포토샵 시안 만들기
05. 제작된 PSD파일을 조각 이미지로 잘라 저장하기
06. 웹 접근성을 준수하기 위한 체크리스트 정하기
07. 웹 접근성에 충실한 마크업하기
08. 푸른사회복지협의회 리뉴얼 사이트에 CSS로 디자인 입히기
09. 필요한 스크립트 넣기
10. 서브(회원가입) 페이지 table과 dl로 제작하기
11. 서브(게시판) 페이지 제작하기
12. 공통부분 처리하기(include)

Chapter 2. 심화 표준화 리뉴얼(강풍경 펜션 with 제로보드)
02-1 개요
02-2계획과 절차
02-3작업
01. 필요한 콘텐츠 정리해보기
02. 포토샵 작업
03. 메인 페이지 마크업과 CSS
04. 서브 페이지 마크업과 CSS
05. 필요한 스크립트

Chapter 3. 반응형 레이아웃 실습(써니다육농장)
03-1 계획
03-2 작업
01. 페이지에 들어가야 할 내용
02. 메인 페이지 구성
03. 사이즈별 레이아웃 제작
04. 상세 시안
05. 마크업
06. CSS
07. 스크립트
08. 서브 페이지(다육식물 소개)

Chapter 4. 워드프레스 실무 응용(with 반응형 테마 수정)
04-1 워드프레스 설치하기
01. 호스팅, 도메인 설정 및 ftp접속 연장 신청
02. 워드프레스 다운로드
03. PHP 버전 변경이 필요한 경우
04. 워드프레스 설치
04-2 써니다육농장에 맞는 테마 고르기
04-3 테마를 설치하고 로고 변경하기
04-4 메뉴바 만들기
04-5 메인 페이지 제작
01. 데이터 준비
02. 카테고리 만들기
03. 글 만들기
04-6 상세 페이지 제작
04-7 서브 페이지 제작
04-8 플러그인으로 슬라이더 달기
04-9 플러그인으로 게시판 달기

Q&A Index(질문형 인덱스)

출판사 서평

■ 책 소개
딱딱하고 지루한 이론서가 아닌, 웹 분야 전문가인 저자의 노하우와 실무 중심의 프로젝트로 채워진 가이드북. 기존 이론서들에서 세밀히 다루지 못했던 실무 환경에서의 리뉴얼, 웹 표준의 적용과정을 중점적으로 학습할 수 있도록 기획된 도서로, 단순히 책 한 권을 통한 간접적인 경험이 아닌 보다 실제적이고 유용한 현장의 노하우를 익혀갈 수 있습니다. 또한 실무 중심의 가이드북이지만 포토샵을 활용한 시안 작업과 웹 접근성을 준수하기 위한 체크리스트부터, 반응형 레이아웃 실습과 워드프레스로 응용하는 방법까지를 쉽고 친절하게 설명해 입문자부터 웹 표준에 맞는 사이트를 직접 리뉴얼해보고자 하는 실무자 모두에게 유용한 도서가 될 것입니다.

■ 특장점
1. 가상 혹은 실재하는 사이트를 리뉴얼하며 실무에서의 웹 표준 및 접근성의 개념을 익힘
2. 주요 코딩마다 적용된 번호 설명으로 보다 효율적인 학습이 가능한 실무형 예제와 소스코드
3. 작업 전 해당 리뉴얼에 대한 미리보기식 기획 및 디자인 작업을 통한 생생한 현장 경험
4. 핵심 독자와 맞는 여러 학생 베타-테스터들을 통한 [학습 효과] 검증

작가정보

저자(글) 조혜경

저자 : 조혜경
저자 조혜경은
한국소프트정보통신
삼성인재개발원 IT전문강사
“웹표준 퍼블리셔” 자격증 출제위원