佛山电大职院Macromedia Dreamweaver8 网页设计与制作.pptVIP

佛山电大职院Macromedia Dreamweaver8 网页设计与制作 本课程上课特点和要求 网页设计基本流程及所需软件工具Dreamweaver 8 界面简介 网站制作流程 需求分析 规划网站 收集资料 建立本地站点 设计标准页面 添加内容 测试和发布站点 维护和更新 网站制作软件 图形处理软件 Photoshop Fireworks 动画制作软件 Flash Swish GIF aninator 网页布局整合排版软件 Dreaweaver Frontpage 网页制作概论 网页规划和排版构图 网页制作工具基础 Fireworks Dreamweaver Flash 设置整体页面自属性 制作普通文字页面 在页面中放入图像制作图文混排页面 制作鼠标经过图像交互效果 制作导航条的交互效果 插入Flash动画、按钮、文本 插入音频、视频 插入Applet 插入滚动字幕 插入并设置表格 对表格进行格式化 对表格数据进行排序 使用表格排版网页 制作外部网站链接 制作内部网页链接 制作电子邮件链接 制作空链接 制作脚本链接 制作锚点链接 制作图像映射热点链接 了解表单的工作原理 制作表单 插入各种表单元素 建立交互表单 一、建立表单布局 先画一个2*2表格，插入图片文字等 在预定的单元格中插入表单 在表单中插入一个6*2的表格 插入表单各元素：文本域、单选钮、复选框、文本标签、表单按钮、弹出菜单等并设置其属性 建立交互表单 各表单元素设置如下 单行文本域：babyname,20,20, 弹出下拉列表菜单： Month,值输入1~12，默认值任意 Day， 值输入1~31， 默认值任意 单选钮： Gender, male, 已勾选 Gender, female, 未勾选 复选框： Checkbox1,charkly,已勾选 Checkbox2,guagua,已勾选 Checkbox3,haha, 已勾选 多行文本域：suggestion ,宽30,6行 表单按钮： Submit,提交 Reset,动作选 “重设” 建立交互表单 二、设置表单的数据输入规则 选中表单的提交按钮 在设计面板中选“行为” 在“+”号中选“检查表单” 将两个文本域都选中为“必需的” 建立交互表单 三、指定表单的动作 光标停在表单中任一位置 选Form标签 在属性面板中设置：“动作” 目的和要求： 样式表的定义 样式表的类型 文字样式的使用 背景样式的使用 区块样式的使用 边框样式的使用 鼠标光标样式的使用 为网页设置整体和局部链接效果 将样式表应用于整个网站 目的和要求： 创建普通框架页面 创建嵌套框架结构页面 创建浮动框架页面 框架结构网页模板 在插入栏框架中选择一种框架结构 设计制作框架页各部分 保存时注意：有一个框架文件和几个在框架中显示的页面文件 框架结构网页模板 创建模板 建立模板的可编辑区域 应用模板 使模板和文档分离 框架结构网页模板 创建库项目 在编辑网页时添加库项目 库项目元素的编辑修改 层概念创建层动画 层概念创建层动画 层概念创建层动画 层和时间轴动画的关系 （层有自己的定位属性，时间轴面板描绘了层和图像随时间变化的属性） 将层直接拖入时间轴面板，通过调整或添加关键帧建立动画 直接拖拽层录制运动路径产生动画 通过行为创建动态交互 实验目的或要求： 了解行为的交互和响应模式 常用对象和事件 了解Dreamweaver 常用的一些自带动作 学会层动画控制动作， 学会显示/隐藏层动作 通过行为创建动态交互 行为的交互和响应模式 熟悉常用对象和事件 Dreamweaver 自带动作介绍 Dreamweaver 自带动作示例： 层动画控制示例 显示/隐藏层示例 通过行为创建动态交互 通过行为创建动态交互 通过行为创建动态交互 Dreamweaver 有许多自带动作，可以在行为面板中，按“+”号看到。如： 播放声音 打开浏览器窗口 拖动层 时间轴播放控制 。。。。。。 通过行为创建动态交互 1、层动画控制（如鼠标移上去会停止，移开又继续走) 2、弹出信息窗,广告窗 3、显示/隐藏层示例 使用模板和库制作网站的好处 建立、使用并更新模板 在页面中使用库 怎样在页面中使用插件 使用行为插件 使用命令插件 使用对象插件 怎样测试网站 怎样上传网站 排版构图 网页制作工具基础(1) Fireworks 功能分类 矢量绘图 位图图像编辑 GIF动画制作 网页元素的制作 按钮 导航栏 弹出菜单 网页制作工具基础(2) Dreamweaver 功能分类 基本网页元素处理 文本 表格 图片 超级链接 添加表单交互元素 建立动态页面 网页制作工具基础(3) Flash 功能分类 矢量绘图 渐变动画创建和控制 遮罩动