第二章 Dreamweaver8概述.pptVIP

动态网站建设 动态网页制作及网站建设第二章 Dreamweaver8概述 任课教师：许欢欢 E_mail: xhh_wenjing@163.com 内容提要 1、网页中的基本元素 2、Dreamweaver8的界面介绍 3、获取帮助 4、Dreamweaver站点管理 1、网页中的基本元素 网页包含的媒体类型 文本 图像 多媒体 超级链接 表单 导航栏 其他常见元素 1.1 文字 网页中的信息主要以文本为主 网页中文本的属性，如字体，字号，颜色，底纹和边框等 注意：文字指的是文本文字，而并非图片中的文字 1.2 图像 网页中使用的图像格式： GIF 支持透明背景；体积小；能够存储几张图片，连续播放形成动画，如QQ表情 JPEG PNG 可用Fireworks直接修改 1.3 多媒体 动画 GIF动画： GIF动画的标准简单，在各种类型、版本的浏览器中都能播放 Flash动画：能提供丰富的动画效果 1.3 多媒体 音频与视频 声音是多媒体网页的一个重要组成部分。当前存在着一些不同类型的声音文件，也有不同的方法将这些声音添加到Web页中。在决定添加声音之前，需要考虑的因素包括其用途、格式、文件大小、声音品质和浏览器差别等。不同浏览器对于声音文件的处理方法是非常不同的，彼此之间很可能不兼容。 常用的格式有MIDI、WAV和MP3 等 视频文件的格式也非常多，常见的有Realplayer, MPEG, AVI和MOV等。 1.4 超级链接 超级链接是从一个网页指向另一个目的端的链接，例如指向另一个网页或者相同网页上的不同位置。这个目的端通常是另一个网页，但也可以是一幅图片，一个电子邮件地址，一个文件，一个程序或者是本网页中的其他位置。 1.5 表单 表单作用： 用来接受用户在浏览器端的输入，然后将这些信息发送到用户设置的目标端。 表单的形式多样： 按钮 文本域 单选按钮 复选按钮 …… 1.6 导航栏 导航栏的作用 方便浏览者快速、方便地转向其它网页 导航栏实际上是一组超级链接的集合 导航栏的形式多样 文本链接，图形按钮，弹出式菜单，…. 1.7 其他常见元素 除了基本元素之外，还有一些其他的常用元素，它们不仅能够点缀网页，而且在网上娱乐、电子商务等方面有着不可忽视的作用 Java特效 Active X 2、Dreamweaver8的界面元素介绍 2.1Dreamweaver的发展历史 Dreamweaver1.0~Dreamweaver4.0 静态网页制作 Dreamweaver MX Dreamweaver MX2004 Dreamweaver 8.0 Dreamweaver CS3 支持多种动态网站开发，不需要手动编写代码 2、Dreamweaver8的界面元素介绍 2.2 Dreamweaver特点 （1）可视化开发 （2）制作效率高 （3）网站管理能力强 （4）无可比拟的控制能力 （5）Dreamweaver具有检查浏览器的兼容性功能 2、Dreamweaver8的界面元素介绍 2.3 Dreamweaver8.0 的工作界面 2、Dreamweaver8的界面元素介绍 3 获取帮助 3.1 帮助文档 “帮助”菜单→Dreamweaver帮助 目录：展开目录查找资料 索引：匹配关键字的方式查找资料 有哪些信誉好的足球投注网站：有哪些信誉好的足球投注网站含关键字的页面 书签：做标记，方便以后阅读 添加书签：单击“书签”，单击“添加”按钮 3 获取帮助 3.2 “参考”面板 “窗口”菜单→参考 提供标签语言、编程语言、CSS样式的参考 4、Dreamweaver站点管理 站点：存储所有的Web网站文件和文档 为什么需要站点？ 方便存取文件 繁杂的超链接，交织的网页，需要一种工具处理站点中网页之间的关联 配置静态或动态技术的网站 4、Dreamweaver站点管理 2.1 新建站点 “站点”菜单→“新建站点” 新建站点的两种方式： 基本（向导） 高级 本地信息 远程信息 测试服务器 遮盖 设计备注 站点地图布局 … 4、Dreamweaver站点管理 例：在高级模式下，新建一个站点，站点名为：happy，站点在本地的文件夹为：d:\happy\ 4、Dreamweaver站点管理 2.2 站点中的文件操作 在“文件”面板中，我们可以看到站点内的所有文件。 站内文件及文件夹基本操作 新建、打开、编辑（剪切、复制、粘贴、删除、重命名）、选择文件或文件夹等。 4、Dreamweaver站点管理 修改网页的页面属性 第一步，选中要修改的网页 第二步，“修改”菜单→“页面属性” 4、Dreamweaver站点管理 网页文件及文件夹的命名规则 文件的名字要有意义 不