Dreamweaver 技巧荟萃

合集下载

2023年最新版Dreamweaver网页设计技巧

2023年最新版Dreamweaver网页设计技巧

2023年最新版Dreamweaver网页设计技巧Dreamweaver是一款功能强大的网页设计工具,它具有丰富的特性和工具,可以帮助开发人员轻松创建出美观、功能完整的网页。2023年,随着技术的不断进步,Dreamweaver也更新了一系列的网页设计技巧,让用户可以更加高效地进行网页设计。本文将为您介绍2023年最新版Dreamweaver网页设计技巧。

一、全新界面和工作区

2023年最新版Dreamweaver带来了全新的界面和工作区。在这个版本中,Dreamweaver采用了现代化的设计风格,使用户能够更加方便地进行网页设计。工作区也进行了调整,更加直观和易于使用。

二、自动代码完成

自动代码完成是2023年最新版Dreamweaver的一项重要更新。通过这一功能,Dreamweaver能够根据您输入的代码自动补全,并提供代码建议。这不仅提高了开发效率,还减少了出错的可能性。

三、智能布局

在2023年最新版Dreamweaver中,智能布局是一个非常实用的功能。通过智能布局,您可以轻松创建响应式网页,无论是在桌面还是移动设备上,都能够呈现出最佳的效果。这一功能为用户提供了更多灵活性和便利性。

四、实时预览

实时预览是2023年最新版Dreamweaver中的一项重要更新。通过

实时预览,您可以在设计过程中立即看到效果,并进行调整和修改。

这使得设计变得更加直观和高效,大大节省了时间。

五、交互式网页元素

2023年最新版Dreamweaver还引入了交互式网页元素,如下拉菜单、轮播图等。您可以通过简单的拖拽和设置,快速添加这些元素到您的

Dreamweaver基础技巧全面接触

Dreamweaver基础技巧全面接触

Dreamweaver基础技巧全面接触

很多朋友使用Dreamweaver一段时间后,开始热衷于寻找各式各样的插件,追求各种各样的特效,而对于Dreamweaver中的基本功能反而不去深入研究,其实在Dreamweaver中有很多有用的技巧,如果你多加运用,不仅能提高效率,而且可以实现很多实用的效果。今天我把工作中常用的一些技巧介绍给大家,希望对大家能有些用途,同时也希望能唤起大家深入研究的愿望。我准备根据工作中的不同阶段分别介绍各种技巧。

一、规划阶段——站点窗口的技巧

Dreamweavr的站点窗口常常被很多朋友忽视,其实利用站点窗口我们可以方便的完成很多任务。下面我介绍几个实用的技巧。

1、快速添加站点导航。

使用站点窗口中的网站地图可以快速制作网站雏形,并可以方便的在个页面之间加入导航链接。首先

按如下图标

打开站点地图窗口;选中index.htm文件;点击并拖动站点导航(Site Navigation)窗口中index.htm文件右上角的小圆圈,将它拖动到左边文件窗口中的某一个文件上,如下图所示;

Dreamweaver会自动将mydesign.htm的链接加入到index.htm文件中,同样执行此操作并分别指向其他相关链接文件后,导航窗口如下图:

此时打开index.htm文件,可以看到相应的连接文字和链接都已经添加好了,我们可以根据需要将他们合理的修改和组织。如图:

2、快速修改文件Title。很多时候我们新建的文件往往忽视设定文件Title的内容,事后需要修改时,常常得打开每一个文件分别修改。其实这个工作可以在站点窗口中方便的完成。打开站点窗口View菜单下的Show Page Titles,可以使站点窗口中的文件显示出文件头,而不是原先的文件名。默认的文件头是U ntitled Document我们可以分别两次点击,改变默认的文字为我们需要的文件头。如图:

Dreamweaver技巧大全-新华教育

Dreamweaver技巧大全-新华教育

河南新华电脑学院DW技巧大全

今天小编都快忙死了,不过还是为大家找到了一些DW教学的文件,这些只是很少的一部分,因为担心大家刚开始不理解,所以后期小编会慢慢的向大家展示,

希望大家认真学习哦

本例演示如何插入水平线

本例演示如何为 HTML 页面添加背景颜色。

http-equiv="Content-Type" http-equiv="Content-Language"

十二个Dreamweaver使用小秘诀

十二个Dreamweaver使用小秘诀

十二个Dreamweaver使用小秘诀

十二个Dreamweaver使用小秘诀

导语:下面就由店铺为大家介绍一下十二个Dreamweaver使用小秘诀,不管你是要运用HTML原始语法逐字逐字来编写网页,或是运用标准化窗口来进行网页的视觉设计,以下的小秘诀都可以派得上用场!

秘诀1:让网页页面大小更有弹性

有些网页开发者称以下要介绍的这种技巧为“liquid”,在这儿则把这种技巧叫做是“弹性延伸的技巧”。这是一种技巧,可在访客浏览器窗口大小改变时也随之调整网页页面大小,因此如果窗口过大就不会有空白处;窗口过小边缘就不会跑出上下移动的拉条。其实大多数简单的网页会自己随着浏览器窗口大小来调整页面大小,但是如果是网页里用到很多不同的框架及表格,网页页面大小就很难自动弹性地调整。通常网页设计者会用混合运用固定宽度的框架,和GIF图片作为间隔来设计网页页面,这样一来不论是用Internet Explorer或是用Netscape Navigator,页面大小都会固定而不会跑掉。用Dreamweaver 4.0可以轻而易举的设计出会自动弹性调整的网页。要怎么做呢?

具体做法:用工具面板(Object palette)上的按钮打开网页,并且转换到“格式查看”(Layout view)。这时可以看到文字方块的栏度,每一栏的方框上方中间还有一个小小的下拉式箭头,点选想要设置弹性显示的栏上方的小箭头,接着选择“将栏设为弹性显示”(Make Column Autostretch)。(设置自动调整栏的宽度以一栏为限)这时该栏方框上方就会出现一条波浪形的线,而不是原本表示栏度的数字。Dreamweaver会自动制作出固定版面的空格图片,这个空白图片是以栏上方的两个长条形的空白表格表示,如此版面会自动被填充,才会完成弹性版面设置。(在第一次增加空白图片时会跳出一个对话框问你是否要使用内置图片,为求效果,我们建议你让Dreamweaver自动产生一个,不然就不用使用空白图片来填充版面。)

十六则DW使用快技法

十六则DW使用快技法

十六则DW使用快技法 1、灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度,所以我们应尽量使用状态栏中的元素列表来调用Style。 2、活用Format Table命令 在复杂的网页设计中,表格的应用是最多的,因为利用表格可以自由地控制文本和图象在网页上出现的具体位置,从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后,我们可以使用其中的“Format Table”(格式化表格)命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式,先将光标置于表格的任意一个单元格内,再选择“Command”→“Format Table”命令, 在随后出现的对话框中,从左边的列表中选择一个设计方案。按“Apply” 键来查看效果,如果不满意的话,还可以重新设置或者修改部分参数的值,如边界粗细,背景颜色等等。 3、同时链接到两个网页 我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档,可以使用“Go To URL”javascript 行为。打开一个有框架的网页,选择文字或图象,然后从行为面板中选择“Go To URL”。我们会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。 4、不给文件起中文名称 大家在制作好了网页后,通常会给网页起一个具有代表性的中文名称,一来能使人一看文件名就能大概了解文件所包含的内容,二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做,就会发现Dreamweaver对中文文件名支持得不是太好,经常会有页面调用不正确的现象发生,所以我们以后在Dreamweaver中保存网页的时候,尽量用英文或者数字作为文件名称,这样就可以避免上面的出错现象。 5、巧妙设置字体分辨率 我们在制作网页的时候,经常有这种体会,那就是制作好的网页在本地计算机上浏览时很正常,但在另外一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了,这是为什么呢?原来各个计算机的分辨率要使你的主页在不同的分辨率下都能正常显示,在 Dreamweaver中得到了较好的解决。在文档窗口的

熟练使用Dreamweaver小技巧

熟练使用Dreamweaver小技巧

熟练使用Dreamweaver小技巧

熟练使用Dreamweaver小技巧

如何使用Dreamweaver?以下是店铺整理的熟练使用Dreamweaver小技巧,方便大家使用!

1)怎样将 Dreamweaver 集成到IE浏览器?

Dreamweaver 安装程序会在上下文选单增加一个“ Edit wITh Dreamweaver ”命令,我们还可以修改 Windows 的注册表使它与 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一样,通过 IE 工具栏的编辑按钮来调用 Dreamweaver 打开当前网页。

将下面文本的最后一行要改为你自己的Dreamweaver 安装路径,把它们保存为一个 *.reg 文件,双击它将信息添加到注册表即可。

REGEDIT4

[HKEY_CLASSES_ROOT\.htm\OpenWIThList\Dreamweaver]

[HKEY_CLASSES_ROOT\.htm\OpenWIThList\Dreamweaver\s hell]

[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\s hell\edIT]

[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\s hell\edIT\command]@="C:\Program

files\Macromedia\Dreamweaver 3\dreamweaver.exe %1"

如果要设置为 IE 缺省的编辑器,打开 IE 的“Internet 选项”,在程序标签指定。

备考速成-Dreamweaver经典技巧

备考速成-Dreamweaver经典技巧

备考速成:Dreamweaver经典技巧

备考速成:Dreamweaver经典技巧备考速成:Dreamweaver经典技巧dreamweaver使得建立web站点变得异常简单,但不要误认为这等于功能简单。实际上,这种有效的可视化web开发工具同样是专业设计人员选择的,其中的许多优点非常合适于那些需要强大站点管理工具或者想用自己的模板扩充程序以协同工作的开发人员。更棒的是,dreamweaver的灵活性使你无论如何都能提高技术水准!既然如此,那么何不现在就开始使用这些技巧以充分发挥dreamweaver的强大功能呢?

dreamweaver具有许多丰富的用户向导功能,这使它看上去有无法抵挡的魅力。这些易于执行的技巧能够指引你流畅地创建新站点。

连接窗口

dreamweaver的用户界面分割为几个窗口,当处于工作状态时,屏幕上只能容纳几个窗口。为了保存真实的操作状态,最佳策略是将打开的窗口连接(dock)在一起。你可能尝试过拖拽窗口的标

题栏,这在许多程序中都是可以完成连接动作的,但是在dreamweaver中却不生效。

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

数据输入

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

Dreamweaver超级技巧.只要你想要拿去吧doc

Dreamweaver超级技巧.只要你想要拿去吧doc

DreamWeaver超级技巧

1. 用Dreamweaver 4.0轻松设计会自动弹性调整的网页

首先需要保证的是你的页面内容采用了表格的格式,然后打开你要编辑的页面,按“Ctrl+F6”或者菜单“View→TableView→Layout?View”转换到布局视图。这时可以看到单元格的列宽,在列宽数字的旁边还有一个小小的下拉式箭头,点击你要设定弹性显示的列上方的小箭头,接着选择“将列设为弹性显示”(Make Column Autostretch)。该列方框上方就会出现一条波浪形的线,而不是刚才表示列宽的数字。完成后你的页面就变成了一个具有弹性的页面了。此外,需要注意页面中不要有尺寸过大的图片。

********************************************************** ********************************************************** 2. 用Dreamweaver 4.0制作有闪动效果的Flash按钮

选择菜单Insert→Interactive?Images→Flash?Button就可看到有哪些内嵌按钮。在弹出的对话框里,你可以在“Style”列表里选择自己想要的按钮样式,在预览(Sample)窗口里可以看到这种样式的效果如何。选择好之后,在“Button?Text”窗口输入按钮上面的文字,在“Font”窗口选择字体,在“Size”窗口输入文字的大小,在“Link”窗口输入链接的目标,在“Target”窗口选择链接打开的方式,在“BgColor”选择按钮背景颜色,在“Save?As”窗口输入保存的文件名。完成这些后,按下“OK”按钮,你就完成了一个Flash按钮啦。这个按钮还会自动插入你的网页中,然后在Dreamweaver编辑窗口选

Dreamweave网页制作50招

Dreamweave网页制作50招

Dreamweaver一直是不少网友钟情的网页设计工具,除了它强大的动态效果制作能力外,方便简洁的操作界面更是独具特色,下面我们将以最新版本Dreamweaver4为例,并以提问的方式系统的介绍下,在设计过程中经常遇到的一些问题和技巧性的东西。 注意:为了方便,以下我们将Dreamweaver全部减缩为DW表示。 1> 在DW中,如何输入一个空格呢? 输入空格的问题,在DW似乎已成了一个老生常谈的问题,我们可能在许多介绍DW使用方面的书籍或文章中看到过N次。 DW中对空格输入的限制是针对“半角”文字状态而言的,因此通过将输入法调整到全角模式就可以避免了,方法是:打开中文输入法(以人工智能ABC为例),按Shift+Space切换到全角状态,现在应该没问题了。 此外,你还可以通过许多“变通”的方法达到录入空格的目的,比如常用的是: 直接在源代码中加入代表空格的HTML代码“ ”;输入一定长度的文字对象后,然后调整文字的颜色与当前的背景颜色相同等等,不过注意的是后者在一些浏览器中可能显示上有点问题。(呵呵,当时俺用的那个就是让王晨昀给看出来的!) 2> 如何在浏览器地址栏前添加自定义的小图标? 你是不是记得有时在浏览网易网站的首页时,在地前会显示一个“易”字样的小图标。而默认情况下,这个图标是一个IE浏览器的指定图片。如图: 其实这也不是什么高深技术,只不过在网站目录下添加了一个特定文件而已。 这时,我们需要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico,然后上传到相应目录中。在HTML源文件“”之间添加如下代码: 其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时,就更简单了,只需将图片上传到网站根目录下,即可自动识别! 3> 为什么,我本来设计很好的网页,在浏览器窗口最小化时会变的丑陋难堪? 这应该是个很值得大家注意的问题,也就是说,在全屏状态下浏览网页内容时,一点问题也没有。当我们使用窗口的最小化命令或手动的调整窗口的大小时,问题就慢慢出现了。网页内容会把当前窗口作为显示范围,依次下挫。举个例子,和在记事本中有“自动换行”和“没换行”的差别是完全一样的。 解决这个问题,我们必须从网页的布局说起,一般情况下,网页内容的定位大多是通过表格来实现的。因此问题的“毛病”也就出在表格上。 请看下面一个表格的属性

详解Dreamweaver的13个技巧

详解Dreamweaver的13个技巧
Dra e mwe v r 自动 把 这 些 图 像 的 UR ae将 L添
5巧她设一字1 . m分辨率
我们在 制作 网页的时候 ,经 常有这 种体
加到文件的 H ML代码 中。 T 当然这里要求被 拖 动的 图像文件 必须 是 gfJg等 we iP 、 b图像格 式的文件 。对于已经在 网页 中的图象也是一
在 网页上出现的具体 位置 , 从而使整个网页看 呢? 原来各个计算机 的分辨率不 同。要使你的
上 去 紧凑 统 一 。 D e mw a e 在 这 方 面 也 不 主 页 在 不 同的 分 辨 率 下 都 能 正 常 显 示 , ra e v r 在
8自动 设 ■ 更 额 叼 间 .
我们 知道一个 网页要想获得 更多 的回头
维普资讯 http://www.cqvip.com

详解 Dr a e mwe v r 1 ae 的 3个技巧
. ¨

■√

1灵 活 运用 程 式 .

0I
薯:
大家在制作好了网页后 , 通常会给 网页起 熟悉 网页设计 的网友都 知道 ,调用 Sye tl

2活用 F r t a l 令 . o ma be命 T
在复杂 的网页设计 中, 表格 的应用是最 多 的, 因为利用表格可 以自由地控制文本和 图像

Dreamweaver制作网页技巧(3).

Dreamweaver制作网页技巧(3).

Photoshop小技巧集锦

1. 快速打开文件

双击Photoshop 的背景空白处( 默认为灰色显示区域即可打开选择文件的浏览窗口。

2. 随意更换画布颜色

选择油漆桶工具并按住Shift 点击画布边缘,即可设置画布底色为当前选择的前景色。如果要还原到默认的颜色,设置前景色为25% 灰度(R192 ,G192 ,B192 再次按住Shift 点击画布边缘。

3. 选择工具的快捷键

可以通过按快捷键来快速选择工具箱中的某一工具,各个工具的字母快捷键如下:

选框-M 移动-V 套索-L 魔棒-W

喷枪-J 画笔-B 铅笔-N 橡皮图章-S

历史记录画笔-Y 橡皮擦-E 模糊-R 减淡-O

钢笔-P 文字-T 度量-U 渐变-G

油漆桶-K 吸管-I 抓手-H 缩放-Z

默认前景和背景色-D 切换前景和背景色-X

编辑模式切换-Q 显示模式切换-F

另外,如果我们按住Alt 键后再单击显示的工具图标,或者按住Shift 键并重复按字母快捷键则可以循环选择隐藏的工具。

4. 获得精确光标

按Caps Lock 键可以使画笔和磁性工具的光标显示为精确十字线,再按一次可恢复原状。

5. 显示/ 隐藏控制板

按Tab 键可切换显示或隐藏所有的控制板( 包括工具箱 ,如果按Shift+Tab 则工具箱不受影响,只显示或隐藏其他的控制板。

6. 快速恢复默认值

有些不擅长Photoshop 的朋友为了调整出满意的效果真是几经周折,结果发现还是原来的默认效果最好,这下傻了眼,后悔不该当初呀!怎么恢复到默认值呀?试着轻轻点按选项栏上的工具图标,然后从上下文菜单中选取“ 复位工具” 或者“ 复位所有工具” 。

Dreamweaver制作网页技巧 (3)

Dreamweaver制作网页技巧 (3)

Photoshop小技巧集锦

1. 快速打开文件

双击Photoshop 的背景空白处( 默认为灰色显示区域) 即可打开选择文件的浏览窗口。

2. 随意更换画布颜色

选择油漆桶工具并按住Shift 点击画布边缘,即可设置画布底色为当前选择的前景色。如果要还原到默认的颜色,设置前景色为25% 灰度(R192 ,G192 ,B192) 再次按住Shift 点击画布边缘。

3. 选择工具的快捷键

可以通过按快捷键来快速选择工具箱中的某一工具,各个工具的字母快捷键如下:

选框-M 移动-V 套索-L 魔棒-W

喷枪-J 画笔-B 铅笔-N 橡皮图章-S

历史记录画笔-Y 橡皮擦-E 模糊-R 减淡-O

钢笔-P 文字-T 度量-U 渐变-G

油漆桶-K 吸管-I 抓手-H 缩放-Z

默认前景和背景色-D 切换前景和背景色-X

编辑模式切换-Q 显示模式切换-F

另外,如果我们按住Alt 键后再单击显示的工具图标,或者按住Shift 键并重复按字母快捷键则可以循环选择隐藏的工具。

4. 获得精确光标

按Caps Lock 键可以使画笔和磁性工具的光标显示为精确十字线,再按一次可恢复原状。

5. 显示/ 隐藏控制板

按Tab 键可切换显示或隐藏所有的控制板( 包括工具箱) ,如果按Shift+Tab 则工具箱不受影响,只显示或隐藏其他的控制板。

6. 快速恢复默认值

有些不擅长Photoshop 的朋友为了调整出满意的效果真是几经周折,结果发现还是原来的默认效果最好,这下傻了眼,后悔不该当初呀!怎么恢复到默认值呀?试着轻轻点按选项栏上的工具图标,然后从上下文菜单中选取“ 复位工具” 或者“ 复位所有工具” 。

2021年DW学习笔记范文

2021年DW学习笔记范文

DW学习笔记范文

一、快捷键。

11、F4:打开/隐藏面板。

二、、Dreamweaver 技巧荟萃. 1.同时链接两个网页通常在网页中设置的超链接一次只能链接到一个网页中,如果需要在不同的框架页中打开新页面,可以使用“转到 URL”行为来实现。打开一个有框架的网页,选择页面中的需要设置链接的文字或图像,单击“行为”面板上的“添加行为”菜单命令,在弹出菜单中选择“转到 URL”选项,弹出“转到 URL”对话框,在该对话框中显示所有可用的框架,选择其中一个需要设置链接的框架并输入相应的后再选择另一个框架并输入另一个。

2.不要为网页文件使用中文名称在制作网页时,初学者起一个容易记忆的中文名称作为文件名,这种做法是不正确的。

因为 Dreamweaver 对中文文件名称支持得不是太好,经常会有页面调用不正确的现象发生,所以在 Dreamweaver 中保存网页的时候,尽量使用英文或者数字作为文件名称,这样就可以避免上面的出错现象。

3.设置不同分辨率制作好的网页在本地计算机上浏览时很正常,但在另外一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了。这主要是因为每台计算机的分辨率不同所导致的,为了使所制作的网页在不同分辨率的计算机上都能正常显示,在Dreamweaver 中得到了较好的解决,在文档窗口的右下角,Dreamweaver 显示当前文档被设计成的分辨率大小。单击数字,在弹出式菜单中可以为当前的页面指定显示分辨率,通过修改可以使设计的网页更具灵活性,使不同分辨率的显示器都能较好地显示。

4.图像拖放技巧在使用 Dreamweaver 网页的时候,经常需要插入一些图像什么的,如果要插入的图像很多,按照常规方法来操作就显得非常麻烦。

Dreamweaver的技巧方法

Dreamweaver的技巧方法

Dreamweaver的技巧方法

Dreamweaver的几个技巧

1、灵活运用样式

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

2、活用Format Table命令

在复杂的网页设计中,表格的应用是最多的,因为利用表格可以自由地控制文本和图象在网页上出现的具体位置,从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后,我们可以使用其中的“Format Table”(格式化表格)命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式,先将光标置于表格的任意一个单元格内,再选择“Command”→“Format Table”命令,在随后出现的对话框中,从左边的列表中选择一个设计方案。按“Apply” 键来查看效果,如果不满意的话,还可以重新设置或者修改部分参数的值,如边界粗细,背景颜色等等。

3、同时链接到两个网页

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

三十三个Dreamweaver使用技巧

三十三个Dreamweaver使用技巧

三十三个Dreamweaver使用技巧

1、在Dreamweaver 3中输入空格

1)能用中文的全角状态下按空格键,强烈推荐

2)插入一个透明的图

3)用pre标签里写你的内容

4)object里的invisiables 里的none-breaking space 点一下

5)instert 菜单下的none-breaking space

6)CTRL+SHIFT+空格键加入

7)CTRL+T 去掉尖括号,键入 ;

(注后面四个是的实质都是相同的)

2、实现浏览器状态栏中的滚动字幕

按下F8键,在Behaviors窗口中选取Behaviors,单击“+”号,再选取“Set Text→Set Text of Status Bar”,最后在弹出的对话框中写上你想在状态栏出现的文字就能了。

3、制作鼠标移动上去会有变化的动态链接图像

首先准备两幅图,第一幅是原始图像,另一幅是鼠标移动上去后的图像。用鼠标单击第一幅图,在属性面板中的链接栏中填上要链接的文件,然后按F8,在Behaviors窗口中点击“+”号,选择“Swap Image”,在出现的窗口中选择第二幅图,点击确定,就成功了。

4、将Dreamweaver 集成到IE 浏览器

Dreamweaver 安装程式会在上下文选单增加一个“Edit with Dreamweaver”命令。还能修改视窗系统的注册表,就象MS Word 、Frontpage 和Notepad 相同,通过IE 工具栏的编辑按钮来调用Dreamweaver 打开当前网页。

将下面文本的最后一行要改为你自己的Dreamweaver 安装路径,把他们保存为一个*.reg 文件,双击他将信息添加到注册表即可。

Dreamweaver网页设计制作技巧与提高.

Dreamweaver网页设计制作技巧与提高.

1、灵活运用样式

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

2、活用 Format Table命令

在复杂的网页设计中, 表格的应用是最多的, 因为利用表格可以自由地控制文本和图象在网页上出现的具体位置, 从而使整个网页看上去紧凑统一。 Dreamweaver 在这方面也不甘落后, 我们可以使用其中的“Format Table”(格式化表格命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式,先将光标置于表格的任意一个单元格内,再选择“Command”→“Format Table” 命令, 在随后出现的对话框中,从左边的列表中选择一个设计方案。按“Apply” 键来查看效果, 如果不满意的话, 还可以重新设置或者修改部分参数的值, 如边界粗细,背景颜色等等。

3、同时链接到两个网页

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

相关主题
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

Dreamweaver 技巧荟萃

驻马店市龙山通用机械有限公司宣

Dreamweaver 技巧荟萃

1.同时链接两个网页

通常在网页中设置的超链接一次只能链接到一个网页中,如果需要在不同的框架页中打

开新页面,可以使用“转到URL”行为来实现。打开一个有框架的网页,选择页面中的需

要设置链接的文字或图像,单击“行为”面板上的“添加行为”菜单命令,在弹出菜单中

择“转到URL”选项,弹出“转到URL”对话框,在该对话框中显示所有可用的框架,选

择其中一个需要设置链接的框架并输入相应的链接地址后再选择另一个框架并输入另一个

链接地址。

2.不要为网页文件使用中文名称

在制作网页时,初学者起一个容易记忆的中文名称作为文件名,这种做法是不正确的。

因为Dreamweaver 对中文文件名称支持得不是太好,经常会有页面调用不正确的现象发生,所以在Dreamweaver 中保存网页的时候,尽量使用英文或者数字作为文件名称,这样就可

以避免上面的出错现象。

3.设置不同分辨率

制作好的网页在本地计算机上浏览时很正常,但在另外一台计算机上浏览时发现原本漂

亮的网页变得歪歪扭扭了。这主要是因为每台计算机的分分辨率不同所导致的,为了使所

作的网页在不同分辨率的计算机上都能正常显示,在Dreamweaver 中得到了较好的解决,

在文档窗口的右下角,Dreamweaver 显示当前文档被设计成的分辨率大小。单击数字,在

弹出式菜单中可以为当前的页面指定显示分辨率,通过修改可以使设计的网页更具灵活性,使不同分辨率的显示器都能较好地显示。

4.图像拖放技巧

在使用 Dreamweaver 编辑网页的时候,经常需要插入一些图像什么的,如果要插入的

图像很多,按照常规方法来操作就显得非常麻烦。可以利用拖放技巧来很好地解决这个问题。

可以打开“文件”面板,在本地站点中的找到图片文件夹,在该文件夹中将图片一一拖入

面中相应的位置,Dreamweaver 将自动把这些图像的路径地址添加到文件的HTML代码中。5.巧妙复制文字

如果从Dreamweaver 中复制编辑区中的文字到另外一个应用程序的时候,HTML 代码

和文字将一起被复制过去了,那么该如何才能只把编辑区中的文字复制下来呢?通常复制时

都使用快捷键Ctrl+C 来操作,如果在复制的时候多按一个C 键,那么Dreamweaver 将只会复制选中的文字了。

6.使用快捷键

为了提高操作的效率,可以在Dreamweaver 中使用快捷键,例如使用Ctrl+B 或Ctrl+I

来为文字应用黑体或斜体格式,也可以使用以下一些键盘快捷键来为选中的文本应用HTML 格式:无格式(Ctrl+0);段落(Ctrl+T);标题1(Ctrl+1);标题2(Ctrl+2);标题3(Ctrl+3);

(Ctrl+4)标题4;(Ctrl+5)标题5;(Ctrl+6)标题 6。

7.同时编辑多个 HTML 文档

在Dreamweaver 中,可以同时对多个HTML文档进行编辑,只要执行“文件>新建”或

“文件>打开”菜单命令,就可以在不退出当前文档的情况下,新建或打开另一个HTML文档进行编辑。

8.输入连续空格

在每段的开头,一般都要空两个格,而直接用空格键只能输入一个关角空格,然后无论

如何键入空格都不起作用。可以通过下面两个方法来实现输入空格。

l 切换到中文输入状态,把标点状态设置为全角中文,就可以随心所欲地输入全角空

格了。

l 光标定位需要输入空格的位置,转换到代码视图中,在HTML源文档中输入“ ”

代码。

9.HTML 源代码下工作

单击“文档”工具栏上的“代码”按钮,转换到代码视图中,可以在这里进行HTML

标签及内容的输入。还可以单击“折分”按钮,Dreamweaver 折分为代码视图和设计

视图两个部分,可以同时输入HTML标签和网页内容。

10. HTML 标签的作用范围

HTML标签需要在HTML源代码状态下输入才有效,例如在编辑区直接输入“ ”,

显示在编辑区屏幕上的主是“ ”字符串,而在HTML源代码中输入“ ”,在编辑区屏幕上没有任何显示,在浏览时则是一个半角空格。

11. 特殊字符在编辑区中的显示

在编辑状态下,特殊字符并不显示为最终的样子。而是有两种情况,一是什么也不显示,一是显示特殊字符的代码,如版权符显示为:“©”。

12. 插入特殊字符的方法

这些代码是直接写到HTML 代码中去的,而直接在编辑区中输入的则只显示为普通字

符。

13. 输="borderedDe入其他字符

在“插入”栏上的“文本”选项卡中的最后一个按钮是“字符”按钮,单击该按钮,在

弹出菜单中选择“其他字符”选项,弹出“插入其他字符”对话框,在该对话框中列出了英

文中所有的特殊字符,用户可以从中选择所需要的字符。

14. 经常保存

在进行到一个比较确定的步骤时,建议保存文件。这样做有两个好处:一是可以防止忽

然断电等原因引起的数据丢失;二是可以清除不必要的撤消步骤,释放内存。

15. 标签选择器

安位于状态栏的最左边,标签选择器中显示的是光标所在位置周围的HTML 标签,当

选择其中一个HTML标签时,这个HTML标签及其中的内容都将被选中。在许多情况下,

例如在表格嵌套时,如果嵌套的表格边框和空白都设置为0 时,通过鼠标几乎不可能准确地

选中每个表格,此时利用标签选择器就可以轻松快捷地进行选择。

16. 剪切

“剪切”命令的作用类似于复制,不同的是,“剪切”命令在复制内容后,把原来的内

相关文档
最新文档