本书是《网页设计创意与编程》一书的配套实验用书，以主教材的章节划分为基础，配合教材中的相关内容，给出了9个章节的内容，各实验主要包括实验内容、实验目的与要求、实验步骤3部分。书中主要以基础、创意、设计、脚本语言为实验对象，帮助读者学习设计具有个性的页面。在创意、设计部分给出要求的同时，还给出参考样图；在脚本语言部分，既给出要求，又给出参考代码，同时还给出思考题。

本书能较好地消除读者上机操作时的生疏感，帮助读者较快地掌握所学知识和必要的技能。

本书适用于高等院校计算机科学与技术及相关专业和电子商务及相关专业课程的教学实验配套用书，也适用于各类相关培训班的实验配套用书，以及网页设计爱好者的参考用书。

本书是主教材《网页设计创意与编程》一书的配套实验用书，推出的目的是为了减少读者上机的盲目性，提高效率。有层次，分阶段地练习，熟练掌握所学知识。本书在原教材的基础上，配合其相关内容，划分为9章。主要以基础、创意、设计、脚本语言为实验对象，帮助读者学习设计具有个性的页面。在创意、设计部分在给出要求的同时，还给出参考样图；在脚本语言部分，既给出要求，又给出参考代码，同时还给出思考题。

本书中每个章节的实验包括以下几个部分：

 实验内容——阐述本实验的任务和目标，使读者明确方向，有的放矢，配合主教材熟悉和查找相关内容。

 实验目的与要求——阐述完成本实验的目的和要达到的实验要求，使读者明白本实验的重点和要点所在，配合主教材学习或复习相关内容。

 实验步骤——尽可能详细地给出实验的每个操作步骤，但又分主次轻重，减少重复；重基础、重初识。

本书的立足点和特点是:

 基础详细——在基础知识的实验中(如初识网页、脚本语言基础等)，尽可能地详细指导，做到丝丝入扣，出入有章。

 创意有源——创意来源于深厚的文化底蕴。本书在给出实验内容的同时，给出参考样图，激发读者创新性思维。

 设计到位——设计分为两类：一类与现成作品相关联的称为改良设计；一类与幻想、未来关联的称为创造性设计。读者在完成本书的学习之后，根据“有源”，能够做出自己的“二次”设计，即达到了本书的目的。

 编程有巧——软件是人类智慧的结晶。本书在程序设计的章节中对网页上常用的技巧给出了实验要求，并给出了参考代码，同时也给出了实验效果图。

本书的完成得到我的同事们的大力支持和帮助，特别在此要感谢的有院长谭骏珊教授。还要感谢我的家人，特别是我的妻子隋秋梅女士的关心和帮助，使我的写作能够圆满完成。在此还要感谢为本书收集资料、文字录入、校稿的屈玫琦、何利军、黄石强等。

由于作者学识浅薄，虽说已竭尽全力，但难免挂一漏万，对此给读者造成的不妥之处，尚祈不吝赐教，谢谢！

魏善沛

2007.6

第1章网页设计基础1

1.1认识网站与网页1

1.2最简单网页的制作2

1.3网页制作的工具比较3

1.4FrontPage 2003应用3

1.5FrontPage中的图片处理4

1.6使用FrontPage制作框架网页6

1.7使用FrontPage添加多媒体效果7

1.8FrontPage层的应用8

第2章网页规划与布局13

2.1网页的组织结构13

2.2网页的风格14

2.3网页设计14

第3章网页设计创意15

3.1思维目标独创性网页的设计15

3.2思维方向求异性网页的设计16

3.3思维结构灵活性网页的设计17

3.4思维进程跨越性网页的设计17

3.5思维效果整体性网页的设计18

3.6思维认识深刻性网页的设计19

3.7思维表达流畅性网页的设计19

3.8使用流行创意法设计网页20

3.9使用联想创意法设计网页21

3.10使用比喻创意法设计网页22

3.11使用趣味创意法设计网页23

3.12使用奇异创意法设计网页23

3.13使用矛盾创意法设计网页24

3.14使用古朴创意法设计网页25

3.15使用综合创意法设计网页26

3.16用“点”设计网页27

3.17用“线”设计网页27

3.18用“面”设计网页28

3.19表现“时间”概念的网页设计29

3.20表现“空间”概念的网页设计30

第4章网页赏析31

4.1设计主题鲜明的网页31

4.2设计具有创新性的网页32

4.3设计结构合理的网页33

4.4设计色彩协调的网页34

第5章网页设计编程36

5.1超文本标识语言的使用36

5.2HTML基本标识的使用37

5.3初识层叠样式表CSS38

5.4层叠样式表的三种使用方法39

5.5超文本标识语言综合应用一41

5.6超文本标识语言综合应用二43

5.7认识脚本语言VBScript44

5.8VBScript的输入输出45

5.9VBScript的过程46

5.10VBScript的对象48

5.11VBScript的事件50

5.12认识脚本语言JavaScript51

5.13JavaScript的输入输出53

5.14JavaScript的函数54

5.15JavaScript的对象56

5.16JavaScript的事件61

第6章网页制作工具应用 64

6.1认识Dreamweaver MX 200464

6.2Dreamweaver典型应用67

6.3认识Fireworks MX 200470

6.4Fireworks典型应用72

6.5认识Flash MX 200474

6.6Flash典型应用78

第7章网页设计中的特效应用81

7.1文字特效81

7.2图片特效82

7.3鼠标特效84

7.4状态栏特效86

7.5标题栏特效87

7.6窗口特效89

7.7按钮特效90

7.8其他特效92

7.9发布网页94

第8章XML应用97

8.1认识可扩展标识语言XML97

8.2XML应用98

第9章企业网站首页设计102

9.1策划企业网站首页102

9.2企业网站首页的制作103

附录A按颜色块排序的X11颜色图105

附录B按英文字母排序的X11颜色图107