《移动Web开发》PPT课件 无锡科技职业学院 汤佳

 
课件内容： 
单元1 HTML5静态网站开发概述 
1.了解开发工具HBuilderX以及相关使用技巧2.掌握网站文件及文件夹的存储路径3.了解网页的命名规则4.掌握HTML5标签的组成结构5.了解并掌握HTML5代码注释的使用 
任务1-1 常用HTML5开发环境的搭建 
任务1-2 完成第一个HTML5页面 
单元2 HTML5中常用标签的使用 
1.以标签为例了解标签属性2.掌握HTML5中常用的文字类标签及其属性的使用3.掌握HTML5中常用的图像类标签及其属性的使用4.掌握HTML5中常用的多媒体类标签及其属性的使用 
任务2-1 使用标签制作滚动字幕 
任务2-2 使用标签实现超链接 
任务2-3 使用标签实现锚点链接 
任务2-4 使用文本类标签实现文本的显示 
任务2-5使用文本格式类属性实现文本的特殊显示效果 
任务2-6 使用转义字符显示特殊符号 
任务2-7 使用图像类标签显示图像及图像映射 
任务2-8 标签的使用 
任务2-9 多媒体标签的使用 
任务2-10 表单的简单应用 
任务2-11 表单格式验证 
单元3 CSS基本应用 
1.理解层叠样式表CSS的基本概念及相关使用技巧2.掌握CSS的语法，熟悉常用CSS属性的含义3.掌握常用的文本样式和图片样式的设置以及图片背景的使用4.理解定位的概念，掌握常用的定位方法 
任务3-1 使用CSS设置body样式 
任务3-2 CSS元素选择器的使用 
任务3-3 内联式、嵌入式、外部式样式的使用 
任务3-4 测试样式优先级 
任务3-5 创建盒子模型 
任务3-6 CSS中float属性的使用 
任务3-7 常用文本样式属性的使用 
任务3-8常用图片样式属性的使用 
任务3-9 position的4种定位方式的使用 
任务3-10 Chrome浏览器调试基本技巧 
单元4 CSS3高级应用 
1.了解CSS3的特色应用2.掌握CSS3特色模块的使用方法3.掌握CSS3文本、图片等元素的特色用法 
任务4-1 Font Awesome图标的使用 
任务4-2 CSS3图片背景的使用 
任务4-3 制作搜索框 
任务4-4 制作无间隙滚动文字和图片 
任务4-5 制作轮播文字和图片 
任务4-6 制作多种文字特效 
任务4-7 制作图片遮罩和悬停特效 
单元5 页面局部布局 
1. 掌握常用的页面制作方法2. 掌握常用的页面布局方法 
任务5-1 图文混排与文字溢出 
任务5-2 中英文混合标题 
任务5-3 阅读更多内容 
任务5-4 制作文字选项卡与图片选项卡 
任务5-5 制作内容折叠与菜单折叠 
任务5-6 制作导航条 
任务5-7 制作文字列表、图文混排列表和缩略图列表 
任务5-8 制作登录界面 
任务5-9 制作评论区 
单元6 页面整体布局 
1. 掌握常用的页面制作方法2. 掌握常用的页面布局方法（包括弹性布局）3. 掌握表格的基础知识，包括标签常用属性及其描述4. 掌握表格的使用方法，会使用表格制作网页中的相关对象 
任务6-1 960网格系统在网页制作中的使用 
任务6-2 clearfix和clear的使用 
任务6-3 常用经典布局 
任务6-4 常用弹性布局 
任务6-5 表格基本知识 
任务6-6 使用表格制作个人简历 
任务6-7 使用表格制作QQ邮箱 
任务6-8 使用基于lib-flexible库的rem单位制作自适应网站 
单元7 Bootstrap5框架简介 
1.掌握Bootstrap5安装使用2.了解并掌握栅格化布局3.学会使用响应式导航栏4.学会使用响应式轮播图5.学会使用文字和图片排版6.掌握完整的响应式网站开发流程 
任务7-1 Bootstrap5基础知识 
任务7-2 制作栅格化布局页面 
任务7-3 制作响应式导航栏 
任务7-4 制作响应式轮播图 
任务7-5 制作响应式文字和图片 
任务7-6 制作完整的响应式网站 
单元8 HTML5综合案例 
1.掌握网页开发的基本流程2.结合案例巩固网页制作的知识 
任务8-1 静态网页开发的基本流程 
任务8-2 期末大作业