网站建设与网页制作复习（精品课件）.ppt

第三章 网页制作工具之Dreamweaver4.0 一、Dreamweaver桌面的基本结构； 二、Dreamweaver的菜单功能和实现； 三、 Dreamweaver的常用操作； 四、 Dreamweaver应用； Dreamweaver桌面的基本结构 标题栏：显示当前正在编辑的文件的标题。括号中显示文件名； 菜单栏：Dreamweaver所有的功能都可以在菜单中找到； 工具栏：一些常用的操作图标。包括视图工具、页面标题工具、文件管理工具等。 文档窗口：其内容根据所选视图的不同而不同； 状态栏：显示当前文档的信息或一些编辑状态。包括 以下几种： 标签选择器: 页面信息； 微型发射台： 各种工具面板。 状态栏 标签选择器 可以用来显示光标所在位置或所选对象的层次结构，在页面中选定某个对象后，标签选择器中会将选择的标签加粗显示。 页面信息 第一项，用于显示和控制文档窗口的大小，单击旁边的小箭头，可以从列表中选择窗口的尺寸。第二项，用于显示和估计文档的大小及下载这个页面所需时间，包括所有与其相链接的图片及Shockware电影。 微型发射台：即常用窗口快捷工具栏，如Site（站点管理器）、Library（库管理）、CSS Styles（样式编辑器）、Html Source（源代码编辑器）等窗口。 点击windows--launcher.可以看到迷你发射器放大的样子（如下图所示），叫做“Launcher”面板，点击这里弹出相应的窗口。 Launcher面板 即微型发射台。 通过Windowlauncher命令调出该面板； 该面板提供了快速显示其他面板的功能； 用户可以定制符合自己风格的Launcher面板。 Edit—preferences命令，选择Panels.可以添加、删除或对元件进行排序。 演示定制面板； 对象（Objects）面板 可以按下Ctrl+F2键（或windowobject菜单）将其调出。 该面板集成了“Insert”主菜单中的命令，用于在网页中插入图形、表格等内容。 单击面板上部的小三角，可以在多个功能面板之间切换。 面板中各图标功能介绍 Character选卡： Command选卡： Form选卡： Frames选卡： Head选卡： Invisibles选卡： Special选卡： 可以按下Ctrl+F3键（或windowproperties菜单）将其调出。 属性面板主要用来设定元素的属性。 该面板随着我们选择对象的不同而不同。 面板中有一个向下的小三角图标，单击后将出现更多的扩展属性。再次单击小三角图标，将关闭扩展属性，恢复到最初状态。 下面给出的分别是选中窗口时（上）和选中图像时（下）的属性窗口： 属性面板 代码面板 打开代码面板： WindowCode Inspector; 键盘上的[F10]键； 单击文件工作窗口右下方的按钮； 设置代码面板： 设置代码形式：设置系统、面板上以及固定字体的大小、样式等。 设置代码面板的背景、文字和标记的顔色： 均在Edit—Preferences命令打开的对话框中进行（如下图） 可停靠浮动面板 可以通过Window—History显示历史面板； 默认情况下历史面板中最多可记录前面50步操作；可在Edit||Preferences命令下的General选卡中设置。 历史面板的具体应用（演示）： 撤销改变； 清空历史面板； 自动完成任务； History面板如下图所示： Dreamweaver的菜单功能和实现 1.FILE菜单： New:新建一个文件； New from Template:利用已经存在的模板来新建文件； Open:打开一个已经存在的文件； Open in Frame:在框架中打开文件； Close:关掉目前所有的窗口； Save:保存对当前文件的修改； Save as:将当前文件改名另存； Save as Template:将当前文件存为模板； Save All Frames:保存当前所有框架的文件； Revert:将当前文件恢复至上一次存盘时的状态； Import:导入各种格式的文件； Export:导出各种形式的文件； Convert:转换浏览器方式； Preview in Browser:指定浏览器或编辑浏览器列表； Debug in Browser:在浏览器中进行调试； Check Links:检查链接是否正确； Check Target Browsers:用不同的浏览器浏览当前页面； Design Note:设计节点； Exit:退出UltraDev4程序。 Ed