dreamweaver如何设计网页,dreamweaver网页制作步骤

　　在这里，我想分享一些Dreamweaver网页设计和制作的技巧和改进，希望能帮助到有需要的朋友。

1、灵活运用样式

　　熟悉网页设计的网友都知道，风格的称呼有很多种。我们可以通过右键单击Custon Style，或者右键单击状态栏中的元素列表来调用样式标准。虽然不同的方法看似达到了相同的效果，但实际产生的HTML代码却完全不同。例如，使用Custon Style调用样式标准会在网页代码中生成一个<〈span〉标记。如果这样的标签太多，文件就会臃肿，浏览器的解析速度也会受到影响。所以要尽量使用状态栏中的元素列表来调用样式。

2、活用Format Table命令

　　在复杂的网页设计中，表单的应用最为广泛，因为表单可以自由控制网页上文本和图像的具体位置，从而使整个网页看起来紧凑统一。Dreamweaver在这方面并不落后，我们可以使用“格式化表格”命令快速将预先设计的样式应用到表格中。要使用预先设计的样式，首先将光标放在表格的任意单元格中，然后选择命令格式表格命令，然后在出现的对话框中，从左侧列表中选择一个设计方案。按应用键查看效果。如果不满意，还可以重新设置或修改一些参数的值，比如边框粗细、背景颜色等等。

3、同时链接到两个网页

　　我们都知道超链接一次只能连接到一个页面。如果我们想同时在不同的框架页面中打开文档，我们可以使用Go To URLJavaScript行为。打开框架网页，选择文本或图像，然后从“行为”面板中选择“转到URL”。我们会注意到Dreamweaver在“转到URL”对话框中显示了所有可用的框架。选择一个我们要链接的框架并输入相应的URL，然后选择另一个框架并输入另一个URL。

4、不给文件起中文名称

　　大家做好网页后，一般都会给它起一个有代表性的中文名字。人们一方面可以通过查看文件名大致了解文件的内容，另一方面也可以方便超链接之间的相互调用。但是如果你在Dreamweaver中这样做，你会发现Dreamweaver对中文文件名的支持不是很好，经常会出现不正确的页面调用。所以我们以后在Dreamweaver中保存网页的时候，尽量使用英文或者数字作为文件名，这样可以避免以上错误。

5、巧妙设置字体分辨率

　　我们在制作网页的时候，经常会有这样的体验，就是在本地电脑上浏览制作好的网页是很正常的，但是在另一台电脑上浏览的时候，发现原本很漂亮的网页已经变歪了。为什么？本来每台电脑的分辨率要让你的主页在不同分辨率下正常显示，这一点在Dreamweaver中已经得到了很好的解决。在“文档”窗口的右下角，Dreamweaver显示当前文档的分辨率。在弹出菜单中点击哪个数字来指定当前页面的显示分辨率，并对其进行修改，使你的主页更加灵活。使得不同分辨率的显示器都能很好的显示。

6、巧妙隐藏标签

　　如果在网页中插入了不可见的元素，Dreamweaver会自动在页面上添加相应的元素标签，以便我们选择不可见的元素。但这并不全是好事。例如，如果我们在有许多层的页面的第一行插入一个表格，我们会发现该表格会自动退回到页面的第二行，因为第一行中排列了太多的层元素标签。虽然浏览不影响效果，但是确实妨碍了我们的工作。因此，当我们觉得某个元素标签碍事时，我们就简单地屏蔽它。方法是按Ctrl U打开首选项面板，选择类别中的不可见元素，所有元素标签都会出现在面板右侧。只要去掉不必要元素标签前面的勾号，就再也不会出现了。

7、善用拖放技巧

　　我们用Dreamweaver编辑网页的时候，经常需要插入一些图片什么的。假设要插入的图像很多，按照常规方法操作是很麻烦的。我们可以使用拖放技术来很好地解决这个问题。首先，我们将Dreamweaver的操作窗口转换为活动窗口，为显示资源管理器窗口腾出空间。找到要插入的图像文件后，用鼠标将它们一个一个地拖动到网页的适当部分。Dreamweaver会自动将这些图像的URL添加到文件的HTML代码中。当然这里要求拖动的图片文件必须是gif、jpg等web图片文件。对于已经在网页上的图片也是一样，直接拖动即可。但是，如果被拖动的图像上有超链接，则不能再使用拖动技术，因为只拖动超链接地址。

　　这就是今天关于Dreamweaver web设计和制作的提示和改进。如果你有任何问题或建议，请在评论区留言。