包邮HTML5+CSS3项目开发案例教程

网站前端开发技术· 1.1.2HTML的发展历程 1.1.3HTML5的文档结构 1.1.4 HTML5基本语法 1.1.5 HTML5主结构元素任务实施─―创建第―个HTML5文档 任务1.2CSS3基础 1.2.1CSS3的发展历程 1.2.2CSS3的语法规则 1.2.3CSS3在HTML5页面中添加样式 任务实施——为“1-2.html”文档设置样式 任务1.3CSS3中的选择器· 1.3.pan>基本选择器 1.3.2组合选择器 1.3.3属选择器 1.3.4伪类选择器 1.3.5CSS3的继承和层叠 任务实施——使用选择器设置CSS3样式 思政点滴 项目实训 ⑤项目考核 应用和美化文本 项目2 ⑨项目导读 学 思政目标 任务2.pan>应用HTML5中的文本… 2.1.pan>标题和段落标签 2.1.2基本的文本格式化标签 2.1.3 HTML5新增的文本标签… 2.1.4 特殊字符 任务实施—―创建“图书简介”页面 任务2.2 使用CSS3美化文本……5pan> 2.2.pan>文本样式 2.2.2 段落样式 2.2.3特殊样式 任务实施——美化“图书简介” 页面中的文本… 思政点滴 项目实训 项目考核 项目3应用和美化图像及多媒体……75 项目导读 学 思政目标 任务3.pan>应用HTML5中的图像及多媒体 3.1.pan>添加图像与图标… 3.1.2添加流 3.1.3嵌入多媒体文件… 任务实施——为“图书简介”页面 添加图像及……8pan> 任务3.2使用CSS3美化图像与背景 3.2.pan>图像样式 3.2.2背景样式 3.2.3图文混排 3.2.4渐变样式 任务实施——美化“图书简介”页面的 图像、与背景……98 思政点滴 项目实训 项目考核 项目4应用和美化列表 项目导读 学 思政目标 任务4.pan>使用HTML5添加列表 4.1.pan>无序列表 4.1.2有序列表 4.1.3自定义列表 4.1.4嵌套列表 任务实施——制作“网上书店”页面的导航条 任务4.2使用CSS3美化列表……11pan> 4.2.pan>设置项目符号 4.2.2使用列表制作导航条……115 4.2.3制作图文列表· 4.2.4使用列表制作排行榜……1 任务实施——美化“网上书店”页面的导航条 思政点滴 项目实训 项目考核 项目5应用和美化超链接 项目导读 学 思政目标 任务5.pan>使用HTML5添加超链接 5.1.1URL 5.1.2普通链接与内容块链接……129 5.1.3图像链接与下载链接……130 5.1.4 锚点链接 5.1.5电子邮件链接 5.1.6图像热点链接 任务实施——为“网上书店”页面添加超链接· 任务5.2使用CSS3美化超链接 5.2.pan>与超链接相关的基本样式……140 5.2.2制作新闻列表 5.2.3制作图形化按钮任务实施——美化“网上书店”页面中的超链接……147 思政点滴 项目实训 项目考核 项目6应用和美化表格 项目导读 学 思政目标 任务6.pan>使用HTML5添加表格 6.1.pan>添加表格 6.1.2表头与标题 6.1.3表格分组 6.1.4整体边框与单元格内外边距 6.1.5表格内外边框 单元格跨行、跨列显示……1626.1.6 任务实施——使用表格制作“网上书店”页面的“排行榜” 任务6.2 使用CSS3美化表格……166 6.2.pan>设置表格标题样式 6.2.2 制作细线表格 6.2.3制作圆角表格 6.2.4 制作隔行换色表格 6.2.5制作自适应表格 任务实施——美化“网上书店”页面“排行榜”区域的表格· 思政点滴 项目实训 项目考核 项目7应用和美化表单 项目导读 学 思政目标 任务7.pan>使用HTML5添加表单· 7.1.pan>表单的基本结构 7.1.2表单域… 7.1.3常用表单控件. 7.1.4其他表单控件· 7.1.5表单控件的属· 7.1.6提示信息 7.1.7表单对象分组 任务实施——制作“反馈意见”页面… 任务7.2 使用CSS3美化表单……4 7.2.pan>设置表单背景 7.2.2设置表单控件获得焦点时的样式 7.2.3设置单选钮与复选框的样式 7.2.4表单控件的其他样式 任务实施——美化“反馈意见”页面 思政点滴 …… 任务实施——为“书店简介” 页面侧边栏中的链接文字设置动画… 思政点滴 项目实训 项目考核 项目1pan>网页设计综合实例 项目导读 学 思政目标 任务11.pan>准备工作 任务实施——完成“金企鹅 比特币交易网” 网站的准备工作……2 任务11.2制作网站首页……292 任务实施——制作“金企鹅比特币交易网”首页……292 任务11.3制作网站登录页……31pan> 任务实施─―制作“金企鹅比特币交易网”登录页……31pan> 思政点滴… 参考文献