网页设计与制作

职业教育要把人力资源转化成人力资本，职业教育是直接创造价值的教育，要瞄准人才产业链和价值链培养，而不是培养一技之长。作为电子商务专业的高职学生来讲，要想在“电子类”行业创造价值，就必须拥有多技之长，其中对软件Dreamweaver的操作和掌握则是基础。而单纯的知识讲解犹如“无源之水”——缺少了市场对人才需求的衡量和评判，要想让高职教育紧贴就业，就必须使行业的专家参与到教材的编写中来，因此在河南省电子商务行业教学指导委员会的牵头下，本教材的编写人员集合了高职院校电子商务专业教学的一线教师，吸纳了省内电子商务领域的一流行业专家的建议与意见，突出教材的实用性。

编者结合自身教学体会，认真分析了目前同类教材在使用中的效果和反馈意见，学习和总结了目前高职教育领域中比较先进的教学理论，进而对本教材的编写理念、结构、内容等方面做了比较积极的探索。

从编写理念上，本教材紧贴高职教育特点，不盲从本科院校高深的理论基调，秉承着让学生“能学会，会动手”的指导思想，提炼出以下四个方面的教材特点：

（1）基础性。本书从基本的网页编写开始，逐步递进，分层次，分步骤，系统而详细地讲述了网页编写的基本理论知识，方便没有网页编写知识的学生学习。

（2）实用性。在本书的编写过程中，编者吸取了在教课过程中学生学习反馈的经验，比如有些知识点掌握得不够牢固，学生在做练习时频繁出错，在教材中就适当加大该内容的篇幅以及从多角度来阐述知识点，使高职学生能够全面深入地了解和掌握。

（3）引导性。本书全面阐述了网页设计与制作的流程，将Dreamweaver CS5.5软件的各个功能版块做了详细的说明和讲解示范，内容浅显易懂，便于学生掌握和操作，以此能够提高学生学习的兴趣和成就感，形成良好的后续学习引导作用。

（4）拓展性。在本书的习题部分配有资料参考，在所提供的书籍和网站上，学生能够获取进一步的知识内容，便于其从深度和广度去拓展自我的知识技能和实践技能，使学生不仅学会本门技术更能学精技术，使自我在求职领域脱颖而出，彰显高职学生的素质。

本教材内容突出对学生职业能力的训练，以培养高等职业院校学生网页设计与制作的实际技能为主要目标，主要讲述了网页设计与制作的常用基本技术，内容以Dreamweaver CS5.5为主体，对软件的各项功能操作进行了详细描述，并简要介绍了相关的网页设计与制作的基础知识、HTML语言等内容，在知识的安排上充分遵循高职学生的认知规律，体现了“以学生为中心，以教师为主导，以培养学生的技能为目标”的教学理念，最终实现学生综合能力和综合素质的提高。

本书既可作为高职高专院校电子商务、计算机应用、信息管理等专业的相关课程用书，也可作为网页设计自学者的参考书。

本书由河南经贸职业学院王铁桩老师担任主编并制定编写大纲，河南经贸职业学院路正佳老师、郑州科技学院孟刚老师任副主编。具体编写分工如下：第1、2、9章由河南经贸职业学院路正佳编写，第3、4章由河南工业贸易职业学院郭小娟编写，第5、6章由郑州财经学院高丽燕编写，第7、8章由郑州科技学院孟刚编写。全书由王铁桩整体设计及通稿。

由于编者水平有限及时间仓促，书中难免会存在缺点和不足，还恳请读者和各位同行谅解，并欢迎大家多提宝贵意见以便改进，谢谢！

编 者

2015年1月

第1章 网页与网站的基础知识 1
1.1 网页制作与网站建设基础 1
1.1.1 静态网页介绍 1
1.1.2 动态网页介绍 1
1.1.3 常见网站类型 2
1.2 网页布局设计与色彩搭配 5
1.2.1 网页版面布局的原则和方法 5
1.2.2 网页布局的结构形式 6
1.2.3 网页配色基础 10
1.2.4 网站布局特点 19
1.2.5 经典网页欣赏 23
1.3 Dreamweaver认知 26
1.3.1 Dreamweaver CS5.5的新功能 26
1.3.2 Dreamweaver CS5.5的工作界面 26
1.4 HTML基础 32
1.4.1 HTML基本标记 32
1.4.2 格式标记 33
1.4.3 文本标记 34
1.4.4 图像标记 35
1.4.5 表格标记 37
1.4.6 链接标记 38
本章小结 39
习题1 39
第2章 站点的搭建与管理 41
2.1 创建本地站点 41
2.1.1 规划站点 41
2.1.2 创建站点 41
2.2 管理本地站点 45
2.2.1 编辑站点 45
2.2.2 复制站点 45
2.2.3 删除站点 46
2.2.4 创建文件夹和文件 46
2.2.5 文件夹和文件的复制、删除或重命名 46
2.2.6 编辑站点文件 47
2.3 网页的基本操作 48
2.3.1 新建网页 48
2.3.2 保存网页 48
2.3.3 打开与关闭网页 49
2.3.4 页面属性的设置 50
本章小结 54
习题2 54
第3章 网页中的基本元素 55
3.1 文本及其常用格式设置 55
3.1.1 复制和粘贴文本 55
3.1.2 分段和换行 55
3.1.3 插入空格及文本缩进方式 55
3.2 图形图像及其常用设置 56
3.2.1 插入图像 57
3.2.2 设置图像属性 57
3.2.3 插入图像占位符 59
3.2.4 插入鼠标经过图像 59
3.3 动画、声音及其常用设置 60
3.3.1 插入SWF动画 60
3.3.2 插入Flash按钮 61
3.3.3 插入Flash文本 62
3.3.4 插入图片查看器 62
3.3.5 插入视频及音频 63
3.4 表格及其设置 64
3.4.1 插入及选择表格 64
3.4.2 调整表格和单元格的大小 65
3.4.3 添加和删除表格、行与列 66
3.4.4 拆分和合并单元格 68
3.4.5 设置表格属性 68
3.4.6 设置单元格的属性 69
3.4.7 表格实例 70
本章小结 70
习题3 70
第4章 超链接及表单 72
4.1 超级链接 72
4.1.1 文本及图像超链接 72
4.1.2 锚记链接 73
4.1.3 其他超链接 73
4.2 表单应用 75
4.2.1 表单及表单对象简介 75
4.2.2 插入表单域 75
4.2.3 插入表单对象 76
4.2.4 和提交表单相关的服务器端
脚本处理知识 85
本章小结 88
习题4 88
第5章 DIV简介 89
5.1 DIV基本语法及用法 89
5.1.1 关于DIV标签 89
5.1.2 插入DIV标签 89
5.1.3 编辑DIV标签 90
5.1.4 关于AP Div 90
5.1.5 插入AP Div 91
5.1.6 嵌套AP Div 91
5.1.7 设置AP Div的属性 93
5.1.8 编辑AP Div 94
5.1.9 AP Div与表格的转换 96
5.2 DIV在不同浏览器中的兼容性 98
5.2.1 为什么会出现兼容性问题 99
5.2.2 浏览器兼容性问题 99
5.2.3 浏览器兼容性解决方案 99
本章小结 100
习题5 101
第6章 CSS样式表 102
6.1 CSS基础 102
6.1.1 CSS简介 102
6.1.2 在HTML页面中引入CSS的方法 102
6.2 CSS选择器 104
6.2.1 标记选择器：整体控制 104
6.2.2 类选择器：精确控制 105
6.2.3 id选择器：控制特殊的网页元素 107
6.2.4 群选择器 108
6.2.5 交集选择器 109
6.2.6 伪类选择器 109
6.2.7 CSS继承 111
6.2.8 层叠 111
6.3 创建CSS样式 112
6.3.1 新建CSS样式的方法 112
6.3.2 “CSS样式”面板 114
6.3.3 创建样式 116
6.4 管理CSS样式 118
6.4.1 编辑CSS样式 118
6.4.2 添加属性 119
6.4.3 链接和导入样式表 120
6.4.4 移动CSS规则 120
6.5 设置CSS样式属性 121
6.5.1 设置CSS“类型”分类属性 121
6.5.2 设置CSS“背景”分类属性 121
6.5.3 设置CSS“区块”分类属性 123
6.5.4 设置CSS“方框”分类属性 124
6.5.5 设置CSS“边框”分类属性 126
6.5.6 设置CSS“列表”分类属性 127
6.5.7 设置CSS“定位”分类属性 127
6.5.8 设置CSS“扩展”分类属性 128
6.6 使用CSS对页面进行布局 129
6.7 项目实战一：图文列表 130
6.8 项目实战二：竖排导航 136
6.9 项目实例三：水平导航 138
本章小结 142
习题6 142
第7章 站点的发布与推广 143
7.1 测试站点 143
7.1.1 浏览器的兼容性 143
7.1.2 链接的测试 144
7.2 发布网站 147
7.3 网站的运营与维护 149
7.3.1 网站访问统计 149
7.3.2 搜索引擎收录 150
7.3.3 SEO简介 150
7.3.4 SEO的方法和策略 151
7.4 网站的推广与优化 152
7.4.1 网站优化与推广的基本理论 152
7.4.2 网站优化与推广的方法 152
7.4.3 网站优化与推广的步骤 153
本章小结 153
习题7 154
第8章 网站制作实例 156
8.1 配置服务器 156
8.1.1 AppServ 156
8.1.2 AppServ的安装过程 156
8.2 制作一个简单的站点 160
8.2.1 创建页面—心灵品管 160
8.2.2 创建页面—感悟 166
8.2.3 设置链接 171
8.2.4 网站测试 172
本章小结 175
习题8 175
第9章 网站制作实例——校园生活网站
建设实例 176
项目一 规划设计校园生活网站 176
项目二 创建校园生活网站站点 177
项目三 应用表格进行网站布局 178
项目四 应用CSS样式编辑文本 181
项目五 插入图像 185
项目六 制作表单 190
项目七 制作子网页并添加导航链接 192
参考文献 199

1. 输水管线工程风险管理 [张勇 党亥生 著]
2. 民用航空飞机标准线路施工 [主编　王志敏　陈明]
3. 不息的水脉—大运河讲谈录 [赵珩　著]
4. 实用运筹学 [主编　邢育红　于晋臣]
5. 三峡梯级电站水资源决策支持系统研究与开发 [姚华明 潘红忠 汤正]
6. 海南黎族民俗文化鉴赏 [庞国华　著]
7. 石墨烯在太赫兹及中红外频段电磁器件设计中的应用 [李艳秀 庄华伟 著]
8. 电子技术（第二版） [主编 覃爱娜 李飞]
9. 办公自动化高级应用 [陈萍 朱晓玉]
10. 信息处理技术员考试32小时通关 [薛大龙]
11. 电子产品设计案例教程（微课版）—基于嘉立创EDA（专业版） [王静 莫志宏 陈学昌 丁红]
12. C程序设计实践教程 [刘卫国]
13. C程序设计（慕课版） [刘卫国]
14. Web技术开发教程（基于.NET开源MVC框架） [王合闯 韩红玲 王青正 陈海蕊]
15. 商务英语翻译教程（笔译）（第四版） [主编 王军平]
16. 智慧零售技术与应用 [洪旭 著]
17. 建设工程法规实务 [主编 余滢]
18. 商务秘书理论与实务（第三版） [主编 张同钦]
19. 程序设计基础实践教程（C/C++语言版） [张桂芬 葛丽娜]
20. C++案例项目精讲 [主编 杨国兴]
21. 劳动争议处理实务 [主编 王秀卿 罗静]
22. 工程数学 [主编 郭立娟 王海]
23. 语音识别理论与实践 [主编　莫宏伟]
24. 信息系统项目管理师章节习题与考点特训（第二版） [主编 薛大龙]
25. 武术基础教程 [主编 李代勇 谢志民]
26. 计算机网络实训教程 [主编 张浩军 赵玉娟]
27. 画法几何与机械制图习题集（多学时） [主编 赵军]
28. HCIA-Datacom认证题库分类精讲 [主 编 韩立刚]
29. SwiftUI完全开发 [李智威 著]
30. 网络规划设计师备考一本通 [夏杰 编著]