网页与网站设计(公选)教程解读.ppt

1.直接在标签内定义 p style=”color: blue; font-size: 10pt”CSS实例/p 特点:使用简单、显示直观，但是无法发挥样式表的优势 样式的类型 内部CSS 外部CSS （为文件，文件的扩展名：CSS） 文字设定 背景设定 文字块设定 区块设定 边框设定 ………… 文字设定 字体 字号 样式 行高 文字修饰 文字粗细 字号变化 大小写 颜色 背景设定 色彩 图片 重复方式 固定背景(应用) 水平方向位置 垂直方向位置 文字块设定 单词间距 字母间距 垂直对齐方式 文字对齐 文字缩进 空白区域控制 边框设定 宽度高度 颜色 风格 扩展设定 光标类型 滤镜 第14章 位图图像的基本操作(续) 4. 模糊与锐化位图 利用模糊和锐化使得图像具有特殊效果 模糊位图：滤镜→ 模糊→ （放射状模糊、模糊、进一步模糊、缩放模糊、运动模糊、进一步模糊、高斯模糊） 锐化位图：增强图像中相邻像素的对比度，使得图像清晰，轮廓分明。 第14章 位图图像的基本操作(续) 6.为图片添加创意 添加像框：选择位图图像→ 命令→ 创意→添加图片框 螺旋式渐隐：选择位图图像→ 命令→ 创意→螺旋式渐隐 转换为乌金色调：选择位图图像→ 命令→ 创意→转换为乌金色调 转换为灰色图像：选择位图图像→ 命令→ 创意→转换为灰色图像 5. 蒙板的使用 蒙板效果是由两个或多个成组的对象组成，组中位于顶部的那个对象会对底部对象产生剪切的效果。 演示 实例：文字蒙板效果  输入文字，选择文字剪切，选择位图图像，点击编辑菜单中的粘贴为蒙板。（顺序不同的两种效果）　　 第15章 Fireworks MX的高级应用 1.创建动画 动画是视觉上的暂留效应形成的。 实例1:使用几个图片制作动画 2. 创建元件和使用元件 创建：在资源面板的库标签中增加元件，编辑元件 使用：在图片窗口中从库面板中调用库元件 实例2: 飘扬的五星红旗 画五星红旗 全选→复制 增加帧 在各帧中粘贴 更改红旗的弧度和五星的旋转 修改帧的延迟时间 输出动画 第15章 Fireworks MX的高级应用(续) ３.创建与使用按钮 　　 创建按钮：与创建图形元件相同　　 使用按钮：从库面板中调用按钮 ４. 创建菜单 　　　 创建弹出菜单:选择某个热区→修改→弹出菜单→添加弹出菜单 5. 创建和使用切片 创建切片：使用切片工具 对切片的编辑：使用指针工具或层面板中的选择每个切　　　　　　　　　　　片，在属性面板中进行修改与设置。 使用导出命令，将切片图像导出为网页 事件 应用对象 简要说明 onAbort 图像、网页等 终止浏览器加载图像、网页时产生 onAfterUpdate 图像、网页等 对象更新之后 onBeforeUpdate 图像、网页等 对象更新之前 onFocus 按钮、链接、文本框等 当前对象得到输入焦点时 onBlur 按钮、链接、文本框等 焦点从当前对象移开时 onClick 所有元素 单击指定对象 onDblClick 所有元素 双击指定对象 onLoad 图像、网页等 加载对象时 onMouseDown 链接图像、文字等 按下鼠标按钮时产生 onMouseMove 链接图像、文字等 鼠标在对象上移动时 onMouseOver 链接图像、文字等 鼠标移到对象时产生 onMouseOut 链接图像、文字等 鼠标移出对象时产生 … … … 在网页中常用的事件如P128页表8.1所示。 在Dreamweaver MX中，提供了许多行为动作，在不同版本的浏览器中，提供的行为不同。 为对象添加行为一般分3个步骤： 选择对象 添加行为 调整事件 ⒉向页面中添加基本行为 打开或关闭行为面板操作： 窗口→行为 添加行为时应使用行为面板 ⒊ 实例 （1）弹出消息： 实例：单击某个按钮时，弹出消息。 步骤：①选择网页中指定的按钮 ②在行为面板中单击“+”按钮，在菜单中选择“弹出消息”，输入指定的消息信息，按确定。 ③更改行为的触发事件为onClick （2）播放声音 实例：打开网页时，播放音乐 步骤：①在标签选择器中选择body标签 ②在行为面板中单击“+”按钮，在菜单中选择“播放声音”，选择指定的播放文件，按确定。 ③更改行为的触发事件为onLoad （3）显示或隐藏层 实例：鼠标移到某个单元格的文本时显示指定的层，移开时隐藏层。 步