인터넷 기초 서적

각종 실전을 전문적으로 다룬 책을 찾았으니' HTML5 기초, 핵심 기술, 최전방 사례' 의 상황을 살펴보자. 다음은 내가 공유하는 인터넷 기초 지식에 대한 추천서이다. 독서를 환영합니다.

요약

이 책은 초보자와 중급 학습자가 HTML5 핵심 기술을 깊이 이해하고 효과적으로 습득할 수 있도록 안내하는 기술 실용책이다. 이 책은' 기초 사례 중심' 2 트랙 모드를 사용하여 페이지 요소 및 레이아웃, 애니메이션 및 애니메이션, 그래픽 및 이미지, 상호 작용, 페이지 구성 요소, 오디오 비디오, 응답 디자인 등 다양한 HTML5 디자인의 고전적인 사례를 세심하게 정리했습니다. , 위챗 게임, 크리에이티브 웹 사이트 등 포괄적인 최첨단 대화형 애플리케이션을 선정했습니다. 이 예는 초보자와 중급 학습자가 실전에서 겪을 수 있는 거의 모든 문제를 기본적으로 다루고 있으며, 다양한 인기 있는 상호 작용 디자인 개념을 보여주고, 독자들이 기초지식을 쉽게 배우고, 다양한 핵심 기술을 효과적으로 익히고, 최첨단 애플리케이션 개발을 빠르게 시작하고, HTML5 를 통해 상호 작용 디자인의 재미를 발견할 수 있도록 합니다.

저자 소개

리우환, 인터랙티브 디자이너, 프런트 엔지니어, HTML5 기술 애호가, 현재 상하이에 거주하고 있습니다. 그는 국내 최초의 고교용 응답형 디자인 사이트를 설계하고 개발했으며, 현재 관심은 주로 모바일 웹의 프런트 엔드 개발에 집중되고 있다. 이 인터랙티브 작품은 뉴욕 광고절 동상, 중국 4A 크리에이티브 금인상, 제 5 회 중국 온라인 광고 대회 은상을 수상했다. 작품' 파수상하이 꽃' 이 제 7 회 상하이 비엔날레에서 전시되었다. "Flash ActionScript 3.0 전체 스테이션 대화형 디자인", "Flash ActionScript 3.0 대화형 디자인 200 건" 등의 대화형 작품을 발표했습니다.

소개

이 책에는' 아웃' 이라는 제목이 있다.

HTML5 는 몇 년 동안 활발하게 발전해 왔습니다. 외부는 그것을 극찬하고 큰 기대를 걸고 있지만, 많은 사람들은 그것을' HTML' 과 버전 번호' 5' 의 조합으로 이해하는 경우가 많다. 결국 HTML 언어이기 때문에' 소' 나' 강한' 기술도 아닌 것 같다. 그러나 공업과 기술계에서 자랑스러운 종사자들은 더 이상' HTML5' 라고 부르지 않고 더 높은' H5' 를 사용했다. 아직도 기술 교류 세미나에서' HTML5' 를 물고 있다면, 아마 여러분은' out' 라고 생각하실 겁니다.

HTML5 에서 H5 까지 프런트 엔드 업계의 전문성이 점점 강해지고 있으며, 문턱이 갈수록 높아지는 사실도 스타일 급등 과정에 반영되고 있다. 이제는 모두가 Frontpage 나 삼총사로 웹 디자인 시대를 부추길 수 있는 것은 아니다. 이 분야에 진입하려면 먼저 HTML5, CSS3, JavaScript 를 포함한 충분한 기초 지식 비축이 있어야 한다. 둘째, 기초지식만 익히는 것만으로는 충분하지 않다. 우리는 또한 그것들을 실제로 어떻게 사용하는지 알아야 한다. 더 간단하게 말하자면, 구체적인 질문에 대한 효과적인 답을 찾는 방법은 HTML5 개발의 쇄빙기 중 핵심 지식과 기교를 요약해야 합니다. 또한 H5 산업은 빠르게 변화하고 있습니다. 예를 들어, 지난 2 년 동안 창의적인 웹 사이트 개발에 중점을 두었고, 20 15 는 위챗 게임 제작에 중점을 두었습니다. 따라서 최첨단 사례와 기술을 이해하고 습득하는 것도 학습에서 매우 필요한 부분이다.

위의 고려에 근거하여 이 책은 체례에서 과감한 시도를 하여 기존의 점진적 소개 대상, 속성, 방법의' 교과서식' 체례를 버리고' 기초 지식+사례 중심' 의 2 트랙 모델을 채택하였다. * * * 전서는 HTML5 기초, HTML5 서문 클래식 사례, HTML5 종합 사례 등 세 부분으로 나뉩니다. 기초지식을 고도로 농축하고, 대량의 전방과 종합 사례를 세심하게 편성하며, "기초지식으로 깔고, 최전방 사례로 유도하고, 종합사례로 승격" 하여 독자를 HTML5 상호 작용 디자인의 문으로 이끌고자 합니다. 책에서 선택한 예는 초보자와 중급 HTML5 개발자가 겪을 수 있는 거의 모든 실제 문제를 다루고 있으며, 예를 통해 다양한 상호 작용 설계 이념에 침투했다. 우리는 독자들이 이 이 책을 통해 실제로 배우고 단련하며 빠르게 성장하여 HTML5 인터랙티브 디자인 분야의 친숙하고 전문가가 될 수 있기를 바랍니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언)

이 책의 내용과 특징

이 책은' 기초+사례 중심' 의 2 트랙 모델을 채택하여 기초지식을 보완하고 실전 사례 소개를 위주로 한다. 각 예는 저자가 오랫동안 HTML5 개발에 종사해 온 경험을 결합하여 실용적인 가치가 강하다. 독자는 학습 후 직접 사례를 실제 사용에 투입할 수 있다.

이 책은 각 사례에 해당하는 학습 내용을 정련하고 각 장에' 체험' 형식으로 표시하여 독자가 핵심 지식 포인트를 더 빨리 파악할 수 있도록 합니다. 또한 "체험" 에는 독자의 학습 시야를 넓히기 위한 HTML5 의 확장된 지식도 포함되어 있습니다.

이 책에서는 독자가 실제 운영에서 발생할 수 있는 여러 가지 문제에 대해 적절한 고려사항과 대응 전략을 요약하고 각 장에 "주의" 라고 표시된 내용과 같이 자세히 표기하여 독자가 학습 중에 가급적 우회로를 적게 하여 불필요한 실수를 피할 수 있도록 합니다. (윌리엄 셰익스피어, Northern Exposure (미국 TV 드라마), 공부명언)

이 책의 모든 기초지식과 구체적인 사례는 쉬운 것에서 어려운 것, 얕은 것에서 깊은 것, 0 에서 완전한 규칙에 따라 배열되어 있어 HTML5 개발 경험이 없는 독자도 쉽게 배울 수 있도록 점진적으로 진행됩니다.

이 책도 참고서로 간주 될 수 있습니다. 인터랙티브 디자인 종사자들이 실제 업무에서 구체적인 개발 임무에 직면할 때 이 책의 사례에서 직접 해결책을 찾으려고 노력할 수 있다.

이 책은 세 부분, * * * 장 16 으로 나뉜다. 독자들이 본격적으로 공부를 시작하기 전에 책의 내용에 대해 대체로 파악할 수 있도록 각 장의 내용은 다음과 같다.

첫 번째 부분은 HTML5 의 기본입니다.

1 장 HTML5: 초대장 만들기

이 장에서는 Hello World 와 같은 응용 프로그램보다 더 복잡하고 흥미로운 HTML5 학습 초대장을 독자에게 디자인했습니다. 독자들이 HTML5 를 개괄적으로 이해하고, HTML5 개발에 대한 배경 지식을 이해하고, 이 장을 읽을 때 간단한 HTML5 페이지의 탄생 과정을 직관적으로 경험할 수 있기를 바랍니다.

2 장 HTML5 초보자 상세 정보

이 장에서는 기본 구문, 페이지 루트 요소, 문서 메타데이터, 블록 요소, 그룹화된 컨텐트 요소, 텍스트, 양식, 표, WAI-ARIA 등 HTML5 의 기본 사항을 설명합니다.

제 3 장 CSS3 초보자 상세 정보

이 장에서는 기본 구문, 상속, 선택기, 텍스트 및 글꼴, 테두리와 배경, 요소 위치 지정, 상자 모델, 목록, 그림자 효과, 2D 및 3D 효과, 우선 순위 등을 비롯한 CSS3 의 기본 사항을 설명합니다.

제 4 장 자바스크립트 초보자 세부 사항

이 장에서는 디버깅, 설명, 변수, 연산자, 조건문, 루프 문, 배열, 날짜 및 시간, 함수, 변수 범위, 객체, DOM 작업, 이벤트 처리 등을 비롯한 JavaScript 의 기본 사항을 설명합니다.

5 장에서는 모바일 단말기 HTML5 개발에 대해 자세히 설명합니다.

모바일 터미널의 특징에 따라 이 장에서는 HTML5 의 데스크톱 개발 방식과 다른 프런트 엔드 기술에 대해 중점적으로 설명합니다. 응답 디자인과 모바일 웹 사이트의 차이점을 분석하고 뷰포트, 백분율 레이아웃, Flexbox, 미디어 쿼리, 스프라이트, 아이콘 글꼴, 모바일 상호 작용, 디버깅 등의 모바일 개발 기술을 소개합니다.

6 장 적은 비용으로 더 많은 작업 수행: 인기있는 오픈 소스 클래스 라이브러리 사용

이 장에서는 jQuery, jQuery Mobile, Zepto, BootStrap, Flat UI, Modernizr, D3, Hammer, jsfo 등 가장 영향력 있고 널리 사용되는 오픈 소스 클래스 라이브러리의 몇 가지 기본 사항을 설명합니다

7 장 HTML5 및 주변 프로그래밍 언어 및 소프트웨어

이 장에서는 Flash, Google Swiffy, Illustrator, PhotoShop, node-webkit 등 HTML5 에서 사용되는 관련 프로그래밍 언어와 소프트웨어에 대해 설명합니다.

두 번째 부분은 HTML5 서문의 고전적인 사례입니다.

8 장 HTML5 페이지 요소 및 레이아웃 사례 세트

이 장에서는 텍스트 혼합, 자막 텍스트, 영웅 단위, 그리드 레이아웃, 2 열 분할 레이아웃, 다중 열 윤곽 레이아웃, 2 열 가변 레이아웃, 3 열 가변 레이아웃, 폭포수 레이아웃 등 몇 가지 일반적인 페이지 요소 및 레이아웃 사례를 선택합니다.

9 장 HTML5 애니메이션 및 동적 사례 세트

이 장에서는 전환 애니메이션, 애니메이션 애니메이션, 캔버스 애니메이션, GSAP 클래스 라이브러리 애니메이션 등 몇 가지 일반적인 HTML5 애니메이션 효과에 대해 중점적으로 설명합니다. , 독자에게 다양한 애니메이션 및 애니메이션 기술을 보여주고 싶습니다.

10 장 HTML5 그래픽 및 이미지 케이스 세트

이 장에서는 간단한 CSS 아이콘과 버튼 요소뿐만 아니라 Canvas, SVG 등 최첨단 이미지 제작 지식까지 HTML5 의 그래픽과 이미지에 대한 주요 구현 기술에 대해 자세히 설명합니다.

1 1 장 HTML5 대화형 조작 사례 세트

이 장에서는 엄선된 여러 상호 작용 사례를 통해 HTML5 가 사용자 상호 작용에 제공하는 새로운 기능을 소개하고 키 제어, 스크롤 트리거 애니메이션, 시차 스크롤, 요소 드래그, 휴대폰 스크래치 상, 빨간 봉투 흔들림 등 인기 있는 상호 작용 기능을 구현하는 방법에 대해 설명합니다.

12 장 HTML5 페이지 구성 요소 사례 세트

이 장에서는 부동 레이어, 팝업 레이어, 레이블 전환, 축소 영역, 드롭다운 메뉴, 맨 위 고정 메뉴, 슬라이딩 탐색, 타임라인, 그림 회전, 달력 등 몇 가지 일반적인 페이지 구성 요소를 정리 및 소개하고 구현 원리를 자세히 분석합니다.

13 장 HTML5 오디오 및 비디오 패키지

이 장에서는 HTML5 의 오디오 비디오 재생 및 제어 방법, 마이크, 카메라 등 관련 하드웨어 장치의 작동 기술에 대해 설명합니다.

14 장 HTML5 응답 설계 사례 세트

이 장에서는 응답 설계 구현 방법 및 핵심 기술에 대해 설명하고 응답 목록, 응답 콘텐츠 그림, 응답 배경, 응답 그림 라운드, 응답 메뉴 등의 실제 사례 구현 방법에 대해 설명합니다.

세 번째 부분은 HTML5 의 포괄적 인 사례입니다.

15 장 HTML5 위챗 게임

이 장에서는 초기 기획부터 후기 개발선에 이르기까지 위챗 게임의 탄생 과정을 점진적으로 소개한다. 이 장의 학습을 통해 독자들도 창의적이고 밝은 위챗 게임을 만들 수 있기를 바랍니다.

16 장 HTML5 크리에이티브 웹 사이트

이 장에서는 HTML, CSS3 및 JavaScript 를 사용하여 여러 열로 구성된 창의적 웹 사이트를 만듭니다. 제작 과정에서 이 책의 앞 몇 장의 지식점을 연결시켜 독자에게 더 높은 수준의 HTML5 인터랙티브 디자인의 전당 문을 열었다.

이 책은 어떤 유형의 독자에게 적합합니까?

이 책은 HTML5 초보자와 중급 학습자에게 적합하다.

HTML5 초보자에게는 HTML, CSS3 및 JavaScript 를 단시간 내에 익히는 것이 쉽지 않습니다. 이 독자들이 더 쉽게 배울 수 있도록, 우리는 책의 기초지식과 구체적인 사례를 정성껏 정리하여 얕은 것부터 점진적으로 전개했다. 독자들은 먼저 기초지식을 읽은 다음, 책의 사례를 순서대로 읽고 배우면서 실천에서 다양한 HTML5 개발 기술을 더 잘 이해하고 익힐 수 있다.

이 책은 HTML5 의 중급 학습자에게 유용한 참고서이다. 이 부분의 독자는 차례대로 사건을 읽을 필요 없이 자신의 관심사에 따라 선택적으로 해당 사례를 읽을 수 있다. 동시에 독자들은 책의 높은 수준의 사례를 읽음으로써 더 깊이 이해할 수 있다.

이 책에는 관련된 내용이 없다.

이 책은 주로 HTML5 초보자와 중급 학습자를 대상으로 하므로 중대형 프로젝트 개발에 관련된 일부 HTML5 지식 (특히 JavaScript) 은 웹 작업자, 서버 전송 이벤트, JavaScript 디자인 패턴, 고급 응용 프로그램 등 포함되지 않습니다. 독자는 다른 JavaScript 전문 서적을 참고하여 더 깊이 이해할 수 있다.

을 눌러 섹션을 인쇄할 수도 있습니다