中高职衔接是构建现代教育体系的关键。本书是中高职衔接课程体系建设项目网页设计与制作课程的配套教材，编者在总结近几年教学改革经验的基础上，按照中高职衔接计算机应用技术专业一体化人才培养方案的要求编写而成。 本书采用单元模块化的编写思路，将HTML语言、CSS样式和Dreamweaver软件三方面的知识内容分配到10个教学单元中，从网页设计制作的基础知识入手，深入浅出、循序渐进地讲述了基于Web标准、使用HTML DIV CSS进行网页设计制作的相关理论和技术。
每个单元模块首先引出单元的主要学习内容，接着进行任务学习，zui后有相应的课后实训和单元小结。每个任务的编写分为任务描述、知识准备、任务实现和任务拓展四个环节，使读者在循序渐进学习的同时掌握网页设计相关的知识技能。
本书知识点全面，结构合理，实用性强，适合作为高等职业院校网页设计课程的教材，也可作为培训机构的短期培训教材和网页设计爱好者的参考书。

本书在编写过程中以中高职衔接课程资源建设与共享为出发点，全书主要包含HTML语言、CSS样式、Dreamweaver软件的使用三方面的知识。

随着Internet的快速发展，网页界面更加美观，页面代码更加简洁精致，页面布局都向W3C标准靠近，HTML和CSS相结合是静态页面布局的重要组合。本书在编写过程中以中高职衔接课程资源建设与共享为出发点，全书主要包含HTML语言、CSS样式、Dreamweaver软件的使用三方面的知识。从网页设计制作的基础知识入手，深入浅出、循序渐进地讲述了基于Web标准、使用HTML DIV CSS进行网页设计制作的相关理论和技术，将知识和技能要点融于一个个任务中，每个任务分为任务描述、知识准备、任务实现、任务拓展四个环节。本书中的任务设计遵循简明、易学、实用的原则，在知识准备环节，详细介绍实现任务的相关HTML和CSS知识点；在任务实现环节，以通俗易懂的语言，配以图文并茂的操作步骤，详细讲解任务的实现过程；在任务拓展环节，介绍Dreamweaver CS6软件拓展知识，以提高学生的知识素养；在课后实训环节，通过实训练习，巩固所学知识，加强对学生网页操作技能的培养。本书适合作为高职高专院校计算机专业和非计算机专业的网页设计与制作课程的教材，也可以作为网页设计与制作人员的自学用书和参考书。本书由苏文和陈海峰任主编，王学卿、程琦峰、殷美和包佃清任副主编。苏文编写单元1、单元2、单元5、单元10和全书课后实训内容。陈海峰编写单元3、单元4、单元8和单元9。王学卿、包佃清、程琦峰和殷美编写单元6和单元7。全书统稿工作由苏文完成。参与本书编写的人员均为专业资深教师，但由于时间仓促，编者水平有限，书中疏漏、不足之处在所难免，恳请读者和教学同仁批评指正，以便再版时予以修订。读者在学习过程中，如遇到困难，可以联系作者（电子邮箱：lygqing320@163.com）。zui后，我们要向所有对本书写作做出贡献的同仁表示感谢。
编 者 2018年8月

苏文，连云港职业技术学院。
陈海峰，连云港职业技术学院。

单元1 网页设计基础知识 1
任务1 访问网站www.lygtc.edu.cn 1
任务描述 1
一、网页与网站 1
二、页面布局设计与色彩搭配 3
三、网页制作常用软件和技术 5
任务实现 6
任务拓展 7
任务2 创建本地站点 8
任务描述 8
一、Dreamweaver CS6软件 8
二、Dreamweaver CS6站点 13
任务实现 15
任务拓展 16
课后实训 19
单元小结 20
单元2 HTML基础 21
任务1 制作图文混排网页 21
任务描述 21
一、HTML基本概念 22
二、文本排版 23
三、水平线标签

四、图像标签 26

任务实现 27
任务拓展 29
任务2 表格的使用 33
任务描述 33
一、表格 33
二、超链接 37
三、列表 41
任务实现 44
任务拓展 46
课后实训 48
单元小结 49
单元3 HTML高级应用 50
任务1 表单页面设计 50
任务描述 50
一、表单 50
二、表单控件 53
任务实现 62
任务拓展 63
任务2 框架多媒体页面设计 64
任务描述 64
一、框架 65
二、插入多媒体对象 69
任务实现 70
任务拓展 73
课后实训 75
单元小结 76
单元4 CSS的基础知识 77
任务 CSS的引用制作风景页面 77
任务描述 77
一、CSS概述 78
二、CSS的引用方法 79
三、CSS选择器 82
任务实现 87
任务拓展 89
课后实训 92
单元小结 93
单元5 设置CSS文本、图像和背景 94
任务 使用样式美化网页 94
任务描述 94
一、CSS文本相关样式 94
二、CSS背景属性 98
任务实现 102
任务拓展 102
课后实训 104
单元小结 105
单元6 盒子模型 106
任务 海天酱页面布局 106
任务描述 106
一、初识盒子模型 107
二、盒子模型相关属性 107
三、盒子之间的关系 115
四、盒子在标准流中的
定位原则 116
任务实现 120
任务拓展 122
课后实训 123
单元小结 123
单元7 盒子的定位和浮动 124
任务 美食页面布局 124
任务描述 124
一、盒子的浮动 125
二、盒子的定位 129
任务实现 134
任务拓展 139
课后实训 142
单元小结 143
单元8 用CSS设置列表和链接 144
任务 通知公告页面 144
任务描述 144
一、设置项目列表样式 144
二、设置超链接 149
任务实现 150
任务拓展 152
课后实训 156
单元小结 156
单元9 常用布局结构 157
任务 绿色满园花卉网站 157
任务描述 157
一、布局流程 158
二、常见布局 159
任务实现 166
任务拓展 173
课后实训 174
单元小结 174
单元10 综合案例教务网站设计 176
任务描述 175
一、内容分析 176
二、HTML结构设计 176
三、原型设计 177
四、页面方案 178
任务实现 179
任务拓展 189
课后实训 190
单元小结 190