中高职衔接是构建现代教育体系的关键。本书是中高职衔接课程体系建设项目“网页设计与制作”课程的配套教材，编者在总结近几年教学改革经验的基础上，按照中高职衔接计算机应用技术专业一体化人才培养方案的要求编写而成。 



        本书采用单元模块化的编写思路，将HTML语言、CSS样式和Dreamweaver软件三方面的知识内容分配到10个教学单元中，从网页设计制作的基础知识入手，深入浅出、循序渐进地讲述了基于Web标准、使用HTML+DIV+CSS进行网页设计制作的相关理论和技术。



        每个单元模块首先引出单元的主要学习内容，接着进行任务学习，最后有相应的课后实训和单元小结。每个任务的编写分为任务描述、知识准备、任务实现和任务拓展四个环节，使读者在循序渐进学习的同时掌握网页设计相关的知识技能。



        本书知识点全面，结构合理，实用性强，适合作为高等职业院校网页设计课程的教材，也可作为培训机构的短期培训教材和网页设计爱好者的参考书。

无

单元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

三、水平线标签<hr> 26

四、图像标签<img> 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

        本书采用单元模块化的编写思路，将HTML语言、CSS样式和Dreamweaver软件三方面的知识内容分配到10个教学单元中。每个单元模块由主要学习内容、任务学习、课后实训和单元小结四部分组成。