本书从实用的角度出发，采用“项目驱动，任务引领”的编写模式对网页设计与制作中的相关知识点进行详细讲解。全书共分为19个项目，每个项目按知识点由浅入深地组织任务，通过任务实现，帮助读者快速入门并能熟练掌握相关的操作技能。本书理论部分与实践部分的比例恰当，特别适合高等职业教育注重实际能力的培养目标。
本书适合作为高职高专、成人高校及本科院校的二级职业技术学院、继续教育学院和民办高校相关专业的教材，也可作为信息技术培训机构的培训用书，还可作为网页设计与制作人员、网站建设与开发人员、数字媒体设计与开发人员的参考书。
？

随着计算机网络信息技术的快速发展，网络传媒已成为当今主流媒体，而网站则是网络传媒的一种很好的载体。网站以其投入小、覆盖面广、传播速度快而深受广大企业青睐。目前很多企业都有属于自己的网站，因此，市场对网页设计与制作方面的人才需求也很大。
本书从实用的角度出发，采用“项目驱动，任务引领”的编写模式对网页设计与制作中的相关知识点进行讲解，通过具体任务实践，能让读者快速入门并熟练掌握相关的操作技能。
本书分为十九个项目，每个项目按知识点由浅到深组织任务，各项目内容概况如下：
项目一 网页制作开发工具与开发语言，对常用的网页开发工具和网页开发语言做了介绍。
项目二 创建与管理站点，包括创建本地站点、管理本地站点、管理本地站点中的文件等。
项目三 HTML文档及HTML标签，包括创建HTML文档、H标签应用、Meta标签应用等。
项目四 文本元素应用，包括插入文本元素、编辑文本元素等。
项目五 图像元素应用，包括插入普通图像、插入背景图像、插入图像占位符、制作鼠标经过图像效果等。
项目六 多媒体元素应用，包括插入Flash动画、插入FLV视频文件、插入WMV视频文件、制作背景音乐等。
项目七 超链接元素应用，包括内部链接应用、外部链接应用、锚点链接应用等。
项目八 表格元素应用，包括表格元素的插入与设置、运用表格进行网页布局等。
项目九 框架元素应用，包括框架导航应用、浮动框架应用等。
项目十 表单元素应用，包括制作用户注册页面。
项目十一 列表元素应用，包括无序列表应用、有序列表应用等。
项目十二 网页元素综合应用，包括对网页元素灵活运用，制作出一个图文并茂，有声有色、页面和谐的静态网站。
项目十三 CSS样式表应用，包括行内样式应用、内部样式应用、外部样式应用等。
项目十四 DIV层应用，包括层的重叠与嵌套、层的隐藏与显示、DIV+CSS网页布局应用等。
项目十五 Spry框架应用，包括Spry菜单栏应用、Spry选项卡式面板应用、Spry折叠式面板应用、Spry可折叠面板应用等。
项目十六 JavaScript应用，包括JavaScript基本语法、程序编写、页面特效等。
项目十七 应用行为创建页面动态效果，包括制作弹出窗口效果、制作交换图像效果、制作拖动AP元素效果等。
项目十八 动态网页开发应用，包括IIS组件的安装与配置、表单数据的读取与输出、制作用户注册系统、制作用户登录系统等。
项目十九 移动设备网页开发应用，包括通过流体网格布局创建移动设备网页、通过示例文件创建移动设备网页等。
本书为校企合作创新型精品教材，由重庆城市管理职业学院富有实际项目开发经验的郎永祥、刘晓洪、邓长春主编。在编写过程中，得到了重庆红透科技有限公司、重庆邮政公司的大力支持，企业人员车世强、刘治洪全程参与并指导本书的编写，在此表示衷心的感谢！
本书相关任务的网页源码及素材下载地址为https://pan.baidu.com/s/1ZdfvW7j7CjvrjaehD4DDcA，提取码：dhyb。
由于编者水平有限，书中难免存在疏漏和不足之处，敬请同行和广大读者批评指正。

编  者    
2021年4月
？

目录
 项目一?网页制作开发工具与开发语言 1
任务一？常用网页开发工具1
任务二？常用网页开发语言4
思考与练习5
 项目二？创建与管理站点 6
任务一？创建本地站点6
任务二？管理本地站点9
任务三？管理本地站点中的文件10
知识拓展11
思考与练习14
 项目三？HTML文档及HTML标签 16
任务一？创建HTML文档16
任务二？H标签应用20
任务三？Meta标签应用22
思考与练习25
 项目四？文本元素应用 28
任务？插入与编辑文本元素28
思考与练习33
 项目五？图像元素应用 34
任务一？插入普通图像34
任务二？插入背景图像38
任务三？插入图像占位符40
任务四？制作鼠标经过图像效果42
知识拓展45
思考与练习46
 项目六？多媒体元素应用 48
任务一？插入Flash动画48
任务二？插入FLV视频文件50
任务三？插入WMV视频文件51
任务四？制作背景音乐53
思考与练习54
 项目七？超链接元素应用 55
任务一？内部链接应用55
任务二？外部链接应用58
任务三？锚记链接应用60
思考与练习62
 项目八？表格元素应用 65
任务一？表格元素的插入与设置65
任务二？运用表格进行网页布局68
知识拓展72
思考与练习75
 项目九？框架元素应用 77
任务一？框架导航应用77
任务二？浮动框架应用80
知识拓展82
思考与练习84
 项目十？表单元素应用 87
任务？制作用户注册页面87
知识拓展91
思考与练习95
 项目十一？列表元素应用 97
任务一？无序列表应用97
任务二？有序列表应用99
知识拓展100
思考与练习102
 项目十二？网页元素综合应用 105
任务？制作文学欣赏网站105
思考与练习112
 项目十三？CSS样式表应用 113
任务一？行内样式应用113
任务二？内部样式应用118
任务三？外部样式应用121
知识拓展124
思考与练习134
 项目十四？DIV层应用 138
任务一？层的重叠与嵌套138
任务二？层的隐藏与显示142
任务三？DIV+CSS网页布局应用145
知识拓展147
思考与练习149
 项目十五？Spry框架应用 154
任务一？Spry菜单栏应用154
任务二？Spry选项卡式面板应用157
任务三？Spry折叠式面板应用159
任务四？Spry可折叠面板应用161
知识拓展162
思考与练习167
 项目十六？JavaScript应用 170
任务一？JavaScript基础170
任务二？制作图片滚动效果179
任务三？自定义函数计算圆的面积181
思考与练习182
 项目十七？应用行为创建页面动态效果 183
任务一？制作弹出窗口效果183
任务二？制作交换图像效果186
任务三？制作拖动AP元素效果187
知识拓展188
思考与练习190
 项目十八？动态网页开发应用 192
任务一？IIS组件的安装与配置192
任务二？表单数据的读取与输出198
任务三？制作用户注册系统205
任务四？制作用户登录系统212
知识拓展214
思考与练习223
 项目十九？移动设备网页开发应用 226
任务一？通过流体网格布局创建移动设备网页226
任务二？通过示例文件创建移动设备网页229
知识拓展231
思考与练习232
附录 233
附录A?HTML5标签233
附录B?ASP函数及对象237
附录C?思考与练习参考答案240

？

郎永祥（1970.12-），男，籍贯重庆万州，硕士毕业于湖南大学，重庆城市管理职业学院信息中心副主任，高级实验师、副教授，研究方向：网络安全，教育信息化应用，软件工程。具有多年的教育信息化、网络建设、软件开发教育与实践经验，参与多项省部级科学研究。主持省部级教学科研项目2项，软件著作权1项。公开发表本专业学术论文10余篇，参编教材3本,教学成果奖1项。指导学生技能竞赛获省部级及以上奖励1项,刘晓洪，男，汉族，硕士，副教授，信息系统项目管理师，软件设计师。研究方向计算机软件、计算机信息管理。,邓长春，男，汉族，1974年8月出生，硕士，教授，重庆市教育信息化专家。研究方向计算机软件与理论。先后主编《计算机文化基础》等教材6部。？

本书从实用的角度出发，采用“项目驱动，任务引领”的编写模式对网页设计与制作中的相关知识点进行讲解，通过具体任务实践，能让读者快速入门并熟练掌握相关的操作技能。？？