HTML5+CSS3网页设计任务教程

本书是一本详尽探讨 HTML5和CSS3网页设计技 术的指导用书，以主流网站 内容为蓝本，紧密结合当前 Web开发领域的新技术、新 理念和新方法，采用工单任 务驱动的方式组织内容。全 书内容涵盖HTML5基本概念 、语法、常用标签使用方法 、CSS3技术、网页布局、 实际应用技巧等。此外，本 书还配备了丰富的实操案例 ，以帮助读者巩固所学知识 ，提升实际操作能力。 本书结构清晰，案例典 型，实用性强，无论是初学 者还是具有一定网页设计经 验的读者，都可以从中获得 宝贵的知识和技能。本书不 仅适合作为高等院校计算机 及相关专业的教材，也适合 作为自学者的参考用书。

任务一 设计博客文章内容页 任务需求说明 课程工单 工单任务分解 思政元素 1.1 HTML5简介 1.1.1 HTML的基本概念 1.1.2 HTML的发展历史 1.1.3 W3C和W3C标准 1.1.4 HTML的开发工具 1.2 HTML5文档结构 1.2.1 HTML5文档基本结构 1.2.2 HTML5基本语法 1.2.3 使用浏览器查看HTML5网页文件 1.3 HTML5文本类标签 1.3.1 标题标签 1.3.2 段落标签 1.3.3 换行标签 1.3.4 水平线标签 1.3.5 注释标签 1.3.6 其他文本类标签 1.3.7 HTML5转义字符串 1.4 HTML5图片和超链接标签 1.4.1 图片标签 1.4.2 相对路径和绝对路径 1.4.3 图片标签的应用_简单的图文混排 1.4.4 超链接标签 工作训练 拓展训练 功能插页 任务二 设计博客内容列表页 任务需求说明 课程工单 工单任务分解 思政元素 2.1 列表标签 2.1.1 无序列表 2.1.2 有序列表 2.1.3 定义列表 2.2 容器标签 2.2.1 div标签 2.2.2 span标签 2.3 HTML5标签分类 2.3.1 块级标签 2.3.2 行级标签 2.3.3 行内块标签 2.3.4 块级元素与行内元素的嵌套关系 2.3.5 块级标签和行内元素的转换 …… 任务三 设计博客登录和注册页面 任务五 美化博客博主个人主页 任务四 设计博客内容列表页 任务六 设计博客网站的首页 任务七 网页布局设计 任务八 网页高级布局设计 附录 引用网站相关信息