컨텐츠상세보기

Do it! 웹 사이트 따라 만들기
Do it! 웹 사이트 따라 만들기
  • 저자김윤미
  • 출판사이지스퍼블리싱
  • 출판일2019-11-28
  • 등록일2020-06-23
보유 2, 대출 1, 예약 0, 누적대출 4, 누적예약 2

책소개



웹 어워드 코리아 수상, 현역 웹 퍼블리셔의 방법 그대로!

웹 사이트 하나 통째로 만들면 나도 어느새 웹 퍼블리셔!



HTML, CSS, 자바스크립트 문법서는 공부했지만 웹 사이트를 만들려고 막상 키보드 위에 손을 올려놓으면 코드 한 줄도 못 쓰는 독자들을 위해서 이 책이 만들어졌습니다. 이 책에서는 웹 어워드 코리아에서 대상 및 최우수상 등을 수상한 경력 13년 차 웹 퍼블리셔가 알려주는 실무 방법 그대로 웹 사이트 하나를 통째로 만듭니다. 텅 빈 화면에서 시작해 한 줄씩 코딩하다 보면 조금씩 완성되는 사이트를 눈으로 확인할 수 있습니다. 또한 완성 사이트 전체 소스도 제공되니 필요한 부분만 가져다 다른 사이트에 적용해서 자유롭게 활용해 보세요.

저자소개



저자 : 김윤미

그녀는 일에 대한 열정이 가득하고 언제나 두려움 없이 새로운 도전을 시작하는 실무 경력 13년 차 웹 퍼블리셔이다. 국내 웹 에이전시에서 활동하며 이니스프리, 에뛰드, 엘지 하우시스 등 유명한 쇼핑몰 제작에 참여했고 그동안 작업한 사이트 대부분은 웹 어워드 코리아에서 각 분야별로 최우수상 또는 대상을 수상하였다. 또한 웹 퍼블리싱 실무 강의로 인기를 끌기도 했다. 〈〈Do it! 웹 사이트 따라 만들기〉〉는 그녀의 실무 경험과 강의 경험이 결합되어 나온 책이다. 그녀의 업무 방식을 화면 그대로 정리해 이 책에 빠짐없이 옮겨 담았으며 이 책을 읽는 독자들의 시간을 절약해주기 위해 전체 소스도 공개했다. 이 소스를 그대로 활용하면 독자가 필요한 웹사이트를 빠르게 만들 수 있다. 그녀는 현재 외국계 기업에서 솔루션 프로그램을 만드는 프로젝트에 참여하고 있다.

목차

첫째마당. 웹 사이트 만들기 준비하기

-------------------------------------------------



01장 실습 전 익혀야 할 기본 지식

01-1 우리가 알아야 할 HTML 기본 상식

01-2 웹 페이지를 시각화하는 CSS

01-3 동적인 웹 페이지를 만들어 주는 자바스크립트

01-4 알아 두면 유용한 제이쿼리

01-5 자원과 시간 낭비를 막아주는 Ajax



02장 개발 환경 준비하기

02-1 개발 도구 설치하기

02-2 브라우저의 개발자 도구

02-3 크로스 브라우징

스페셜 01 웹 퍼블리셔에 대해서 알아보자!



-------------------------------------------------

둘째마당. 웹 페이지 만들기

-------------------------------------------------



03장 전체 레이아웃 만들기

03-1 HTML과 레이아웃

03-2 HTML 구조화

03-3 HEADER 영역

03-4 FOOTER 영역

03-5 콘텐츠 영역

03-6 가상 요소 활용하기



04장 페이지 이동 효과 만들기

04-1 동적인 웹 사이트를 위한 자바스크립트

04-2 콘텐츠 영역의 이동 형태 살펴보기

04-3 제이쿼리로 슬라이드 효과 만들기

04-4 페이지 구성 후 콘텐츠 영역 표시하기

04-5 transition 속성으로 애니메이션 효과 만들기



05장 회사소개 페이지 만들기

05-1 사용자와 콘텐츠

05-2 회사소개 페이지 본문 채우기

05-3 다양한 CSS 활용법

05-4 CSS 애니메이션 고도화 구현하기



06장 도서소개 페이지 만들기

06-1 콘텐츠를 다루는 방법

06-2 도서 상세 내용 만들기

06-3 롤링 배너 만들기

06-4 롤링 배너에 스크립트 추가하기



07장 도서소개 페이지 추가하기

07-1 Ajax 사용하기

07-2 3D 모션 활용하기



08장 FAQ 페이지 만들기

08-1 사용자 인터페이스 이해하기

08-2 아코디언 형태로 FAQ 페이지 만들기

08-3 스크립트로 아코디언 기능 구현하기



09장 Contact Us 페이지 만들기

09-1 폼 요소 살펴보기

09-2 Contact Us 페이지 만들기



10장 구글 API로 Contact Us 폼 처리하기

10-1 구글 앱스 메일로 가상 서버 만들기

10-2 문의 내용 접수 완료 팝업창 만들기

스페셜 02 웹 호스팅, FTP, SNS 활용법

전체 소스 보기