1《HTML5+CSS3初级》课程标准.docxVIP

《HTML5+CSS3》课程标准 课程性质 《HTML5+CSS3》是计算机网络技术专业的一门必修专业核心课，包含HTML5、CSS3两大模块的教学内容。其功能是使学生熟悉前端开发的工作规范，能够运用HTML5和CSS3的知识进行响应PC/PAD/手机3端的页面制作和布局，达到1+X Web前端开发工程师（初级）职业技能等级标准中对HTML5、CSS3两大模块的相关要求。 课程学习目标 1.知识目标: 1）了解前端开发的工作流程和规范； 2）熟悉HTML5的各个标记和属性； 3）掌握CSS3的各个样式声明，理解框模型，理解布局模型和浏览器的兼容； 4）掌握HBuilderX的使用方法。 2.技能目标: 1）具备将效果图切片并实现成网页的能力； 2）能够运用CSS3根据设计图要求美化WEB页面； 3）能依据文档编制规范使程序编写文档的规范、准确、易读。 3.素养目标 1）具备良好的知识产权保护观念和意识，自觉抵制各种违反知识产权保护法规的行为。 2）具有团队合作、交流沟通的能力； 3）培养能自觉跟踪前端开发技术发展动态并自觉学习的意识； 4）培养耐心谨慎、自查自检的工作态度。 课程学时建议 教学内容 任务/要求 课时 一、 认识HTML5页面设计 1.1 制作第一个网页 1 1.2认识HTML网页结构代码 1 1.3 编写HTML代码 1 1.4 HTML和CSS的关系 1 　 　二、 HTML5界面元素运用 　 　 2.1 标签的语义化 1 2.2 HTML5基础标签 1 2.3 HTML标签类型介绍 1 2.4超链接 1 　 　三、HTML5元素的属性设置 　 　 　 　 3.1 图片和路径 1 3.2 列表 1 3.3 表格 1 3.4 内联框架 1 3.5 代码约定 1 3.6 颜色和单位 1 3.7综合案例 4 四、HTML5页面表单制作 4.1表单和表单元素 1 4.2 HTML输入类型 1 4.3 HTML输入属性 1 4.4 HTML5 输入类型 1 4.5 HTML5输入属性 1 4.6表单综合案例 4 五、HTML5 媒体制作 5.1 在网页插入视频播放 1 5.2 在网页插入音频播放 1 六、CSS样式实现 6.1 认识CSS样式，语法 1 6.2 边框设计 1 6.3 文本样式设计 1 6.4 字体样式设计 1 七、CSS的选择器运用 7.1 元素选择器-子元素选择器 1 7.2 类选择器和ID选择器 1 7.3 伪类选择器 1 7.4 属性选择器 1 八、CSS美化静态页面 8.1 背景样式 1 8.2 背景样式运用技巧 1 8.3 文本样式 1 8.4 字体样式 1 8.5 列表样式 1 8.6 表格样式 1 8.7 表格样式运用 1 8.8样式综合案例 6 九、盒子模型页面布局 9.1 CSS 盒子模型概述 1 9.2 边框 1 9.3 内边距和外边距 1 9.4 元素的显示类型(内联-块元素) 1 9.5 元素的居中调整 1 十、CSS的特性 10.1 CSS继承、层叠和权值特性 1 10.2 重要性权值设置 1 十一、CSS实现多种模型页面布局 11.1 认识CSS的3种布局模型 1 11.2 流动模型下浏览器默认的样式 1 11.3 浮动模型布局 1 11.4 层模型概述 1 11.5 层模型--相对定位 1 11.6 层模型--绝对定位 1 11.7 层模型--固定对定位 1 11.8 定位组合使用 1 11.9 div+css综合布局案例 6 十二、CSS3 制作页面动态效果 12.1 2D转换 2 12.2 3D转换 2 12.3 过渡效果 2 12.4 动画控制 2 12.5 动画综合案例 6 十三、开发工具HBuiderX使用技巧 13.1 熟悉HBuiderX编辑器 1 13.2 创建WEB项目 1 13.3 快速编辑技巧 1 十四、企业官网页面制作 14.1 页面整体布局 1 14.2 导航制作 1 14.3 焦点内容设计 1 14.4 数据展示模块制作 1 14.5 解决方案模块制作 1 14.6 新闻列表制作 1 14.7 完善页面代码 1 14.8 页面动画与Javascript效果制作 1 十五、综合测试 15.1 期末考试 1 15.2 企业面试操作题1 2 15.3 企业面试操作题2 2 15.4 企业项目案例1 6 合 计 82 课程内容与要求 工作任务 技能与学习水平 知识与学习水平 课时 1、创建html网页文件 1.创建网页文件 能编写HTML网页结构代码 能插入标题、段落 能在页面内插入CSS样式 1.掌握html语法和标签 认识网页的结构标签 正确书写标记语法 4 2、html页面内容元素添加 1．丰富网页内容 能够创建超链接打开目标