首页 > 编程知识 正文

web前端开发实训案例教程pdf,web前端实战项目源码

时间:2023-05-05 07:36:20 阅读:53455 作者:2621

导游词

内容摘要

由cqdby编写的《HTML5网页前端设计实战/Web前端开发技术丛书》是一本名为《HTML5网页前端设计》的实战项目教程,也可以单独用于具有一定Web前端基础的读者。 本书的电子资源包含一组例题源代码,供读者下载。

全书共包括10章,各章配套有两个实例项目。 内容分为以下四个部分。

第一部分为基础知识篇,包括第一、二章的内容。 其中,第一章为HTML CSS基础项目,介绍导航菜单和商务样式表的设计与实现; 第二章是JavaScript的基础项目,介绍电子表和电子日历的设计与实现。

第二部分为重点篇,包括第三至八章的内容。 在这第六章中,HTML5拖动&; 分别介绍基于卸货API、表单API、画布API、介质API、地理位置API和Web存储API的项目示例。 其中特色综合项目有手绘表、拼图游戏、网络博客书、音乐播放器、在线教学视频等。

第三部分是上篇,包括第九章的内容。 第9章是CSS3的基础项目,主要介绍用CSS3制作火焰和霓虹灯的文字特效,以及用CSS3动画制作响应式放大菜单。

第四部分为综合语篇,包括第十章的内容。 第十章提供了两个完整的项目实例,包括蛇蚀游戏的开发和企业文化用品展示网站的设计与实现。 这两个项目的实例综合应用了全书学到的知识,供读者学后立即使用。

本书既可作为大学计算机相关专业的HTML5课程实践教材,也可作为学习HTML5开发的自学教材和培训教材。

目录

第一章HTML CSS基础项目

1.1导航栏菜单的设计与实现

1.1.1接口设计

1.1.2鼠标事件

1.1.3完整的代码显示

1.2商业样式表的设计与实现

1.2.1表格的编制

1.2.2设计

1.2.3完整的代码显示

第二章JavaScript基础项目

2.1电子表的设计与实现

2.1.1接口设计

2.1.2时钟动态效应的实现

2.1.3完整的代码显示

2.2电子日历的设计与实现

2.2.1接口设计

2.2.2显示状态栏中的年和月

2.2.3显示当前月份的所有日期

2.2.4按钮控制功能的实现

2.2.5完整的代码显示

第三章HTML5拖放API项目

3.1垃圾桶效应的设计与实现

3.1.1接口设计

3.1.2拖动文件&; 实现回收功能

3.1.3完整的代码显示

3.2相框展示的设计与实现

3.2.1接口设计

3.2.2相框自动生成功能的实现

3.2.3完整的代码显示

第四章HTML5表单API项目

4.1用户注册页面的设计与实现

4.1.1接口设计

4.1.2窗体设计

4.1.3提示和验证功能的实现

4.1.4完整的代码显示

4.2问卷页面的设计与实现

4.2.1接口设计

4.2.2窗体设计

4.2.3验证功能的实现

4.2.4完整的代码显示

第五章HTML5画布API项目

5.1手写表的设计与实现

5.1.1接口设计

5.1.2实时更新效果

5.1.3完整的代码显示

5.2拼图游戏的设计与实现

5.2.1接口设计

5.2.2游戏逻辑的实现

5.2.3游戏的成功和重新开始

5.2.4完整的代码显示

第六章HTML5媒体API项目

6.1音乐播放器的设计与实现

6.1.1接口设计

6.1.2加载媒体文件

6.1.3控制功能的实现

6.1.4完整的代码显示

6.2在线教学视频的设计与实现

6.2.1接口设计

6.2.2加载和播放视频文件

6.2.3视频时间跳转的实现

6.2.4完整的代码显示

第七章HTML5地理定位API项目

7.1运动数据记录页面的设计与实现

7.1.1接口设计

7.1.2实时监测地理位置

7.1.3开始按钮和结束按钮的切换

7.1.4计算和显示距离

7.1.5完整的代码显示

7.2运动轨迹绘制页面的设计与实现

7.2.1接口设计

7.2.2开始按钮和结束按钮的切换

7.2.3绘制地图和运动轨迹

7.2.4计时功能的实现

7.2.5完整的代码显示

第八章html 5网络存储API项目

8.1基于网络存储技术的网络主题设置

8.1.1接口设计

8.1.2重置网络主题颜色的实现

8.1.3实现路牌主题色彩

8.1.4完整的代码显示

8.2基于网络存储技术的网络日志本

8.2.1接口设计

8.2.2日志读取功能的实现

8.2.3日志保存功能的实现

8.2.4实现删除日志功能

8.2.5完整的代码显示

第九章CSS3基础项目

9.1使用css3文本阴影创建特殊字体效果

9.1.1总体设计

9.1.2火焰文字效果的实现

9.1.3霓虹灯文字效果的实现

9.1.4完整的代码显示

9.2使用css3动画创建响应式放大菜单

9.2.1总体设计

9.2.2实现动画效果

9.2.3完整的代码显示

第十章综合应用设计实例

基于10.1html5的贪食蛇游戏的设计与实现

10.1.1吃蛇游戏介绍

10.1.2接口的布局设计

10.1.3数据模型设计

10.1.4游戏的逻辑实现

10.1.5完整的代码显示

10.2实战项目——企业文化用品展示页面开发

10.2.1项目介绍

10.2.2总体布局设计

10.2.3页眉和页脚的实现

10.2.4主体内容的实现

10.2.5完整的代码显示

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。