项目1 HTML5与CSS3基础知识
项目导读
学习目标
思政目标
任务1.1 HTML5基础
1.1.1 网站前端开发技术
1.1.2 HTML的发展历程
1.1.3 HTML5的文档结构
1.1.4 HTML5基本语法
1.1.5 HTML5主结构元素
任务实施——创建第一个HTML5文档
任务1.2 CSS3基础
1.2.1 CSS3的发展历程
1.2.2 CSS3的语法规则
1.2.3 在HTML5页面中添加CSS3样式
任务实施——为“1-2.html”文档设置样式
任务1.3 CSS3中的选择器
1.3.1 基本选择器
1.3.2 组合选择器
1.3.3 属性选择器
1.3.4 伪类选择器
1.3.5 CSS3的继承性和层叠性
任务实施——使用选择器设置CSS3样式
思政点滴
项目实训
项目考核
项目2 应用和美化文本
项目导读
学习目标
思政目标
任务2.1 应用HTML5中的文本
2.1.1 标题和段落标签
2.1.2 基本的文本格式化标签
2.1.3 HTML5新增的文本标签
2.1.4 特殊字符
任务实施——创建“图书简介”页面
任务2.2 使用CSS3美化文本
2.2.1 文本样式
2.2.2 段落样式
2.2.3 特殊样式
任务实施——美化“图书简介”页面中的文本
思政点滴
项目实训
项目考核
项目3 应用和美化图像及多媒体
项目导读
学习目标
思政目标
任务3.1 应用HTML5中的图像及多媒体
3.1.1 添加图像与图标
3.1.2 添加流
3.1.3 嵌入多媒体文件
任务实施——为“图书简介”页面添加图像及视频
任务3.2 使用CSS3美化图像与背景
3.2.1 图像样式
3.2.2 背景样式
3.2.3 图文混排
3.2.4 渐变样式
任务实施——美化“图书简介”页面的图像、视频与背景
思政点滴
项目实训
项目考核
项目4 应用和美化列表
项目导读
学习目标
思政目标
任务4.1 使用HTML5添加列表
4.1.1 无序列表
4.1.2 有序列表
4.1.3 自定义列表
4.1.4 嵌套列表
任务实施——制作“网上书店”页面的导航条
任务4.2 使用CSS3美化列表
4.2.1 设置项目符号
4.2.2 使用列表制作水平导航条
4.2.3 制作图文列表
4.2.4 使用列表制作排行榜
任务实施——美化“网上书店”页面的导航条
思政点滴
项目实训
项目考核
项目5 应用和美化超