网页设计 百分网手机站

如何使用Dreamweaver窗口布局方法

时间:2020-08-07 14:01:58 网页设计 我要投稿

如何使用Dreamweaver窗口布局方法

  大家知道Dreamweaver窗口如何布局吗?dreamweaver编辑网页 的时候,经常需要 插入一些图象什么的,假设要插入的图象很多,按照常规方法来操作就显得非常麻烦。

  1、巧妙调用STYLE

  熟悉网页设计的网友就知道,调用STYLE的方法很多,我们可以单击鼠 标右键选择CUSTON STYLE来调用STYLE标准,也可以在状态栏中的元素列表 上单击右键来调用STYLE。虽然不同的方法达到的效果看似一样,但实际上 产生的HTML代码则完全不同。比如用CUSTON STYLE来调用STYLE标准,在网 页代码中就生成一个〈SPAN〉标签,这样的标签一多就会使文件十分臃肿 而且影响浏览器的解析速度,所以我们应尽量使用状态栏中的'元素列表来 调用STYLE。

  2、使字体适应不同的分辨率

  我们在制作网页的时候,经常有这种体会, 那就是制作好的网页在本地计算机上浏览时很正常,但在另外一台计算机 上浏览时发现原本漂亮的网页变得歪歪扭扭了,这是为什么呢?原来各个 计算机的分辨率要使你的主页在不同的分辨率下都能正常显示,在 DREAMWEAVER中得到了较好的解决。在文档窗口的右下角,DREAMWEAVER 显示当前文档被设计成的分辨率大小。单击哪个数字,在弹出式菜单中可 以为当前的页面指定显示分辨率,通过修改可以使你的主页更具灵活性。 使不同分辨率的显示器都能较好地显示。

  3、善用拖放技术我们在使用DREAMWEAVER编辑网页

  插入一些图象什么的,假设要插入的图象很多,按照常规方法来操作就显 得非常麻烦。我们可以利用拖放技巧来很好地解决这个问题。首先我们把 DREAMWEAVER的操作窗口变成活动窗口,以腾出空间来显示EXPLORER窗口, 找到要插入的图象文件后,把它们一一用鼠标拖动到网页的适当部位, DREAMWEAVER将自动把这些图象的URL添加到文件的HTML代码中,当然这里 要求被拖动的图象文件必须是GIF、JPG等WEB图象格式的文件。对于已经在 网页中的图象也是一样,直接拖过来就可以了。但如果被拖动的图象上有 超级链接,就不可以再使用拖动技术了,因为那时拖过来的仅仅是超级链 接地址。

  窗口布局

  Dreamweaver MX 2004 提供了将全部元素置于一个窗口中的集成工作区。在集成工作区中,全部窗口和面板集成在一个应用程序窗口中。您可以选择面向设计人员的布局或面向手工编码人员需求的布局。首次启动 Dreamweaver 时,会出现一个工作区设置对话框(如下图):

  您可以从中选择一种工作区布局。如果您不熟悉编写代码,请您选择“设计者”。如果您以后想更改工作区,可以使用编辑菜单“首选参数”对话框切换到一种不同的工作区。编辑菜单“首选参数”对话框如下图:

  【栏目说明】

  “插入”栏(如下图):包含用于将各种类型的“对象”(如图像、表格和层)插入到文档中的按钮。每个对象都是一段 HTML 代码,允许您在插入它时设置不同的属性。例如,您可以通过单击“插入”栏中的“表格”按钮插入一个表格。也可以不使用“插入”栏而使用“插入”菜单插入对象。

  “文档”窗口 显示您当前创建和编辑的文档。

  “属性检查器”(如下图): 用于查看和更改所选对象或文本的各种属性。

  “面板组”(如下图) 是分组在某个标题下面的相关面板的集合。若要展开一个面板组,请单击组名称左侧的展开箭头;若要取消停靠一个面板组,请拖动该组标题条左边缘的手柄。

  “文件”面板(如下图) 使您可以管理您的文件和文件夹,无论它们是 Dreamweaver 站点的一部分还是在远程服务器上。“文件”面板还使您可以访问本地磁盘上的全部文件,类似于 Windows 资源管理器。

  Dreamweaver MX 2004提供了多种此处未说明的其他面板、检查器和窗口。若要打开其它面板,请使用“窗口”菜单。

【如何使用Dreamweaver窗口布局方法】相关文章:

Dreamweaver窗口如何布局的方法08-02

Dreamweaver的使用方法参考07-28

如何使用Dreamweaver锚记链接07-22

Dreamweaver使用教程07-29

Dreamweaver空格使用技巧07-31

Dreamweaver中如何使用模板的创建与编辑07-22

如何使用Dreamweaver方便快捷编辑网页标签09-18

Dreamweaver网页常用工具栏使用方法07-21

Dreamweaver框架的使用技巧归纳07-31

Dreamweaver的技巧方法08-01