『실전프로젝트 반응형 웹퍼블리싱』는 반응형 웹 퍼블리셔 초보를 위한 책이다. 웹 분야의 초보부터 실제 웹 디자이너와 퍼블리셔까지, 웹 기술의 미래를 준비할 수 있다. HTML/CSS/Javascript 기본기를 익힐 수 있고, HTML5/CSS3/jQuery까지 표준 웹 도구 익히기를 학습한다. 또한 차세대 표준 웹 기술인 '반응형 웹' 프로젝트를 실습할 수 있도록 구성했다.
저자소개
목차
시작하기 전에 1 쏟아지는 디바이스 시대, 이제는 반응형 웹이다! 2 프로젝트 진행에 필요한 설치 프로그램들
아이콕스 반응형 웹 페이지 미리보기 실습용 예제 소스 다운로드 안내
PARTⅠ 반응형 웹 사이트 마크업 (XHTML 구조) 01 반응형 웹 제작을 위한 XHTML 01-1 HTML 기본 문법(Basic HTML Grammar) 01-2 기본 문서 구조(Document Structure) 01-3 DTD 선언(Document Type Definition) 01-4 블록 요소(Block Element) 01-5 인라인 요소(Inline Element) 01-6 제목(Title) 01-7 단락(Paragraph) 01-8 주소(Address) 01-9 구분선(Horizontal line) 01-10 인용문(Quotation) 01-11 텍스트(Text) 01-12 이미지(Image) 01-13 링크(Link) 01-14 리스트(List) 01-15 테이블(Table) 01-16 폼(Form) 01-17 그룹핑(Grouping) 02 반응형 웹 제작을 위한 HTML5 01-18 새로운 구조(New Structure) 01-19 새로운 태그(New Tag) 01-20 폼 요소(Form Factor)
PARTⅡ 반응형 웹 사이트 디자인 (CSS 표현) 01 반응형 웹 제작을 위한 CSS 02-1 CSS 기본 문법(Basic CSS Grammar) 02-2 선택자(Selector) 02-3 서체(Font) 02-4 문단(Paragraph) 02-5 배경(Background) 02-6 상자(Box) 02-7 레이아웃(Layout) 02-8 조건 주석문(Conditional Comment) 02 반응형 웹 제작을 위한 CSS3 02-9 경계선(Border) 02-10 배경(Backgrounds) 02-11 문자 효과(Text Effects) 02-12 2차원 변형(2D Transform) 02-13 속성 전환(Transition) 02-14 애니메이션(Animation) 02-15 다단 편집(Multiple Column) 02-16 사용자 환경(User Interface)
PARTⅢ 반응형 웹 사이트 액션 제어 (Javascript 동작) 01 반응형 웹 제작을 위한 Javascript 03-1 선언문(Declaration) 03-2 변수 및 데이터 형(Variables & Data Type) 03-3 연산자(Operator) 03-4 제어문(Control Statement) 03-5 객체(Object) 03-6 함수(Function) 03-7 이벤트(Event) 03-8 브라우저 객체(Browser Object Model) 03-9 문서 객체(Document Object Model) 02 반응형 웹 제작을 위한 jQeury(mobile) 03-10 제이쿼리 라이브러리(jQuery Library) 03-11 선택자 및 속성(Selector & Attribute) 03-12 문서 객체 조작(DOM Control) 03-13 이벤트(Event) 03-14 효과(Effect) 03-15 애니메이션(Animation) 03-16 플러그인 활용(Plug-in) 03-17 제이쿼리 모바일(jQuery Mobile)
PARTⅣ 실전 Project! - iCox 반응형 페이지 제작 01 실전! 아이콕스 사이트 HTML5 마크업 04-1 기본 문서 구조 마크업 04-2 헤더 영역 마크업 04-3 신간추천 영역 마크업 04-4 메인 컨텐츠 영역 마크업 04-5 푸터 영역 마크업 04-6 유효성 검사 02 실전! 아이콕스 사이트 CSS3 디자인 04-7 전체 레이아웃 디자인 04-8 PC 버전 디자인 04-9 Tablet 버전 디자인 04-10 Mobile 버전 디자인 04-11 IE9 이하 환경을 위한 디자인 03 실전! 아이콕스 사이트 Javascript 제어 04-12 Header 영역 - PC/Tablet/Mobile GNB 04-13 Section 영역 - Click & Touch 슬라이드 배너 04-14 Content 영역 - 탭 메뉴(Tab Menu)
웹개발의 기본기가 필요하게되어 이책 저책 찾아봤으나 마음에 쏙 드는책이 없었습니다. 그러던 중 본 도서를 발견하게되었는데 어렵...
웹개발의 기본기가 필요하게되어 이책 저책 찾아봤으나 마음에 쏙 드는책이 없었습니다. 그러던 중 본 도서를 발견하게되었는데 어렵게 접할수 있는 내용임에도 불구하고 이해하기 쉽게 설명되어 있었습니다. 저같은 초보자에게 적합한 책이라고 말할 수 있겠습니다. 지루하지않도록 책 구성도 잘되어있고 내용도 꼭 필요한 알찬내용으로 구성되어있씁니다. 반응형 웹에 관심있거나 HTML5, CSS, Javascript를 처음 접하는 사람에게 추천해주고 싶은 책입니다.
반응형 웹-이라는 것은 도대체 뭘까…? 간단히 이야기하면, 이전에는 인터넷의 웹페이지를 PC의 스크린에 맞도록만 제작하면 됐었...
반응형 웹-이라는 것은 도대체 뭘까…? 간단히 이야기하면, 이전에는 인터넷의 웹페이지를 PC의 스크린에 맞도록만 제작하면 됐었지만 요새는 스마트폰이나 아이패드 미니 등 다양한 모바일 기기들이 쏟아져 나오면서 웹페이지가 실행되는 기기에 맞도록 동적으로 대처 가능한 웹페이지를 말한다. 말하고 보니, 특히나 자주 가는 인터넷 서점 페이지가 아이패드에서 실행을 하면 모바일 버전으로 바뀌던 것이 생각이 난다. 여하튼 반응형 웹이라는 것은 결국 시대의 흐름인 것이다.
그 반응형 웹이라는 것을 처음 접했을 때 신기했던 것이 생각이 나는데… 잃게 제대로 된 책을 보니 참 좋다. 아이콕스의 이런 류의 책들은 정말 실전 위주로 초보자가 유용하게 쓸 수 있도록 작성되어 있어서 참 좋은 것 같다. 전에 봤던 ‘아이폰으로 용돈벌기’도 참 현실적으로 만들어놨다고 감탄했는데 이 책도 그렇다. 떨렁 반응형 웹페이지를 작성하기 위한 부분만 다루는 것이 아니라 제대로 작성하기 위한 기반 지식부터 차근차근 풀어서 설명한다. 그래서 초보자라면 정말 보기 좋을 것 같다. 고수님들은 또 모르겠다.
“웹페이지를 제작할 때 문서의 기본 구조를 잡아주는 것이 바로 ‘마크업’ 입니다. 만약 잘못된 구조로 마크업을 한다면 CSS(디자인)과 Javascript(동작)을 적용할 때 어려움이 있을 뿐 아니라, 잘 적용한다고 해도 제 기능과 역할을 수행하지 못하는 부실한 웹페이지가 나올 수밖에 없습니다. - p22
오~ 처음부터 아주 맞는 말만 한다. 알고보니 웨페이지도 프로그래밍과 비슷해서 이런 기초를 놓쳐버리면 제대로된 페이지를 만들 수가 없는 것 같다. 그렇기에 기본이 되는 XHTML 구조에 대해서 자세하게 설명해놨다. 준수해야 되는 규칙이나 문법들에 대한 예제를 유효적절하게 설명하고, 중요한 부분은 노란색 형광펜을 칠하듯 강조까지 해놓는다. 보기도 좋고 읽기도 좋다는 이야기다. 초보자라고해도 이 책이라면 정말 문제없을 것 같다.
차례를 보면 XHTML5, CSS3, Javascript, jQuery 등을 다루고, 이후 실전 프로젝트로 직접 페이지 제작을 하는 것에 대한 부분이 풀소스로 나와있다. 물론 보는 이의 성격이나 숙달 정도에 따라 틀리겠지만서도 내가 보기에 이 책은 웹페이지를 처음 공부하기를 원하는 사람이나 반응형 웹이란 것에 대해서 공부해보기에 좋은 실전용 책이다. 하지만 숙련도가 높은 사람들이나 jQuery 등 특정 부분에 대해 더 관심이 있는 사람들이라면 그에 관련된 다른 책을 보시기를 권유한다.
하지만 나처럼 웹페이지를 자세히 모르거나 초보자인 분들에게는 강력히 추천하고 싶은 책이다. 웹페이지에 대한 공부는 물론 시대의 흐름인 반응형웹에 대해서 실전으로 제작까지 완료해볼 수 있는 이런 유용한 책 찾아보기 힘들 것 같다. 특히나 책의 구성이나 디자인에는 만점을 주고싶다. 보기가 나는 참 좋았었다.