网页设计常用到什么设计技巧

  南宁天琥设计培训学校为大家详述，Dreamweaver具有许多丰富的用户向导功能，这使它看上去有无法抵挡的魅力。这些易于执行的技巧能够指引你流畅地创建新站点。

  连接窗口

  Dreamweaver的用户界面分割为几个窗口，当处于工作状态时，屏幕上只能容纳几个窗口。为了保存真实的操作状态，佳策略是将打开的窗口连接（dock）在一起。你可能尝试过拖拽窗口的标题栏，这在许多程序中都是可以完成连接动作的，但是在Dreamweaver中却不生效。

  实现窗口连接的技巧是用鼠标拖住窗口的tab栏，而不是标题栏。试着点击鼠标拖住一个窗口的tab栏并掠过另外一个窗口，当看到出现一个黑色边界时，松开鼠标按钮，你会发现2个窗口已经结合在一起了。现在你就可以照此方法连接任意多的窗口，终合并到一个窗口中，如此就能节省大量的屏幕空间而看到实际的工作情况。但是请注意：装载器窗口、属性窗口以及站点窗口是不能被连接的。

  数据输入

  Dreamweaver允许你将数据直接输入到表格中，这样就比快速次地剪切、粘贴内容到单元格中容易许多。但是如果要输入的数据中含有插入/表格数据命令时，就会有些麻烦。很不幸，Dreamweaver只能输入具有分隔符的.txt文件。如果要处理Word或者Excel文件，可以先将它们输出为.txt文件，然后再输入进Dreamweaver中。你会发现这样的处理方法简直象梦一样美妙！

  删除,恢复，重复

  输入数据到表格能够节省大量的操作时间，但是Dreamweaver中有用的一个功能是它的历史窗口。在这个窗口中，一旦打开文档，随后执行的每一个操作都被记录下来，这样，你就可以跟踪操作行为并且简单地undo或者重复后一步。只需要选中历史窗口中的后一步然后按下Delete键，或者拖曳滑动指示器到某一步快速删除几个步骤。同样，点击窗口中的Replay按钮再次执行某一步。

  很奇怪不能保存超过50步吧？这是个默认数值。要提高这个数值，选择“编辑/参数选择”，确认处于“普通”功能页面，在"历史步骤大值"字段中输入一个较高数值。请注意，设定的保存步骤数目越大，消耗的内容就越大。

  扩展！扩展！

  经过使用extensions，你可以为Dreamweaver添加更多的性能。许多开发者创建extensions并免费提供给更多的人使用。你可以访问Macromedia的站点与大家进行作品交换。当运行Dreamweaver时，选择“命令/获取更多的命令”，就会自动启动浏览器并转到交换站点。在开始收集所有的新技巧前，首先下载ExtensionManager，它将跟踪extensions变得轻而易举。

  以下技巧有助于那些管理大站点并与其他Web开发者一起工作的开发者。

  创建相册

  为许多图形快速性建立缩图是一个单调乏味的工作，特别当你不是一个有经验的图形专家时。没有关系，Dreamweaver具有一个新功能，它能象你的一个图形设计助手一样，按照你的要求完成缩图设计工作。你告诉Dreamweaver哪个文件夹中包含图形后，它就会为其中的每一个图形创建一个缩图、创建一个包含完整图形的页面以及一个存有所有缩图的索引页面。为了使用这个功能，你需要首先安装Fireworks。

  首先，建立文件结构：将所有的图形文件放置到一个文件夹中。然后，选择“命令/创建网络相册”，并设置相应选项。不要过分考虑标题和副标题，这些信息随后都可以进行修改。重要的是指明源图形文件夹以及目标文件夹，因为这些信息决定了处理哪些文件。同时要确定一下缩图的尺寸大小、格式以及其他选项。当点击OK后，Dreamweaver将控制权转移给Fireworks，由它开始批量处理文件，创建一个非常好的小型相册或者一个连续的产品目录。如果你有许多相片，设置好让它开始运行，然后去休息一会儿，Dreamweaver和Fireworks将完成所有的工作。

  创建自定义命令

  你还记得前面说过Dreamweaver的一个有用的功能就是历史窗口吗？这不是开玩笑，基于列于历史窗口中的操作，Dreamweaver能够创建新的命令序列。

  要创建一个命令，只需要简单地执行你想要记录的步骤。然后，在历史窗口中，选择想要保存的步骤，并在右下角点击“保存为”图标，起一个名字，点击OK。到此，你的自定义命令就出现在“命令”菜单中，可以随意使用了。

  与他人协同工作

  对于与其他人一起工作的Web开发者而言，他不必担心其他人修改了你所共享的文件。Dreamweaver利用check-in和check-out系统达到保护打开文件的目的。

  以下技巧将帮助你扩展和定制Dreamweaver。实现过程中，你需要编辑某些Dreamweaver的配置文件，所以请一定首先做好原始文件的备份。

  创建自定义对象

  对象窗口利于在页面中快速插入项目，比如表单、框架等等。要创建自定义对象，首先创建一个文件，其中要包含你想插入到文档中的代码。比如，要创建CNETBuilder.com的新闻框，首先下载这段代码并保存为newsletters.htm。然后，为了在对象窗口中创建一个新面板，要在Dreamweaver/Configuration/Objects下创建一个文件夹，名字可以随你设置，比如叫做MyObjects。将文件newsletters.htm放置到这个目录下。同时，需要一个代表新对象的图形文件。可以自己创建一个图形文件，或者干脆让Dreamweaver插入一个普通图标。如果是自己创建图标，请注意建立一个18X18象素的GIF文件。将图形文件保存在同一个目录下，名字与新对象的名字一样。这里的图形文件可以使用。

  现在，重新启动Dreamweaver或者选择重调入Extensions（按下Ctrl键，点击对象窗口弹出菜单），你可以在对象窗口中看到一个新的功能页面，图形就是你设定的那个。你可以象操作其它对象一样，拖曳这个新对象到页面中。

  如果熟悉JavaScript，你就可以创建更加复杂的对象和其他extensions，比如浮动面板、行为等等。或者，你干脆从MacromediaExchange下载现成的对象。

  重新布局菜单

  你是否非常反感Dreamweaver的直线性菜单？你是否希望能够将“窗口”菜单移到右边？因为它比“帮助”菜单更频于使用。实现这些目的，绝对没有问题！首先，打开Dreamweaver安装文件夹，找到文件Configuration/Menus/menus.xml，做一个备份并保存到另外一个地方。然后，在文本编辑器中打开Configuration/Menus/menus.xml，找到以开始的代码块，这里就包含了所有Dreamweaver的菜单，每一个都用元素描述。

尊重原创文章，转载请注明出处与链接：http://nnthu.5zix.com/news/143743/ 违者必究！ 以上就是南宁天琥设计培训学校 小编为您整理网页设计常用到什么设计技巧的全部内容。

---

• 怎么让网页设计师更有价值 →