Dreamweaver网页设计吴权威王绪溢第六章课件教学.pptVIP

第6章 多媒体互动网页设计 6-1 用CSS制作图片特效 6-2 提供多项小程序的行为面板 6-3 在网页中插入各种媒体文件 6-4 小知识 6-1　用CSS制作图片特效 6-1-1 自动排列的相册 6-1-2 发光的文字与边框 6-1-1　自动排列的相册 通过Dreamweaver提供的CSS功能，可以轻松完成一个依窗口大小自动排列的照片表格网页。 本例设计两个CSS样式： 一个是相册外框、背景与定位的样式； 另一个则是单一图片的位置与外框样式设计。 （1）打开CSS样式面板后，移动鼠标单击 新建样式按钮。 6-1-1　自动排列的相册 6-1-1　自动排列的相册 （2）打开“新增CSS样式”对话框后，在“选择器”栏输入名称，接着在“选择器类型”区选择“高级”，然后在“定义在”区选择“仅对该文档”，最后单击“确定”按钮。 6-1-1　自动排列的相册 （3）出现CSS样式定义窗口后，在“分类”栏中选择背景，然后在“背景颜色”栏输入颜色代号。 6-1-1　自动排列的相册 （4）在“分类”栏中选择方框，然后在“宽”栏输入网页的宽度，并选择%为单位，接着在“填充”区输入与上方的间隔大小，并选择像素为单位。 6-1-1　自动排列的相册 （5）在“分类”栏中选择边框，接着在“样式”区选择线条的样式，并在“宽度”区设置线条的宽度与单位，然