本书是以"做"为主体的课程,所有理论知识必须在技能训练过程中得以理解和掌握,所以必须强化训练操作技能、提高实战能力。本课程以训练学生网页实战技能、充分提高学生实践能力为目标,将网页制作方法、HTML、CSS、网页设计的原理和规范等知识嵌入到各个网页制作的案例中进行分析讲解。
更多科学出版社服务,请扫码获取。
本书是以“做”为主体的课程,所有理论知识必须在技能训练过程中得以理解和掌握,所以必须强化训练操作技能、提高实战能力。本课程以训练学生网页实战技能、充分提高学生实践能力为目标,将网页制作方法、HTML、CSS、网页设计的原理和规范等知识嵌入到各个网页制作的项目中进行分析讲解。
1.选用优秀的网页制作工具
本书选用Dreamweaver作为网页制作工具,具有可视化编辑界面和强大的所见即所得编辑功能,集网页制作与网站管理于一身,用户不必编写复杂冗余的HTML源代码,就可以快速生成网页。
网页的设计与制作少不了对图形图像的制作和加工,这就需要用到专门的图形加工软件。Photoshop是一款功能强大的图像处理软件,它是制作网页的主流图像处理软件。
Flash是动画制作软件,它的优点是制作出来的文件很小,便于在互联网上传输,它以制作网页动画为特长,做出的动画声音和动画效果都是其他软件无法比拟的。
本书采用的软件版本分别为Dreamweaver CS3、Photoshop CS4和Flash CS3。
2.教材内容选取
根据网页设计职业岗位对知识掌握的要求,本书的教学内容遵循建设一个静态网站所涉及的主要技术来编写,按照由简单到复杂、由局部到整体、由易到难循序渐进地学习知识、训练技能。
目 录 前言
第 1 章 网页布局 1
项目 1 Table 布局网页制作 1
一、项目展示 2
二、制作过程说明 5
项目 2 DIV+CSS 布局网页制作 14
一、项目展示 15
二、制作过程说明 16
思考与练习 46
第 2 章 网页图片元素的制作 47
项目 1 网站 Favicon 图片制作 48
一、项目展示 48
二、制作过程说明 48
项目 2 网站 Logo 图片制作 54
一、项目展示 54
二、制作过程说明 54
项目 3 网站 Banner 图片制作 60
一、项目展示 60
二、制作过程说明 61
思考与练习 69
第 3 章 网页动画元素制作 70
项目 1 Flash 电子相册制作 71
一、项目展示 71
二、制作过程说明 71
项目 2 Flash 导航条制作 81
一、项目展示 81
二、制作过程说明 81
思考与练习 92
第 4 章 使用超链接 93
项目 1 文本超链接 94
一、项目展示 94
二、制作过程说明 94
项目 2 图像翻转超链接 108
一、项目展示 108
二、制作过程说明 108
项目 3 图像热点超链接 115
一、项目展示 115
二、制作过程说明 116
项目 4 锚点超链接 118
一、项目展示 118
二、制作过程说明 118
思考与练习 125
第 5 章 文本与图片效果 127
项目 1 儿童床上用品页面制作 127
一、项目展示 127
二、制作过程说明 131
项目 2 电子相册页面制作 142
一、项目展示 142
二、制作过程说明 143
思考与练习 166
第 6 章 使用交互式表单 168
项目 会员注册页面制作 169
一、项目展示 170
二、制作过程说明 170
思考与练习 198
第 7 章 使用模板 200
项目 公司宣传网站制作 200
一、项目展示 200
二、制作过程说明 201
思考与练习 226
练习答案 227
参考文献 229