第2章 Dreamweaver CS3网页设计实例.pptVIP

第2章 Dreamweaver CS3网页设计实例 本章要点： 本章介绍Dreamweaver CS3网页设计软件，通过30个实例操作详细讲解应用该软件进行网页设计的基本方法和步骤。 学习完本章后读者应该掌握以下知识点： （1）应用Dreamweaver CS3建立自己的站点。 （2）掌握网页中层、表格和框架的操作。 （3）熟悉多媒体网页的设计方法。 （4）掌握多种超链接的应用。 （5）掌握菜单与按钮的制作。 （6）了解行为、事件等应用。 2.1 网站入门 2.1.1 实例1 站点的建立 目的：了解和掌握怎么建一个网站，这是做网站的第一步，因此必须掌握。 要点：要对Dreamweaver CS3的工具栏有一定的了解，还要熟悉其用途。 操作步骤: (课堂演示) 2.1.2 实例2 布局表格 目的：学会制作表格，能熟悉掌握表格的作用，现在大部分网页都运用到了表格，它是做网页不可缺少的技术，也要熟悉掌握。 要点：主要应用布局表格和布局单元表格来绘制表格，同时在表格中插入图片和添加文本，或者flash等等，最终实现所想的效果。 操作步骤: (课堂演示) 2.2 网页的层操作 2.2.1 实例3 层的运用 目的：学会使用层的技术，虽然现在的大部分的网页是没有用到层，但要制作一些比较特别的网页时，用层比用表格简单得多。 要点：本例要用到层的技术，建层，改变层的属性等，制作一些布局比较简单的网页。 操作步骤: (课堂演示) 2.2.2 实例4 显示隐实藏图层 目的：制作显示隐藏图层的效果，使网页具有动态效果 要点：本例主要应用“显示隐藏图层”命令。单击“显示”按钮，页面中显示所有的图层，单击“隐藏”按钮，隐藏所有的图层。 操作步骤: (课堂演示) 2.3 多媒体网页设计 2.3.1 实例5 插入背景音乐 目的：使网页更加活泼生动 要点：本例主要让你了解本软件的基本功能，学习怎么在网页中添加音乐。 操作步骤: (课堂演示) 2.3.2 实例6 插入背景图像 目的：使网页在颜色方面不是那么单调 要点：本例主要学习如果把一张图片作为网页的背景图像，使网页更加好看 操作步骤: (课堂演示) 2.3.3 实例7 插入Flash文本 目的：制作“插入Flash文本”效果，使网页具有动态美感。如图2-47所示。 要点：本例主要学习如何插入Flash文本技术。 操作步骤: (课堂演示) 2.3.4 实例8 插入Flash按钮 目的：制作“插入Flash按钮”效果的网页。如图2-51所示。 要点：本例主要学习如何插入Flash按钮技术。 操作步骤: (课堂演示) 2.3.5 实例9 插入Flash动画 目的：制作“插入Flash动画”效果 要点：本例主要应用Flash动画的矢量动画制作完成，它下载速度快，在网页中经常应用，本例学习如何插入Flash动画。 操作步骤： 2.3.6 实例10 插入视频 目的：制作“插入视频”效果 要点：本例主要学习如何插入视频，即在网页中可以观看视频文件。 操作步骤： 2.4 超链接的应用 2.4.1 实例11 文本超链接 目的：制作具有超链接的网页。 要点：本例学习如何设置超链接，它是制作网站的最基本技术，因为现在的网站可以说没有一个不用到它，因此学会它是非常有必要的。 操作步骤： 2.4.2 实例12 图像热点链接 目的：制作出具有图像链接的网页，即当你点击图像中的某一处时，网页会转到它所链接的网页去 要点：本例所用到的技术跟上例差不多，上例是文本的超链接，而本例是图像的一小处的超链接。特别是介绍照片中很多人的其中一个是谁时，就能用到这种技术。 操作步骤： 2.4.3 实例13 自动跳转链接 目的：制作“自动跳转链接”效果的网页。 要点：本例主要实现网站首先自动跳转功能，当用户浏览网页时，系统会自动进入新的网址 操作步骤： 2.5 表格与框架的应用 2.5.1 实例14 单元格自动延伸 目的：制作“单元格自动延伸”效果 要点：本例主要应用布局表格的“列设置为自动伸展”功能，调整单元格宽度根据窗口的大小自动改变。 操作步骤： 2.5.2 实例15 创建交换图 目的：制作“创建交换图”效果的网页。 要点：本例