Dream+weaver+实用技巧.pdfVIP

电子信息 Information Commuinications Technology 文章编号：1009-8119 （2015）05 （2）-0036-01 Dream weaver 实用技巧 董剑林 （广西钦州商贸学校，钦州 535000） 摘　要　Dream weaver是目前网页设计中最常用的工具之一，为了提高网页制作的质量和效率，本文结合中职计算机教学中所 总结的经验，介绍一些 Dream weaver 的实用技巧。 关键词　Dreamweaver；实用 ；技巧 Adobe Dreamweaver，简称 “DW”，是美国MACROMEDIA 会出现所有的不可见元素标签，我们只需要把不需要显示的元素标 公司开发的集网页制作和管理网站于一身的所见即所得的网页编辑 签前的勾去掉就可以，这样元素标签就不会在编辑区出现了。 器。DW 是第一套针对专业网页设计师特别发展的视觉化网页开发工 5 快捷键 具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制 为了提高Dreamweaver 的操作效率，我们可以在操作过程 的充满动感的网页。 中使用快捷键，如 ：使用CTRL-B 来为文字设置黑体格式，使用 Dreamweaver 的版本不断更新，现在我们已经可以借助共享 CTRL-I 来为文字设置斜体格式，Shift+F11可以显示CSS 样式面 型用户界面设计，在不同的组件之间更快、更明智地工作，使用工 板，使用 “编辑→选择性粘贴”在弹出的 “选择性粘贴”选项卡中， 作区切换器可以从一个工作环境快速切换到下一个环境等。下面就 选择 “仅文本”，可以实现在外部文档中只粘贴文字，而不符加任何 Dreamweaver （以Adobe Dreamweaver CS4版本为例）在中 结构和格式，不要使用Ctrl+V。 职学校的计算机教学中经常使用到的一些技巧进行探讨。 6 创建自定义命令 1 灵活运用样式 Dreamweaver 的一个最有用的功能就是 “命令”菜单，网页 样式表 （Style）也称为样式，是目前网页制作中普遍应用的一 制作者能够基于 “命令”菜单，创建新的命令序列。要创建一个命令， 项技术，它通过设置HTML 代码标签来实现对网页文本的字体、颜色、 非常简单。只需要点击“命令”菜单下拉选项中的“开始录制”，然后， 填充、边距和字间距等进行格式化操作。 执行你想要记录的操作步骤即可。然后，在 “命令”菜单下拉选项中， 对于熟练掌握DW 进行网页设计的人来说，调用样式的方法可 选择 “停止录制”。此时，你的自定义命令已经创建完成，可以随意 以有很多。首先，我们可以单击鼠标右键来调用样式，也可以在菜 使用了。使用方法也非常简单，“命令”→“播放录制命令”。 单栏的 “插入”下拉菜单中的 “HTML”进行选择，当然，也可以使 7 去除掉链接文字下面的下划线 用编辑区域下方的 “属性”面板进行设置。这些设置方法达到的效 果都是一样，但所产生的代码则完全不同。过多的代码会拖慢浏览 在我们完成链接制作后或者浏览网页的时候，链接文字内容往 器的解析速度，影响客户的浏览体验。所以我们应尽量在制作网页 往被自动在下面添加一条下划线，用于标示该内容包含超级链接， 的过程中注意方法。 如果将鼠标指针移动到这些文字上时，鼠标指针变成手形，这个链 接就是一个文本超链接，带下划线的文字称为热区文本。当一个网 2 同时链接到两个网页 页中链接比较多时，就显得有些杂乱的感觉了，其实我们是可以把 我们在浏览网页的时候，常常会遇到这样的情况，在打开超链接 它去掉的，操作方法 ：进入 “CSS 样式”窗口，右键单击 “新建” 时，网页内容并没有显示在已打开的IE 窗口中，而是重新打开一个 弹出 “新建CSS 规则”选项卡，选择器类型中，需要选择的是 “标 网页，这样的超链接可以使浏览者很方便地查询信息。要实现这样 签 （重新定义HTML 元素）”，同时在选择器名称中选中代表超级链 的超链接，我们必须做以下操作 ：使用 “转到URL”的javascript 接的 “a”标签，单击 “确定”。在弹出的 “a 的CSS 规则定义”选 行为，打开任意一个有框架的网页，选择文字或图象，然后在DW 项卡，左侧列表中选 “类型”，右侧勾取 “Text-Decoration”（修 右侧 “标签检查器”下的 “行为”选项卡下，点击 “+”选择 “转到 饰）中的 “None”复选框，这时所有网页中的链接文字下划线都会 URL”，选择其中一个我们想链接的框架并输入相应的URL，然后再 被清除掉了。 选择另一个框架并输入另一个URL 即可。 8 关于“将表格宽度转换成像素”和“将表格宽度转换成百分比” 3