1、精通样式调用技巧在网页设计中,掌握样式调用的方法至关重要。熟悉网页设计的我们,可以通过多种方式轻松调用Style。例如,我们可以通过右键点击选择“CstonStyle”来唤起Style标准,或者在状态栏的元素列表上右键点击以调用Style。
尽管不同的方法看起来达到的效果相似,但实际上它们生成的HTML代码却各不相同。比如使用“CstonStyle”调用Style标准,在网页代码中就会生成一个〈span〉标签。这样的标签过多会使文件变得臃肿,甚至影响浏览器的解析速度,因此我们应该尽可能使用状态栏中的元素列表来调用Style。
2、灵活运用FormatTable命令在复杂网页设计中,表格的使用尤其频繁,因为通过表格可以自由控制文本和图像在页面上的具体位置,从而使整个页面显得紧凑统一。Dreamweaver在这方面也不甘落后,我们可以利用其中的“FormatTable”(格式化表格)命令来快速地应用预先设计好的样式。
要使用预先设计好的样式,首先将光标置于表格的任意一个单元格内,然后选择“Command”→“FormatTable”命令。在随后出现的对话框中,从左边的列表中选择一个设计方案。按下“Apply”键查看效果,如果不满意还可以重新设置或修改部分参数,如边框粗细、背景颜色等。
3、巧妙链接两个网页我们都知道超级链接一次只能连接到一个页面。如果想在不同的框架页中一次性打开文档,我们可以使用“GoToURL”JavaScript行为。打开一个有框架的网页,选择文字或图像,然后从行为面板中选择“GoToURL”。我们会注意到Dreamweaver在“GoToURL”对话框中显示了所有可用的框架。选择我们想链接的一个框架,输入相应的URL,然后再选择另一个框架并输入另一个URL。
4、避免使用中文文件名我们都知道在做网页时通常会给网页起一个具有代表性的中文名称,使一看就能了解内容,同时方便超级链接调用。但在Dreamweaver中使用中文文件名,却经常会遇到页面调用不正确的问题。因此,在 Dreamweaver 中保存网页时,尽量使用英文或数字作为文件名称,这样可以避免上述问题。
5、巧妙设置字体分辨率制作好的网页在不同分辨率的计算机上浏览效果不同,有些地方可能显得歪歪扭扭。为了使主页在不同分辨率下都能正常显示,我们可以通过修改Dreamweaver中的当前文档设计分辨率来解决这个问题。在文档窗口的右下角,Dreamweaver会显示当前文档的设计分辨率大小。单击数字可以更改当前的分辨率,从而使主页更具灵活性。
6、巧妙隐藏标签当我们插入不可见的元素时,Dreamweaver会在页面上添加相应的标签以便我们选择不可见元素。但这有时会阻碍我们的工作。所以当标签碍手碍脚时,我们可以将不需要的元素标签屏蔽掉。方法是按Ctrl+U打开“Preferences”面板,在“Category”中选中“Invisible Elements”,在面板右侧将会出现所有元素标签。只需去掉不需要的标签前的勾选即可。
7、善用拖放技巧使用Dreamweaver编辑网页时,经常要插入图像等元素。我们可以利用拖放技巧来解决这个问题。首先将 Dreamweaver 的操作窗口变成活动窗口,腾出空间显示 Explorer 窗口。找到要插入的图像文件后,将它们逐一用鼠标拖动到网页的适当位置。Dreamweaver 将自动将这些图像的url添加到文件的HTML代码中。如果图像有超级链接,就不能使用拖动技术,因为这时只会得到超级链接地址。
8、自动设置更新时间为了提高网页的回头率,我们需要不断地更新网页内容。但个人网页难以做到及时更新。因此,我们可以通过以下源代码实现网页的自动更新:<ScriptLangage="JavaScript"></script>;
9、巧妙复制文字在不同应用程序之间相互复制文字是实际工作中可能要常做的事情。但是从 Dreamweaver 中复制编辑区中的文字到其他应用程序时,会一起复制HTML代码和文字。我们可以在复制时多按一个C键,使得Dreamweaver只会复制选中的文字。
10、善用快捷键为了提高操作效率,我们可以在 Dreamweaver 中使用快捷键。例如使用 Ctrl-B 或 Ctrl-I 可以为文字应用黑体或斜体格式。以下是一些常用的键盘快捷键:
- Ctrl-0:无格式
- Ctrl-T:段落
- Ctrl-1:标题1
- Ctrl-2:标题2
- Ctrl-3:标题3
- Ctrl-4:标题4
- Ctrl-5:标题5
11、自动关闭网页如果想让自己的网页在指定时间内自动关闭,可以在网页源代码中的标签后面加入如下代码:<scriptLNGUGE="JavaScript"></script>;其中代码的表示秒钟,是以毫秒为单位的。
12、巧妙设置对象名称制作复杂效果时,可能需要经常重复使用某个或多个对象。为了便于调用这些对象,我们应该在创建每个新对象时都为其取一个有代表性且易于记忆的名称。可以通过对象的“属性”面板来操作。
13、为图像链接增加动态效果有时候我们希望鼠标移动到某个链接上时能有动感产生。使用 Dreamweaver 可以轻松实现这种效果。设计时,首先准备两幅图像,第一幅是原始图像,第二幅是鼠标移上去后的图像。用鼠标单击第一幅图,在属性面板中的链接栏中填入要链接的文件,然后按 F8 键,在“Behavior”窗口中选择“swapimage”,最后选择第二幅图像并确认即可。
14、高效管理页面元素在制作网页时,我们需要对页面元素进行合理的管理。Dreamweaver 提供了丰富的功能来帮助我们轻松实现这一目标。例如,我们可以使用对象面板查看、筛选和操作页面上的所有元素,从而提高工作效率。
15、快速处理表格布局问题在网页设计中,表格的布局往往是一个令人头疼的问题。Dreamweaver 的“FormatTable”命令可以帮助我们快速地进行表格编辑和格式化,使我们的页面更加美观。
16、高效处理图片问题图像是网页不可或缺的部分,但如何在Dreamweaver中高效地处理图像问题呢?我们可以利用 Dreamweaver 提供的图像编辑工具,如调整大小、裁剪、复制等,方便快捷地完成图像操作。
17、快速实现交互效果在网页设计中,我们常常需要进行某些对象的交互设计。Dreamweaver 提供了很多简单易用的行为和组件,可以帮助我们轻松地实现各种交互效果,如下拉菜单、弹出对话框等。
18、高效管理网站结构在制作大型或复杂的网页时,合理的管理网站结构至关重要。我们可以利用 Dreamweaver 的项目管理功能,方便地对网站进行分类、筛选、编辑等功能,提高工作效率。
19、使用CSS样式表进行整体风格设置为了使页面具有良好的视觉效果和一致的风格,我们可以在 Dreamweaver 中使用 CSS 样式表进行整体风格的设置。这样,无论何时修改一处 CSS 样式,都能够自动应用到所有相关元素上。
20、利用“插入”功能轻松创建页面组件在设计和制作网页时,我们可以通过 Dreamweaver 的“插入”功能轻松地创建各种页面组件,如按钮、菜单、表格等,以提高工作效率。