可以理解成一个标签导航功能这个功能可以很方便地定位到插入至页面中的任意标签。
选中要编辑的插入对象对其进行相关的属性设置。
【属性】检查器一个用于查看和编辑所选对象或文本的各类属性如格式、样式、字体等的功能面板如图2.13所示。
·16· 图2..12 面板组 图2..13 【属性】检查器 【文件】面板一个用户管理文件和文件夹的功能面板。
通过这个面板还使网页设计师可以访问本地磁盘上的全部文件或是服务器整个站点中的所有文件。
操作模式类似于Windows的资源管理器如图2.14所示。
图2..14 【文件】面板 2.5 Dreamweaver CS3的参数设置 在实际使用中网页设计师通常会通过设置Dreamweaver CS3的参数来自定义工作区环境去适应个人的开发习惯。
例如对于不熟悉编写代码的设计师可以选择“设计器”模式的工作区布局。
如若要更改工作区布局可以在【窗口】主菜单下选中【工作区布局】子菜单。
Dreamweaver CS3内置了三种布局模式编码器、设计器和双重屏幕设计师可以根据需要选择适合自己的工作区布局。
在【编辑】主菜单下选中【首选参数】子菜单打开【首选参数】对话框。
在这个对话框中可以进行一系列的自定义操作包括常规、CSS样式、标记色彩等。
下面就以介绍如何在【代码】视图模式下在快速标签编辑器中显示代码提示为例来介绍Dreamweaver CS3首选参数设置的方法。
在【首选参数】对话框的左侧“分类”列表框内选中【代码提第2章 网站开发工具 ·17·示】列表项在此对话框右侧就会显示所有【代码提示】功能的设置参数如图2.15所示。
图2..15 首选参数设置 【结束标签】选项组可指定希望Dreamweaver插入结束标签的方式。
默认情况下网页设计师在“代码”编辑窗口中键入字符“”后插入结束标签或者从不插入结束标签。
在启用【选项】参数设置下的“启用代码提示”功能后可以拖动【延迟】滑块来设置Dreamweaver 在显示适当的提示之前进行延时操作的时间长短以秒为单位。
【菜单】列表框内允许设置在键入代码时具体需要提示的代码类型可以使用选择使用全部或部分菜单类型。
注意在Dreamweaver CS3中即便是禁用了代码提示功能网页设计师也可以通过“Ctrl空格”的热键组合在“代码”视图中调出代码提示功能。
2.6 Dreamweaver CS3的文件操作 Dreamweaver CS3还提供了全面的文件管理面板用于实现文件管理以及与远端服务器进行文件传输的功能。
例如通过适当的设置可以维持本地站点和远端站点之间的文件平行结构也就是站点内容的统一。
在实现文件传输时如果远程服务器上不存在必要的文件夹Dreamweaver就会自动创建这些文件夹。
通过这种方式来实现本地和远端站点之间的文件同步功能。
Dreamweaver还简化了站点上的协作功能。
通过简单的设置就可以在远端服务器中存回和取出文件使得所有开发人员都能够实时了解各个文件的处理进度。
并根据需要对所属的站点文件添加设计备注以便与他人了解文件的共享状态等。
Dreamweaver CS3所增添的“工作流程报告”功能可以在自己的站点上运行报告查看有关文件存回、取出状态的信息并收集附加到文件的设计备注中。
【文件】面板中提供了所有的文件操作例如打开文件、更改文件名、添加与删除文件等。
由于这些文件操作的方法都大同小异下面就以重命名文件或文件夹来说明这些操作的具体操作步骤。
·18· 1在【窗口】主菜单下选中【文件】子菜单打开【文件】面板。
在右侧下拉列表框中可以选择本地视图、远程视图、测试服务器或是地图视图来查看对应站点的文件结构如图2.16所示。
2选定要操作的对象后在文件列表框中就会以高亮形式显示。
右击该文件选择【编辑】分支选择【重命名】命令来更改文件名如图2.17所示。
图2..16 【文件】面板 图2..17 文件重命名操作 3输入要更改的新文件名按回车键会弹出【更新文件】对话框。
Dreamweaver会检索出站点中所有与之前操作对象相关联的所有文件要求网页设计师选择是否进行自动更新操作如图2.18所示。
图2..18 更新文件 2.7 Dreamweaver CS3的快捷键 要成为一个合格的网页设计师Dreamweaver CS3的熟练使用者必须拥有一定的软件操作熟练度来保证实际开发效率。
而使用快捷键将是一个行之有效的方法下面就提供了最常用的快捷键列表如表2.1所示。
表2.1 Dreamweaver快捷键列表 快捷键 功能说明 CtrlF/H 调出查找/替换对话框 ShiftEnter 插入一个换行Line break CtrlF2 显示/隐藏Object面板 CtrlF3 显示/隐藏属性面板 F4 显示/隐藏浮动窗口 F5 显示站点文件列表 F7 调出Styles窗口 F8 调出Behaviors窗口 第2章 网站开发工具 ·19·F9 调出历史窗口 F10 启动HTML源代码编辑器 F11 调出图层窗口 F12 在主浏览器中浏览页面 CtrlTab 文档窗口与HTML检查器间切换 CtrlU 调出参数选择Preferences对话框 CtrlJ 调出页面属性Page Properties对话框 CtrlE 启动外部编辑器 Ctrl双击 在Dreamweaver中打开链接对象文档 CtrlShiftS 保存所有打开文档 CtrlShiftI 隐藏/显示不可见元素 CtrlAltShiftR 显示/隐藏标尺 CtrlAltShiftG 显示/隐藏网格 CtrlShiftC 只复制文本不复制HTML标记 CtrlShiftV 只粘贴文本不粘贴HTML标记 CtrlT 快速标签编辑器连续按可切换编辑方式 CtrlShiftSpace 生成一个non-breaking空格 2.8 学会使用Dreamweaver CS3的帮助 【帮助】菜单中的联机帮助系统提供了有关使用Dreamweaver CS3可执行任务的详细信息。
初学者可以在帮助文件中执行全文搜索找到想解决的问题的相关帮助信息具体步骤如下。
1单击【帮助】【Dreamweaver帮助】命令打开【Adobe Help Viewer】窗口如图2.19所示。
2单击【索引】标签选择索引首字母。
系统将显示所有的以该字母开始的主题。
选中要查看的主题单击【显示】按钮在窗口右侧就会显示该主题的明细内容如图2.20所示。
图2.19 【Adobe Help Viewer】窗口 图2..20 帮助全文搜索
上一篇:
ASP数据库操作类 转自狩魔猎人的百度空间
下一篇:
ASP小区停车管理系统(Access)(含录像)