单元1 网页赏析、创建站点与浏览网页
【教学导航】
【本单元单词】
【预备知识】
HTML与 CSS 网页设计概述
1.1 认识网页、网页相关的名词、Web标准
1.2 HTML、CSS简介
1.3 常见浏览器介绍
1.4 使用谷歌浏览器调试开发网页
1.5 网页赏析
1.6 Dreamweaver简介
【操作准备】
【模仿训练】
任务1.1 创建北京大学网站站点并浏览网页
任务1.1.1 分析北京大学站点的目录结构
任务1.1.2 赏析北京大学网站的首页、列表页和详情页
任务1.1.3 创建北京大学网站的本地站点
任务1-1-4认识Dreamweaver的工作界面
任务1-1-5打开与保存网页文档index.html
任务1-1-6在浏览器中浏览网页index.html
【模仿训练考核评价】
【拓展训练】
任务1.2 创建绿色食品网站站点并浏览网页
【拓展训练考核评价】
【单元小结】
【单元习题】
单元2 网站项目开发环境搭建
【教学导航】
【本单元单词】
【预备知识】
HTML入门
2.1 HTML文档基本格式、HTML标记及其属性、头部标记
2.1.1 认识HTML文档基本格式
2.1.2 HTML标记及其属性
2.1.3 头部标记
2.2 标题段落标记 、文本样式标记
2.2.1 标题段落标记
2.2.2 文本样式标记
2.3 文本格式化标记、特殊字符标记
2.3.1 文本格式化标记
2.3.2 特殊字符标记
2.4 常用图像格式、图像标记、相对路径和绝对路径
2.4.1 常用图像格式
2.4.2 图像标记
2.4.3 相对路径和绝对路径
2.5 和标记
2.6 注释标记
【操作准备】
【模仿训练】
任务2.1 北京大学网站项目开发环境搭建
任务2.1.1 认识手册（w3school完整版.chm）的使用界面
任务2.1.2 认识编辑器（Sublime Text）的使用界面
任务2.1.3 使用谷歌浏览器（Google Chrome）审查元素
任务2.1.4 创建北京大学网站站点文件夹
任务2.1.5 网页基本骨架搭建
任务2.1.5.1 创建HTML文件
任务2.1.5.2 网页骨架标签搭建
【模仿训练考核评价】
【拓展训练】
任务2.2 绿色食品网站项目开发环境搭建
【拓展训练考核评价】
【单元小结】
【单元习题】
单元3 图文混排网页的制作
【教学导航】
【本单元单词】
【预备知识】
CSS入门
3.1 掌握CSS样式规则、CSS样式表的引入方式
3.1.1 CSS样式规则
3.1.2 引入CSS样式表的方式
3.2 CSS基础选择器
3.2.1 标记选择器
3.2.2 id选择器
3.2.3 类选择器（class选择器）
3.2.4 通配符选择器
3.3 CSS文本相关样式
3.4 CSS文本外观属性
3.5 CSS复合选择器
3.5.1 交集选择器（标签指定式选择器）
3.5.2 并集选择器（逗号选择器）
3.5.3 后代选择器（包含选择器）
3.5.4 选择器的综合使用
3.6 CSS三大特性：继承性、层叠性和优先级
3.6.1 CSS的继承性
3.6.2 CSS的层叠性
3.6.3 CSS的优先级
【操作准备】
【模仿训练】
任务3.1 制作介绍北京大学网站图文混排效果的网页
任务3.1.1 建立站点目录结构
任务3.1.2 创建与保存网页文档
任务3.1.3 图文混排网页页面结构分析
任务3.1.4 在网页中插入相应的标签、文字和图片
任务3.1.5 插入与文本相关的元素并设置其属性
任务3.1.6 设置图片元素的属性
【模仿训练考核评价】
【拓展训练】
任务3.2 制作介绍绿色食品网站图文混排效果的网页
【拓展训练考核评价】
【单元小结】
【单元习题】
单元4 表格与表格布局网页的制作
【教学导航】
【本单元单词】
【预备知识】
表格、表格布局及CSS控制表格样式
4.1 表格
4.2 表格布局
4.3 CSS控制表格样式
【操作准备】
【模仿训练】
任务4.1 北京大学网站表格与表格布局网页的制作
任务4.1.1 表格及细线表格的制作
任务4.1.2 滚动文本效果的制作
任务4.1.3 表格布局网页的制作
【模仿训练考核评价】
【拓展训练】
任务4.2 绿色食品网站表格与表格布局网页的制作
【拓展训练考核评价】
【单元小结】
【单元习题】
单元5 包含flash元素和超级链接的网页制作
【教学导航】
【本单元单词】
【预备知识】
列表和超级链接
5.1 列表
5.1.1 认识列表
5.1.2 无序列表（ul）
5.1.3 有序列表（ol）
5.1.4 定义列表（dl）
5.1.5 列表嵌套
5.2 CSS控制列表样式
5.3 超级链接
5.3.1 超级链接
5.3.2 设置文本超链接
5.3.3 给链接添加提示文字
5.3.4 设置图像超链接
5.3.5 使用锚在网页内部链接（锚点链接）
5.3.6 电子邮件的链接
5.3.7 设置超级链接的样式
【操作准备】
【模仿训练】
任务5.1 北

汤智华主编的《网页设计与制作项目教程(微课版工业和信息化十三五高职高专人才培养规划教材)》以培养网页设计与制作开发能力为目标，注重网页设计与制作开发技术的应用。本书采用“双线（项目）并行”的模式贯穿整个教学过程。将北京大学网站设计与制作项目作为教学载体和课内项目，以北京大学网站中三个完整的页面（首页、列表页、详情页）的设计与制作为核心内容。通过绿色食品网站网页设计与制作项目的拓展训练，加深对所学知识的理解和提升，并强化分析问题和解决问题的能力，激发读者的创新实践能力。本书配套精品在线开放课程网站，书中关键知识点、技能点还插入了二维码微课资源标志，实现手机随扫随学。
书共分10个单元的内容，内容包括：单元1网页赏析、创建站点与浏览网页；单元2网站项目开发环境搭建；单元3图文混排网页的制作；单元4表格与表格布局网页的制作；单元5包含flash元素和超级链接的网页制作；单元6表单网页的制作；单元7CSS布局与网页美化；单元8网站首页的设计与制作；单元9网站列表页的设计与制作；单元10网站详情页的设计与制作。
本书可作为高等职业院校“网页设计与制作”课程的教材，也可以作为网页设计与制作的培训用书及技术参考书。