크레마클럽

분야
분야 전체
크레마클럽 허브
크레마클럽 가입하기
Do it! 인터랙티브 웹 페이지 만들기
공유하기

Do it! 인터랙티브 웹 페이지 만들기

최성일 저 | 이지스퍼블리싱 (주) | 2021년 8월 31일 한줄평 총점 9.6 (15건)정보 더 보기/감추기
  •  종이책 리뷰 (9건)
  •  eBook 리뷰 (2건)
  •  한줄평 (4건)
분야
IT 모바일 > IT 전문서
파일정보
PDF(DRM) 82.74MB
지원기기
크레마 PC(윈도우 - 4K 모니터 미지원) 아이폰 아이패드 안드로이드폰 안드로이드패드 전자책단말기(일부 기기 사용 불가) PC(Mac)

이 도서의 시리즈

내서재에 모두 추가

Do it! 인터랙티브 웹 페이지 만들기

가입하고 무료로 읽기

이 상품의 태그

#웹페이지제작 #웹디자인

책 소개

--------------------------
이 책에 나온 HTML, CSS, 자바스크립트만 알아도 충분하다!
비전공자도 만드는 최신 프런트엔드 웹 사이트 8가지!
--------------------------
최신 프런트엔드 웹 디자인은 물론 인터랙티브 웹 사이트 8개를 한 번에 완성할 수 있는 책이 나왔다! 베테랑 웹 디자이너이자 프런트엔드 개발자인 저자가 HTML, CSS, 자바스크립트만으로 누구나 화려한 웹 사이트를 만들 수 있게 알려 준다. 또한 실무에서 잘 쓰지 않는 기본 문법을 모두 배우느라 지치지 않게, 실전 예제에 꼭 필요한 웹 표준 문법만 간추려서 빠르고 쉽게 익힐 수 있도록 도와준다.
이 책에서 제공하는 8가지 프런트엔드 웹 사이트는 현업에서 최신 트렌드로 자리 잡은 인터랙티브 웹 포트폴리오를 만들 수 있게 구성했다. 완성된 웹 사이트를 직접 클론 코딩하면서 실력을 높이고, 덤으로 나만의 웹 포트폴리오를 가질 수 있는 기회를 놓치지 말자. 웹의 기초가 필요한 비전공자부터 화려한 디자인이 필요한 웹 디자이너, 최신 웹 기술을 반영하려는 웹 퍼블리셔까지 프런트엔드 기술이 필요한 사람이라면 꼭 읽어야 할 책이다.

★ 이 책에서 만드는 포트폴리오 8가지!
1. 온라인 프로필 카드 웹 페이지
2. 기업형 기본 웹 페이지
3. 밤낮이 바뀌는 마을 애니메이션 페이지
4. 306도 회전하는 파노라마 회사 소개 페이지
5. FLEX 레이아웃 기반의 동영상 웹 페이지
6. 자동으로 음악이 나오는 뮤직 플레이어
7. 핀터레스트 스타일의 반응형 웹 갤러리
8. 웹 플러그인을 사용한 스와이프 갤러리(무료 전자책 제공)

목차

-----------------
[필수 문법]
HTML, CSS, 자바스크립트
한 번에 끝내기
-----------------
01장 웹 페이지 제작 준비하기
__01-1 웹 페이지를 만들기 전에
____인터랙티브 UI/UX
____UI/UX 작업 방식의 변화와 코딩의 중요성
____비전공자와 디자이너도 코딩을 할 수 있는 이유
____HTML, CSS, 자바스크립트의 역할
__01-2 웹 브라우저와 웹 에디터
____웹 브라우저 설치하기
____웹 에디터 설치하기
____비주얼 스튜디오 코드 설치하기
__01-3 제작 속도를 2배 높여 줄 작업 도구
____[Do it!] 비주얼 스튜디오 코드의 확장 기능 설치하기
__01-4 웹 페이지의 필수 재료
____[Do it!] 기본 폴더와 HTML 파일 만들기
02장 HTML 기본 문법 빠르게 끝내기
__02-1 HTML 파일 둘러보기
____태그란
____부모 태그와 자식 태그
____HTML의 기본 구조
____[Do it!] 에디터에서 HTML 파일 수정하기
__02-2 시맨틱 태그 — 웹 페이지 구조 나누기
__02-3 서식 태그 ― 텍스트를 넣어 웹 페이지 채우기
____

~

― 문서의 제목 지정하기
____

― 문단 지정하기
____

― 콘텐츠 그룹화하기
____, ― 특정 단어 강조하기
____ ― 웹 페이지에 링크 연결하기
____ ― 인라인 요소 태그 그룹화하기
____ ― 문서에 이미지 삽입하기
____
― 강제 줄 바꿈 구현하기
__02-4 목록 태그 ― 메뉴를 깔끔하게 정리하기
____
    ― 순서가 없는 목록 만들기
    ____
      ― 순서가 있는 목록 만들기
      ____
      ,
      ,
      ― 정의형 목록 만들기
      ____[Do it!] 중첩된 목록 작성하기
      __02-5 폼 태그 ― 사용자 정보 입력받기
      ____ ― 다양한 정보 입력받기
      ____