Dreamweaver10个制作网页的技巧

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

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

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

  REGEDIT4

  [HKEY_CLASSES_ROOT.htmOpenWithListDreamweaver]

  [HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershell]

  [HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelledit]

  [HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelleditcommand]

  @="C:Program filesMacromediaDreamweaver 3dreamweaver.exe %1"

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

  2)为了使用某些脚本,经常要为图形或文本加上空链接,但是浏览时点击有空链接的对象时,会跳到页面的顶端,如何避免?

  因为浏览器以为链接到同一页,可它又找不到定义的书签( anchor ),于是停留在页面的顶端。用“ JavaScript:void(null) ”替换空链接的“ # ”,解决这个问题。

  3)使用 CSS 、层的时候,在不同浏览器的效果不一样,有时甚至出现错位现象,怎样解决?

  在对不同浏览器的兼容方面, Dreamweaver 作得不错,但绝不意味用 Dreamweaver 作出的网页在 IE 和 Netscape 中完全一样。通常情况下,用不同的浏览器浏览同一个网页的外观不可能完全一样,这是不同厂家的浏览器本身决定的。

  一般要尽量注意以下问题:

  不要混合使用层和表格排版,如果是父子关系,如层中表格,不在此原则范围内;

  内联式的 CSS 在 Netscape Navigator 中经常会出现问题,使用链式或内嵌式;

  有时需要在空层插入表格或者透明图片,以保证在 Netscape Navigator 里的效果。对于只有几个像素宽度或高度的层,改用图片来实现;

  避免使用 W3C 组织不推荐的排版属性,用 CSS 代替。

  4)为何从别的文档拷贝文本到 Dreamweaver ,所有的段落会挤成一团,而在 Dreamweaver 内部又带有格式代码?

  Dreamweaver 复制和粘贴文本有二种类别,标准的方式将对象连同对象的属性一起复制,把剪贴板的内容作为 HTML 代码;另一种方式仅复制或粘贴文本,复制时忽视 html 格式,粘帖时则把 html 代码作为文本粘贴。多按一个“ Shift ”( Ctrl+Shift+C/Ctrl+Shift+V )键即按后一种方式操作。

  5)为什么网页用 IE 浏览正常,用 Netscape Navigator 却不符合要求甚至出错,而且在 Dreamweaver 的文档窗口老是修改不好?

  请检查代码。因为用所见所得编辑器反复修改页面的某些部分,有时会留下一些多余的代码,比如多余的链接,这些代码在 Dreamweaver 的文档窗口看不到, IE 会忽视它们。但是 Netscape Navigator 对代码要求更严格,预览时就出现不可思议的现象。

  6)在 Netscape Navigator 中,有些书签( anchor )不起作用,有些好象消失了?

  Netscape Navigator 的书签是大小写敏感的。在 Navigator 中,多层嵌套的表格里面的书签会丢失,把书签放到表格外面。

  7) Dreamweaver 文档窗口布满了各种各样的面板,为了编辑文档,不得不扒开一个个空隙,太累,如何是好?

  一个 800X600 分辩率的屏幕对于 Dreamweaver 来说确实小了些,不过即便是 1024X768 ,也放不下所有的面板。关键是好好组织。

  关闭那些在编辑中暂时用不到的面板,把常用的面板放在一起,节省屏幕空间;

  除非现在要用,否则关闭“ HTML Source Inspector ”,它除开占用屏幕空间,还占用相当的系统资源;

  按 F4 隐藏所有打开的面板,一览文档的全貌,再按一下,显示面板;

  在“ Windows ”选单有个“ Arrange Floating Palettes ”命令,使用这个命令将所有打开的面板放在窗口四周,并互不重叠。

  多用快捷键并熟练掌握是很好的提高工作效率的方法。

  当添加不可见的对象时,Dreamweaver会在文档窗口的页面顶部加上相应的图标,如果图标太多,可能妨碍编辑。可以按“Ctrl+Shift+I ”(主选单 View|Invisible Elements )来隐藏和显示它们。也可以设定不出现这些图标,不过不建议这样作,因为它们能帮助选择对象,便于编辑。

  8) Head 对象面板只能添加内容,能在文档窗口修改 < head> 标记的内容吗?

  可以。有一种非常直观的方式,按“ Ctrl+Shift+W ”(主选单 View|Head Content ),在文档窗口主选单栏下出现一行图标,点击这些图标修改。

  9)如何选择表格、层里面那些非常小的,比如 1X1px 的图片?

  在表格的单元格中点击,然后按下“ Shift ”键,用箭头键移动即可选择。

  也可先选定表格单元(按下 Ctrl 键,用鼠标点击相应单元)或者层,然后在“ HTML Source Inspector ”面板中选择高亮代码中的 < img src="..."> ,返回文档窗口,图片即被选择。

  10)怎样编辑一个框架系的名字(Title)?

  按“ Ctrl+F10 ”打开“ Frames ”面板,点击最外面的框,按“ Ctrl+J ”(主选单 Modify|Page Properties )。

时间: 2024-09-28 02:25:28

Dreamweaver10个制作网页的技巧的相关文章

FrontPage XP制作网页小技巧八则

frontpage|技巧|网页 靓丽的网页是怎样生成的?也许您会脱口而出,当然是自己设计出来的.没错!不过这其中也有网页制作工具的一部分功劳,因为功能强大的网页制作工具可以为网页增色不少!以前,FrontPage 2000是很多设计师们首选的网页制作工具,但自从FrontPage XP问世后,人们又开始利用它来继续"设计蓝图"了.但由于FrontPage XP较FrontPage 2000相比,推出的时间不长,有许多用户对它内部的一些操作小技巧可能不太熟悉.为此,笔者在这里就提供一些F

Dreamweaver制作网页小技巧汇集

本文汇集了一些Dreamweaver制作网页时的可以用的一些小技巧.希望对您有所帮助. 1)怎样将 Dreamweaver 集成到 IE 浏览器? Dreamweaver 安装程序会在上下文选单增加一个" Edit with Dreamweaver "命令,我们还可以修改 Windows 的注册表使它与 IE 集成.就象 MS Word . Frontpage 和 Notepad 一样,通过 IE 工具栏的编辑按钮来调用 Dreamweaver 打开当前网页. 将下面文本的最后一行要改

Dreamweaver下用CSS制作网页的技巧

  了解 CSS 层叠样式表 (CSS) 是一系列格式设置规则,它们控制 Web 页面内容的外观.使用 CSS 设置页面格式时,内容与表现形式是相互分开的.页面内容(HTML 代码)位于自身的 HTML 文件中,而定义代码表现形式的 CSS 规则位于另一个文件(外部样式表)或 HTML 文档的另一部分(通常为 部分)中.使用 CSS 可以非常灵活并更好地控制页面的外观,从精确的布局定位到特定的字体和样式等. CSS 使您可以控制许多仅使用 HTML 无法控制的属性.例如,您可以为所选文本指定不同

Dreamweaver制作网页之图片应用技巧

dreamweaver|技巧|网页 加快图片下载速度 如果网页中有过多的图片,就会影响浏览的速度. Dreamweaver 可以轻松设置预载图片,加快图片下载速度,让站点以最快的速度出现在用户面前. 效果说明:建立文件,先预载图片,使图片预先下载到缓存中,加快图片下载速度. 创作思想:打开 Dreamweaver MX 2004 软件新建页面,再打开标签面板,在[行为]中选择[预先载入图像]选项,加快图片下载速度. 操作步骤 ( 1 )新建文件,操作如图1 所示. ( 2 )保存页面并插入图片.

网页制作必学技巧之用CSS美化你的网页

css|技巧|网页 现在我们设计网页已经离不开CSS,使用CSS可以美化我们的网页,这已经是大家所共知的了! CSS是"Cascading Style Sheets"的缩写,译为样式表.HTML允许我们利用CSS来实现风格的显示,举个简单的例子:我们可以使用<b>标签来使页面的字体加粗.如: <b>网页教学网加粗字体显示</b> 如果你使我们使字体显示为红色.宋体.并且加粗显示我们可以使用下面的代码: <font color="#FF

Dreamweaver制作网页的图片应用技巧

dreamweaver|技巧|网页 加快图片下载速度 如果网页中有过多的图片,就会影响浏览的速度. Dreamweaver 可以轻松设置预载图片,加快图片下载速度,让站点以最快的速度出现在用户面前. 效果说明:建立文件,先预载图片,使图片预先下载到缓存中,加快图片下载速度. 创作思想:打开 Dreamweaver MX 2004 软件新建页面,再打开标签面板,在[行为]中选择[预先载入图像]选项,加快图片下载速度. 操作步骤 ( 1 )新建文件,操作如图1 所示. ( 2 )保存页面并插入图片.

Dreamweaver制作网页技巧之对进行网页优化

dreamweaver|技巧|网页|优化 我们为了优化网页.加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化.在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的 我们为了优化网页.加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化.在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的.下面是Dreamweaver中的一些优化技法: 合理调用CSS 进行网页设计时,运用样式表单CSS来对页面元素进行布置,可以大大地减少

用Dreamweaver制作网页七招实用技巧

dreamweaver|技巧|网页 一.从外部文档中粘贴时,如果只要文字而不想要其格式,可以使用"Edit→paste as text"命令,不要直接用Ctrl+V. 二.当有浏览者使用Netscape浏览页面时,在改变窗口大小的时候页面会花掉.在制作网页时就应该考虑到这个问题,可以通过点击"Command→Add/Remove Netscape resize fix"来加以解决,它可以使在Netscape中浏览页面时,改变窗口大小的时候页面不会花掉. 三.仅仅拷贝

使用Dreamweaver制作网页时文字自动换行的小技巧

在使用Dreamweaver制作网页时,遇到制作表格的时候,内部的文字没有自动换行,我应该怎么做呢?下面提出两种解决方案,大家可以参考!在这里你如果知道该技巧,你可以略过!如果你不知道,不要说什么现在网页中已经没有表格了这样绝对的话啊?Web标准时代网页中照样应该是不能把表格完全抛弃的!呵呵. 解决表格中文字自动的换行的情况有两种可能: 第一种,你用CSS把表格内文字的字体设置成了英文字体,这样在Dreamweaver里表格内的文字不会自动换行,但这仅是Dreamweaver里的显示效果,在IE