信息发布与网页设计 DW主要功能.pptVIP

信息发布与网页设计 DREAMWEAVER 信息学院 《信息发布与网页设计》课题组 * 目录 3.1 DW概述 3.7 表格与布局 3.2 工作环境 3.8 框架 3.3 基本操作 3.9 层的使用 3.4 页面的基本操作 3.10 交互表单 3.5 HTML代码 3.11 CSS的使用 3.6 超链接 3.12 行为 3.1 概述 Macromedia 公司总部设立在美国加州三番市，在全球互动多媒体行业占有85%的市场份额，全球知名软件公司中排名第四。 网页制作三剑客： DreamWeaver Flash Fireworks 3.1.1 DW主要功能 DW 是快捷高效的网页编辑工具； DW 提供了完善的站点管理机制； 使网页和数据库相关联，支持DHTML和CSS标准，创造极具表现力和动感效果的网页。 可同该公司的其它软件无缝结合协同工作，（如Flash、Friework） 。 3.1.2 DW 新增功能 创新性 增加了新的【代码片段】面板，能够让用户存储HTML、JavaScript、CFML、JSP等内容，使这些内容能再次使用；增加了设计期样式表。 3.1.2 DW 新增功能 规范化 站点管理 设置本地及远程站点信息、设置站点地图布局 文件的上传和下载 在站点地图中操作站点文件 显示或隐藏站点地图中的文件 查看站点地图中的一个分支 3.1.2 DW 新增功能 XML、DHTML的支持 支持XML结构化数据，用于电子商务目的。 支持主要的DHTML文本标记，DHTML格式的文件可以动态装载，以便及时更新。 3.2 DREAMWEAVER 工作环境 首次启动Dreamweaver，的起始页面。 3.2.1 Dm 界面说明 3.2.1.1 标题栏 标题栏 DW 标记 应用程序名称 文档的标题和名称 标题为网页的标题 名称是文档保存在磁盘上的名称 窗口按钮 3.2.1.2 菜单栏 菜单栏 菜单栏在标题栏的下面，包括【文件】、 【编辑】、【查看】、【插入】、【修改】、 【文本】、【命令】、【站点】、【窗口】、 【帮助】等10个菜单项，如图： 其中包含的功能逐步介绍。 3.2.1.3 工具栏 菜单中经常使用的功能的快捷操作按钮。 在网页编辑状态，可以通过菜单【查看】、【工具栏】、【文档】|【标准】，来设置是否显示工具栏。如图： 3.2.1.4 视图选择、状态栏 三种视图供选择: 设计视图 代码视图 代码和设计视图 状态栏 标记选择器 点击左边的【标记选择器】，如body，可进行代码选择。右击【标记选择器】，可对标记进行进一步处理。 3.2.1.5 文档窗口及显示器尺寸 窗口大小弹出菜单 设置文档窗口的大小，其中左边数据表示文档窗口大小，右边是显示器窗口的大小，可以根据显示器屏幕的大小选择相应的选项。可以通过【编辑大小】命令，定制文档窗口的大小。 文档大小和下载时间 显示当前编辑文档的大小，以及该文档在Internet上被完全下载的时间。 在【首选参数】设置中，改变【连接速度】，会影响下载时间。 3.2.1.6 插入面板 选择菜单【窗口】、【插入】命令，可以设置是否显示“插入面板”，其中包含了多种不同类型的按钮，默认的是【常用】类型。 3.2.1.6 插入面板续 单击“类型选择”下拉菜单，选择“显示为制表符”，则出现如下的样式： 点击该面板右上角的图标，从中选择“显示为菜单”，则还原为原来样式。 3.2.1.7 属性面板 菜单【窗口】、【属性】，设置是否使用属性设置面板； 属性设置面板用于显示文档窗口中所选择的元素属性，并允许用户在属性设置面板中对元素的属性进行修改。选择的元素不同，属性设置面板上的内容也不同。 注意使用属性设置面板的左上、右上、右下按钮。 3.2.1.8 浮动面板 浮动面板是一个工具集合控制框架，可以将各种浮动窗口、面板放置其中，组合成选项卡的形式。 通过浮动面板进行设置，方便、直观。 浮动面板可以任意拖放、停靠，管理方便。 通过【窗口】菜单，可以选择不同面板。 3.2.1.6 联机帮助 选择菜单【帮助】、【使用Dreamweaver】命令，或按F1键，即可启动。 直接启动帮助 在浏览器中，可以从目录中直接选择感兴趣主题，查看相应的帮助信息。 3.3 DW基本操作 DW文件操作 创建站点 编辑站点 使用站点地图 3.3.1 文件操作 打开文件 Dreamweaver可打开多种格式的文件，如：html、shtml、asp、js、dwt、xml、lbi、as、css等等。 直接打开网页文件 【文件】、【打开】，选择文件。 在框架中打开网页文件 当前文件为框架文件时，可用该方式，【文件】、【在框架中打开】，该方式只能打开html文件。 新建文件 创建常规网页文件