HTML5 网页前端设计实战

本书是《HTML5网页前端设计》一书的配套实战项目教程,也可单独为具有一定Web前端基础的读者使用。本书的电子资源包括全套例题源代码可供读者下载。 全书共包含10章,每章均配套两个实例项目。全部内容可分为以下4个部分: 第一部分是基础知识篇,包括第1、2章的内容。其中,第1章是HTML CSS基础项目,介绍导航菜单与商务风格表格的设计与实现;第2章是JavaScript基础项目,介绍电子时钟与电子日历的设计与实现。 第二部分是重点篇,包括第3~8章的内容。这6章分别介绍基于HTML5拖放API、表单API、画布API、媒体API、地理定位API以及Web存储API的项目案例。其中较有特色的综合项目有手绘时钟、拼图游戏、网页日志本、音乐播放器、在线教学视频等。 第三部分是提高篇,包括第9章的内容。第9章是CSS3基础项目,主要讲解使用CSS3制作火焰和霓虹文字特效以及使用CSS3动画制作响应式放大菜单。 第四部分是综合篇,包括第10章的内容。第10章提供了两个完整的项目实例,包括贪吃蛇游戏的开发和企业文化用品展示网站的设计与实现。这两个项目实例综合应用了全书所学的知识,让读者所学即所用。 本书可作为高校计算机相关专业HTML5 课程的实践教材,也可作为学习HTML5开发的自学教材或培训教材。 封面 1 扉页 2 内容简介 3 版权页 3 前言 4 目录 6 第1章 HTML+CSS基础项目 10 1.1 导航栏菜单的设计与实现 10 1.2 商务风格表格的设计与实现 15 第2章 JavaScript基础项目 22 2.1 电子时钟的设计与实现 22 2.2 电子日历的设计与实现 28 第3章 HTML5拖放API项目 40 3.1 仿回收站效果的设计与实现 40 3.2 图片相框展示的设计与实现 48 第4章 HTML5表单API项目 58 4.1 用户注册页面的设计与实现 58 4.2 问卷调查页面的设计与实现 69 第5章 HTML5画布API项目 88 5.1 手绘时钟的设计与实现 88 5.2 拼图游戏的设计与实现 100 第6章 HTML5媒体API项目 120 6.1 音乐播放器的设计与实现 120 6.2 在线教学视频的设计与实现 131 第7章 HTML5地理定位API项目 142 7.1 运动数据记录页面的设计与实现 142 7.2 运动轨迹绘制页面的设计与实现 153 第8章 HTML5 Web存储API项目 166 8.1 基于Web存储技术的网页主题设置 166 8.2 基于Web存储技术的网页日志本 174 第9章 CSS3基础项目 184 9.1 使用CSS3文本阴影制作特殊字体效果 184 9.2 使用CSS3动画制作响应式放大菜单 189 第10章 综合应用设计实例 194 10.1 基于HTML5的贪吃蛇游戏的设计与实现 194 10.2 实战项目——企业文化用品展示网页的开发 216 正文结束 240 本书分为四部分,第一部分是基础知识篇,包括第1,2章的内容.其中,第1章是HTML+CSS基础项目,介绍导航菜单与商务风格表格的设计与实现;第2章是JavaScript基础项目,介绍电子时钟与电子日历的设计与实现.第二部分是重点篇,包括第3-8章的内容,这6章分别介绍基于HTML5拖放API,表单API,画布API,媒体API,地理定位API以及Web存储API的项目案例.其中较有特色的综合项目有手绘时钟,拼图游戏,网页日志本,音乐播放器,在线教学视频等.第三部分是提高篇,包括第9章的内容,第9章是CSS3基础项目,主要讲解使用CSS3制作火焰和霓虹文字特效以及使用CSS3动画制作响应式放大菜单.第四部分是综合篇,包括第10章的内容,第10章提供了两个完整的项目实例,包括贪吃蛇游戏的开发和企业文化用品展示网站的设计与实现.这两个项目实例综合应用了全书所学的知识,让读者所学即所用