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中窗口布局 希望对大家有所帮助!

时间: 2024-10-30 16:18:50

Dreamweaver中窗口布局的方法的相关文章

在 Dreamweaver 中插入背景音乐的方法

dreamweaver|插入 多次收到喜欢太平洋网络学院的网友的信件,信中提问如何在 Dreamweaver 中插入背景音乐,现在让我一次性向大家介绍几种背景音乐的插入方法,让更多的人去掌握它. 一.直接插入法 1.打开一张需要插入背景音乐的网页,在菜单中找到这样的命令: Windows - > Behaviors,调出"Behaviors"行为面板,如下图所示(Dreamweaver MX 的面板): 2.点击"+"号按钮,选择"play soun

CSS在Dreamweaver中无效的解决方法

  很多朋友在使用Deamweaver8的时候都会遇到这样的情况:给当前编辑的文档链接了CSS文件,并对页面元素应用了定义的CSS样式,但在DW8中却看不到任何效果.如下图. 主要原因就是DW8新多出了一个"样式呈现工具栏",该工具栏允许你轻易的为不同的媒体类型,例如屏幕.手持设备和打印输出进行设计.其他的支持媒体类型有投影设备, TTY(Television Type Devices),以及TV媒体类型.同时还提供了通过开关CSS显示按钮来打开或关闭所有样式呈现的能力. 打开&quo

在Dreamweaver中插入背景音乐的几种方法

dreamweaver|插入 在 Dreamweaver 中插入背景音乐的几种方法 多次收到喜欢太平洋网络学院的网友的信件,信中提问如何在 Dreamweaver 中插入背景音乐,现在让我一次性向大家介绍几种背景音乐的插入方法,让更多的人去掌握它. 一.直接插入法 1.打开一张需要插入背景音乐的网页,在菜单中找到这样的命令: Windows - > Behaviors,调出"Behaviors"行为面板,如下图所示(Dreamweaver MX 的面板): 2.点击"+

Dreamweaver网页制作教程:窗口布局

dreamweaver|教程|网页 窗口布局 Dreamweaver MX 2004 提供了将全部元素置于一个窗口中的集成工作区.在集成工作区中,全部窗口和面板集成在一个应用程序窗口中.您可以选择面向设计人员的布局或面向手工编码人员需求的布局.首次启动 Dreamweaver 时,会出现一个工作区设置对话框(如下图): 您可以从中选择一种工作区布局.如果您不熟悉编写代码,请您选择"设计者".如果您以后想更改工作区,可以使用编辑菜单"首选参数"对话框切换到一种不同的工

Dreamweaver中方便快捷的技巧和方法

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

如何在Dreamweaver中批量处理图片方法

  对于网页制作者来说,最烦琐的事情可能就是给页面中的图片或文字加链接了.假如页面内容很多的话,那么所做的工作只能用恐怖来形容.下面我们就来学习一下Dreamweaver中批量处理图片方法 . 首先启动Dreamweaver,建立好站点后,选择Command(命令)>Create Web Photo Album(制作Web影集),打开Create Web Photo Album. 然后在Photo Album Title后的文本输入框中输入影集的名称.在这里输入的文字我们建议最好输入英文字母,不

Dreamweaver网页制作窗口布局

  窗口布局 Dreamweaver MX 2004 提供了将全部元素置于一个窗口中的集成工作区.在集成工作区中,全部窗口和面板集成在一个应用程序窗口中.您可以选择面向设计人员的布局或面向手工编码人员需求的布局.首次启动 Dreamweaver 时,会出现一个工作区设置对话框(如下图): 您可以从中选择一种工作区布局.如果您不熟悉编写代码,请您选择"设计者".如果您以后想更改工作区,可以使用编辑菜单"首选参数"对话框切换到一种不同的工作区.编辑菜单"首选参

Dreamweaver网页制作之窗口布局

窗口布局 Dreamweaver MX 2004 提供了将全部元素置于一个窗口中的集成工作区.在集成工作区中,全部窗口和面板集成在一个应用程序窗口中.您可以选择面向设计人员的布局或面向手工编码人员需求的布局.首次启动 Dreamweaver 时,会出现一个工作区设置对话框(如下图): 您可以从中选择一种工作区布局.如果您不熟悉编写代码,请您选择"设计者".如果您以后想更改工作区,可以使用编辑菜单"首选参数"对话框切换到一种不同的工作区.编辑菜单"首选参数&

关于Dreamweaver中自带的CSS布局范例

在CSS布局中,ul,li的运用是非常常见的.配合DIV与CSS,创建无表格布局. 其实Dreamweaver中也有自带的CSS布局的范例,如下图:   LI代码的格式化: A).运用CSS格式化列表符: ul li{ list-style-type:none; }   B).如果你想将列表符换成图像,则: ul li{ list-style-type:none; list-style-image: url(images/icon.gif); }   C).为了左对齐,可以用如下代码: ul{