HTML5应用开发案例教程(微课版)

您所在的位置:网站首页 HTML5应用开发技术的内容简单 HTML5应用开发案例教程(微课版)

HTML5应用开发案例教程(微课版)

2024-03-16 23:59| 来源: 网络整理| 查看: 265

第 1章HTML5应用开发概述 001 1.1网页工作原理 001 1.1.1浏览器软件 001 1.1.2网页工作过程 002 1.2HTML5概述 003 1.3响应式设计 006 1.4运行环境和开发工具 011 1.4.1运行环境 011 1.4.2开发工具 012 课后练习 017 第 2章静态网页制作 018 2.1HTML5页面的构建 018 2.1.1HTML5基本结构 018 2.1.2HTML5新增的结构标签 020 2.1.3CSS3技术 021 2.1.4实例2-1:编写一个简单的 HTML5页面 023 2.2文本标签的应用 026 2.2.1文本标签 026 2.2.2实例2-2:旅游网站介绍文字的 制作 028 2.3表格标签的应用 029 2.3.1表格标签 029 2.3.2实例2-3:旅游网站机票预订 页面制作 030 2.4表单标签的应用 032 2.4.1表单标签 032 2.4.2实例2-4:旅游网站登录和 注册页面制作 035 2.5分组标签的应用 036 2.5.1分组标签 036 2.5.2实例2-5:旅游网站首页 制作(一) 039 2.6嵌入标签的应用 045 2.6.1嵌入标签 045 2.6.2实例2-6:旅游网站首页 制作(二) 047 课后练习 048 第3章结合JavaScript的交互式 网页制作 049 3.1初识JavaScript 049 3.1.1什么是JavaScript 049 3.1.2JavaScript的特点 049 3.2JavaScript基本语法 050 3.2.1JavaScript的应用方法 050 3.2.2标识符、数据类型和运算符 051 3.2.3实例3-1:货币汇率兑换器 053 3.3JavaScript程序构成 055 3.3.1流程控制语句 055 3.3.2函数 055 3.3.3对象 056 3.3.4实例3-2:旅游网站用户注册的 合法性验证 058 3.4JavaScript访问DOM节点 061 3.4.1文档对象模型 062 3.4.2DOM节点的基本操作 063 3.4.3DOM事件机制 065 3.4.4实例3-3:旅游网站的景点查询 动态生成页面制作 067 3.4.5JavaScript事件处理模型 072 课后练习 072 第4章CSS3界面美化 073 4.1CSS3选择器 073 4.1.1CSS3选择器的用法 073 4.1.2实例4-1:旅游网站的后台订单 管理页面制作 081 4.2CSS3边框和背景 087 4.2.1CSS3边框 088 4.2.2CSS3背景 093 4.2.3实例4-2:旅游网站的旅游线路 推广页制作 095 4.3CSS3文本和字体 098 4.3.1文本和服务器字体 098 4.3.2实例4-3:旅游网站的机票预订 页面制作 101 4.4CSS3盒式与多栏布局 110 4.4.1弹性盒布局 110 4.4.2实例4-4:使用Flex布局构建 网站首页 114 4.4.3多栏布局 121 4.4.4实例4-5:旅游网站的游记页面 制作 122 4.5CSS3 2D变换与动画 127 4.5.1CSS3 2D变换 127 4.5.2实例4-6:升级改版旅游网站的 首页(一) 129 4.5.3CSS3过渡动画 132 4.5.4实例4-7:升级改版旅游网站的 首页(二) 133 4.5.5CSS3 动画 135 4.5.6实例4-8:升级改版旅游网站的 首页(三) 137 课后练习 140 第5章音频/视频特效网页制作 141 5.1HTML5音频 142 5.1.1音频格式 142 5.1.2音频播放的简单应用 142 5.1.3音频播放的高级应用 143 5.1.4实例5-1:带iPod播放器的旅游 网站首页制作 148 5.2HTML5视频 155 5.2.1视频格式 156 5.2.2视频播放的简单应用 156 5.2.3视频播放的高级应用 157 5.2.4实例5-2:随页面滚动自动切换 视频的旅游广告页制作 161 5.2.5实例5-3:全视频背景下的时尚 主页设计 164 课后练习 174 第6章Canvas动画制作 175 6.1Canvas的相关概念 175 6.1.1标签 175 6.1.2渲染上下文 176 6.1.3实例6-1:在HTML页面上 绘制矩形 176 6.2Canvas绘制简单图形 177 6.2.1绘制线条 178 6.2.2绘制/填充矩形 179 6.2.3绘制/填充圆弧和曲线 180 6.2.4Canvas状态保存和恢复 182 6.2.5实例6-2:简易画板制作 183 6.3Canvas绘制图像和文本 187 6.3.1绘制图像 188 6.3.2绘制文本 191 6.3.3实例6-3:在线广告图插件 制作 193 6.4Canvas变形和动画 198 6.4.1绘制变形 199 6.4.2绘制渐变 201 6.4.3绘制阴影 202 6.4.4实例6-4:滑动验证码制作 204 课后练习 207 第7章HTML5游戏开发 208 7.1游戏开发前的技术准备 208 7.1.1Canvas动画的实现 208 7.1.2元素碰撞检测和自由落体 209 7.1.3鼠标键盘事件 214 7.2实例7-1:小黄人吃泡泡游戏 217 7.2.1游戏需求 217 7.2.2关键技术的实现 217 7.2.3完整代码 219 7.3实例7-2:经典俄罗斯方块 游戏 223 7.3.1游戏需求与逻辑 224 7.3.2关键技术的实现 224 7.3.3完整代码 227 课后练习 233 第8章响应式网页制作 234 8.1响应式设计核心技巧 234 8.1.1媒体查询 234 8.1.2响应式页面的设计流程 239 8.2响应式设计应用 240 8.2.1实例8-1:响应式企业网站 首页制作 240 8.2.2实例8-2:响应式旅游网站页面 制作 247 课后练习 251



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3