21世纪全国职业院校技能型紧缺人才培养规划教材·网页设计基础与应用：项目课堂实训

本教程采用当前最流行的项目教学理念，在详细讲解网页制作三剑客的使用方法时，以一些典型的网页作品为项目，由浅入深地带领读者进入丰富多采的网页世界。这些项目都经过精挑细选且有非常好的代表性。它们不但能够充分说明该软件的基本操作，更重要的是，这些实例都包含目前网页创作中最流行和最有创意的构思，使读者能够事半功倍地迅速提高网页的创作水平。

《网页设计基础与应用：项目课堂实训》是专为落实教育部和信息产业部《关于确定职业院校开展计算机应用与软件技术专业领域技能型紧缺人才培养培训工作的通知》和《职业院校计算机应用与软件技术专业领域技能型紧缺人才培养指导方案》精神而编写的标准的职业院校教材。
《网页设计基础与应用：项目课堂实训》内容：《网页设计基础与应用：项目课堂实训》是采用项目驱动方式将基础知识与具体实践紧密相结合的全新教科书，由三部分、19章构成。第一部分主要介绍网页制作三剑客Dreamweaver、Fireworks和Flash的相关概念、术语，网页上的主要元素，创建网站时要注意的问题，建站流程，常见的几种网页布局方式等网页设计基础知识；第二部分项目实战通过10个A级项目、3个B级项目、1个C级项目的具体实践过程，由浅入深、循序渐进、全面系统地介绍了目前最新的专业网页、个人网页等不同类型的网页设计，小型商业网站的开发，站点规划和网页素材的制作方法、流程和步骤。第三部分内容包括商业网站设计的主要原则、制作规范，企业网站建设各阶段的注意事项，网站建设误区和企业如何注册域名，申请免费站点计数器和留言板等知识。
《网页设计基础与应用：项目课堂实训》特点：1.项目驱动与基础知识紧密相结合的全新教学模式，边讲、边练，讲练结合，激发兴趣，学习轻松。2.按A、B、C三级项目实战方式，有机地将网页制作三剑客的核心功能巧妙地应用在网页设计、网站建设的具体项目中，是基础知识掌握+学习成果考核+综合实战技能的典范，摆脱传统软件教学的局限性，所见所得，学后就可以动手干活。3.在项目训练之余注重知识的外延，体现岗前培训指导思想。4.各章末尾均附有对应本章知识点的习题，书后附有部分习题答案，方便教学和自学。
读者对象：全国职业院校网页设计与制作专业课教材。

第一部分 网页设计制作基础知识
第1章 网页基础 2
1.1动手制作第一个主页 2
1.2网页的一些基本概念、相关术语和主要元素 3
1.2.1基本概念 3
1.2.2与HTMI。有关的一些术语 6
1.2.3网页上包括的主要元素 7
1.3 网站建设 8
1.3.1创建网站时要注意的问题 8
1.3.2将计算机虚拟成Web服务器 9
1.3.3制作网站的流程 10
1.3.4几种常见的网页布局 16
1.4小结 2l
1.5习题 2l
第2章 Macromedia公司的“三剑客” 23
2.1三剑客简介 23
2.2三剑客的应用领域和协同工作的优点 23
2.3 Dreamweaver MX 2004的工作界面 24
2.3.1 Dreamweaver MX 2004的窗口组成 24
2.3.2标题栏 25
2.3.3菜单栏 25
2.3.4文档工具 25
2.3.5插入工具组 26
2.3.6属性面板 27
2.3.7浮动面板组 27
2.4在Dreamweaver MX 2004中创建站点 28
2.5小结 30
2.6习题 30

第二部分 项目实战（A级、B级、C级）
第3章 项目1 网页文本编辑 33
3.1模拟项目：海的女儿 33
3.1.1项目展示 33
3.1.2知识技能目标 33
3.1.3制作过程说明 34
3.2知识讲解 36
3.2.1格式化段落 36
3.2.2格式化文本 38
3.2.3样式列表 39
3.2.4页面属性设置 40
3.3提高项目：蜡笔小新经典对白 40
3.3.1项目展示 40
3.3.2制作要点提示 41
3.4小结 41
3.5习题与操作 41
第4章 项目2网页图像编辑 43
4.1模拟项目：小新天地 43
4.1.1项目展示 43
4.1.2知识技能目标 43
4.1.3制作过程说明 44
4.2知识讲解 46
4.2.1网页中可以使用的图像格式 46
4..2.2设置图像属性 47
4.3提高项目：小伟车行 49
4.3.1项目展示 49
4.3.2制作要点提示 49
4.4.小结 51
4.5习题 51
第5章 项目3用表格布局网页 53
5.1模拟项目：神州同庆——北京·2008 53
5.1.1项目展示 53
5.1.2知识技能目标 53
5.1.3制作过程说明 54
5.2知识讲解 56
5.2.1表格对话框 56
5.2.2设置表格属性 56
5.2.3设置单元格属性 57
5.2.4格式化表格 58
5.3提高项目：风采图片社 59
5.3.1 项目展示 59
5.3.2制作要点提示 59
5.4.小结 63
5.5习题 63
第6章 项目4用层布局网页 64
6.1模拟项目：街舞文化 64
6.1.1项目展示 64
6.1.2知识技能目标 64
6.1.3制作过程说明 65
6.2知识讲解 66
6.2.1层的优势 66
6.2.2嵌套层 67
6.2.3设置层的属性 67
6.2.4对齐层 68
6.2.5将层转换成表格 68
6.2.6将表格转换为层 69
6.3提高项目：童话站点导航 69
6.3.1项目展示 69
6.3.2制作要点提示 69
6.4.小结 7l
6.5习题 71
第7章 项目5 用布局表格布局网页 72
7.1模拟项目：音乐天堂 72
7.1.1项目展示 72
7.1.2知识技能目标 72
7.1.3制作过程说明 72
7.2知识讲解 74
7.2.1移动布局单元格 74
7.2.2调整布局表格或布局单元格大小 74
7.2.3布局表格属性设置 75
7.2.4布局单元格属性设置 75
7.3提高项目：暗翼工作室 76
7.3.1项目展示 76
7.3.2制作要点提示 76
7.4小结 77
7.5习题 77
第8章 项目6 框架网页 78
8.1模拟项目：快乐老猫 78
8.1.1项目展示 78
8.1.2知识技能目标 78
8.1.3制作过程说明 78
8.2知识讲解 81
8.2.1嵌套框架集 8l
8.2.2选择框架和框架集 82
8.2.3设置框架集属性 82
8.2.4设置框架属性 82
8.3提高项目：流行舞坊 83
8.3.1项目展示 83
8.3.2制作要点提示 84
8.4小结 86
8.5 习题 86
第9章 项目7 模板与库 87
9.1模拟项目：在线影院 87
9.1.1项目展示 87
9.1.2知识技能目标 87
9.1.3制作过程说明 88
9.2知识讲解 93
9.2.1【模板】面板 93
9.2.2创建模板 93
9.2.3删除可编辑区域 94
9.2.4将模板应用于已存在的网页 94
9.2.5使网页脱离模板 94
9.2.6更新模板变化 94
9.2.7库项目属性面板 95
9.2.8从已有的网页中创建库文件 95
9.3提高项目：在线购物 96
9.3.1项目展示 96
9.3.2制作要求及要点提示 96
9.4小结 97
9.5习题 97
第10章 项目8超级链接 98
10.1模拟项目：童心童话 98
10.1.1项目展示 98
10.1.2知识技能目标 98
10.1.3制作过程说明 99
10.2提高项目：决战光明项和我 107
10.2.1项目展示 107
10.2.2制作要点提示 108
10.3小结 110
10.4习题 110
第11章 项目9交互式网页 11l
11.1模拟项目：用户注册表单 111
11.1.1项目展示 111
11.1.2知识技能目标 111
11.1.3制作过程说明 112
11.2提高项目：新版会员俱乐部 116
11.2.1项目展示 116
11.2.2制作要点提示 117
11.3小结 120
ll.4习题 120
第12章 项目10动感网页 121
12.1子项目1：制作页面上的动画效果 121
12.1.1项目展示 121
12.1.2制作过程说明 121
12.1.3【时间轴】面板 122
12.2子项目2：制作交换图像 123
12.2.1 项目展示 123
12.2.2制作过程说明 124
12.2.3设置交换图像 125
12.3子项目3：制作弹出信息对话框 125
12.3.1项目展示 125
12.3.2制作过程说明 125
12.4子项目4：随主页弹出的广告窗口 126
12.4.1项目展示 126
12.4.2制作过程说明 126
12.5子项目5：控制Hash动画的播 放 127
12.5.1项目展示 127
12.5.2制作过程说明 128
12.6子项目6：拼图游戏 128
12.6.1 项目展示 128
12.6.2制作过程说明 128
12.7子项目7：播放声音 130
12.8子项目8：显示弹出式菜单 130
12.8.1项目展示 130
12.8.2制作过程说明 131
12.9子项目9：设置状态栏文本 13l
12.9.1项目展示 13l
12.9.2制作过程说明 132
12.10子项目10：自动刷新的网页 132
12.11子项目11：进入时随机过渡的网页 133
12.11.1项目展示 133
12.11.2制作过程说明 133
12.12子项目12：添加网页搜索关键字和描述信息 133
12.13小结 134
12.14习题 134
第13章 项目11《宇翼之都》网站建设 136
13.1项目展示 136
13.2知识技能目标 136
13.3制作过程详解 136
13.3.1用Fireworks制作导航条 136
13.3.2用Fireworks制作网站徽标 139
13.3.3用Fireworks制作栏目边框素材 143
13.3.4用Fireworks制作鼠标经过图像素材 145
13.3.5用Fireworks制作栏目动画素材 146
13.3.6用Fireworks制作不断变换的横幅广告 148
13.3.7在Dreamweaver中合成网页 148
13.4小结 149
13.5习题 149
第14章 项目12《天下有雪》网站建设 150
14.1项目介绍 150
14.1.1网站的创意与设计说明 150
14.1.2作品展示 150
14.2知识技能目标 152
14.3制作过程详解 153
14.3.1首页中Flash动画的制作 153
14.3.2首页中动态导航菜单的制作及首页的合成 158
14.3.3《雪在江湖》页面中Flash素材的制作及页面合成 162
14.3.4《白雪少年》页面中素描自画像素材的制作及页面合成 164
14.3.5制作二级页面《魏晋遗风》 171
14.3.6制作二级页面《雪人物语》 172
14.3.7制作《踏雪留痕》网页留言簿 173
14.4小结 174
14.5习题 174
第15章 项目13 考核项目 175
15.1考核项目1：个人网站建设 175
15.1.1项目开发要求 175
15.1.2参考作品展示 175
15.2考核项目2：班级主页 180
15.2.1设计要求 180
15.2.2参考作品展示 180
第16章 项目14小型商业网站建设 187
16.1项目开发要求 187
16.2商业网站开发规范 187
16.3参考作品展示 189

第三部分 网站建设、网页制作知识拓展
第17章 商业网站建设指南 196
17.1商业网站设计的主要原则 196
17.2商业网站制作规范 198
17.3企业网站建设各阶段的注意事项 200
17.4网站建设误区 201
17.5企业如何注册域名 202
l7.6小结 203
第18章 HTML、脚本语言和主页特效百宝箱 204
18.1HTML简介 204
18.2脚本语言简介 206
18.3主页特效制作 206
18.4小结 212
第19章 申请免费站点计数器和留言板 213
19.1申请免费站点计数器 213
19.2申请免费留言板 214
19.3小结 215
部分习题答案 216