基于HTML的商业网站开发 第五章.pptVIP

第五章 网页快速开发工具Dreamweave 回顾 FONT标记有哪些属性？ UL、OL分别代表那种列表？ 框架的意义 框架结构的典型代码 多框架的窗口中超链接的导航目标 框架嵌套的实现 本章目标 Dreamweaver 8的使用 快速开发利器---模板 让网页动起来---行为的使用 Dreamweaver 8 一款用于设计、开发网站和 Web 应用程序的专业HTML 编辑器 用户可以选择使用布局单元格或框架来设计页面的布局 可用于创建文本、插入动态图像、提供网页超链接、创建 Flash 文本和 Flash 按钮等 可用于组合由某些软件（如 Photoshop、ImageReady 和 Flash 等）制作的图形、动画和按钮 Dreamweaver 8 专业的网页开发工具Dreamweaver 8 创建站点 步骤： 选择新建站点，然后为其命名 选择服务器技术（如果适用） 选择在本地计算机上编辑本地副本的选项 选择用于存储网站文件的文件夹 选择连接到远程服务器的选项 制作网页 HTML 基本元素 MEAT标记 图像 超级链接 META 标签 2-1 META 标签是一个特殊的 HTML 标签，提供有关网页的信息，如作者姓名、公司名称和联系信息等 许多搜索引擎都使用 META 标签信息 例如，要将 Graham Browne 指定为作者，则使用以下 META 标签： META 标签 2-2 http-equiv 属性可用来代替 META 标签中的 name 属性 图像热点 多媒体元素 Web 得以广泛使用的一个主要原因是 HTML 文档中集成了多媒体元素 关于 Flash 对象 插入 Flash 对象 其他多媒体元素 使用 Dreamweaver，还可以在网页中添加其他多媒体元素，如： Flash 影片（使用 Flash 软件制作的影片） 声音文件 视频文件 行为 2-1 行为允许访问者与网页进行交互 它可用于显示弹出消息、播放声音、交换图像等 行为可应用于任何对象，如页面、图像、链接和按钮等 应用行为 2-2 应用行为 2-3 行为 2-4 常用的事件有： onClick onMouseOver onSubmit onload 常用的动作有： 弹出信息 打开浏览器窗口 转到 URL 验证表单 表格与表单 使用Dw建立表格 使用Dw建立表单 模板 2-1 模板 2-2 总结 2-1 HTML 标签一般配对使用，不区分大小写 标签都具有属性。属性提供关于网页上 HTML 元素的附加信息 META 标签放置在网页的标题处以提供关于页面的信息。搜索引擎常会用到这些标签 总结 2-2 段落标签使用P align＝“对齐方式”…/P 无序列表使用UL标签,有序列表使用OL标签 字体标签Font color=“颜色” size=“大小” face＝“字体” 超链接标签A href=“链接地址”超链接文本/A 先不讲理论，直接演示 如何做：例如弹出消息框，参见TG3-Source文件夹中的弹出消息框。 1.讲解相关理论： 1）事件 2）动作 使用代码视图来讲解标记， 注意： 多媒体元素只讲可视化的，代码再下一次课再讲 中国十大品牌IT教育机构 菜单 文档 窗口 属性 选项卡 演示：在 Dreamweaver 8 中创建站点 演示：在 Dreamweaver 8中可视化制作网页 步骤： 在面板组中选择站点，然后新建一个文件 重命名该文件并将其打开 为页面指定一个标题 在页面上键入文本或插入图像 保存页面 META name = “作者 content = Graham Browne META http-equiv = expires content = Wed, 26 Feb 1997 GMT 表示有效期：格林尼治标准时间 2005 年 9 月 12 日，星期一 14:25:27 属性值：具体的过期时间 属性名称：网页过期 META http-equiv=refresh content=“2 表示每隔2秒，自动刷新网页 演示：自动刷新的例子 演示：制作图像热点的步骤 Flash 声音 视频 动画 HTML 网页 在网页中添加多媒体元素使其具有交互性 Dreamweaver 允许插入和修改 Flash 对象。 可以创建 Flash 文本和 Flash 按钮等自定义 Flash 对象。 要创建这些对象，不要求有 Flash 软件的知识。 使用 Flash 文本和 Flash 按钮使网页看上去生动有趣 第一步 第二步 第三步 设置对话框中的选项 在“文档”窗口中将显示 Flash 文本和 Flash 按钮 演示：插入 Flash 对象的步骤 行为是应用于特