网页设计与制作

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

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

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