Dw网页设计制作小技巧
Adobe Dreamweaver,简称“DW”,中文名称 "梦想编织者",是集网页制作和管理网站于一身的所见即所得网页编辑器,下面小编给大家整理了Dw网页设计制作小技巧,一起来学习吧!
Dw网页设计制作小技巧1)怎样将 Dreamweaver 集成到 IE 浏览器?
Dreamweaver 安装程序会在上下文选单增加一个“ Edit with Dreamweaver ”命令,我们还可以修改 Windows 的注册表使它与 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一样,通过 IE 工具栏的编辑按钮来调用 Dreamweaver 打开当前网页。
将下面文本的最后一行要改为你自己的 Dreamweaver 安装路径,把它们保存为一个 * 文件,双击它将信息添加到注册表即可。
REGEDIT4
[HKEY_CLASSES_penWithListDreamweaver]
[HKEY_CLASSES_penWithListDreamweavershell]
[HKEY_CLASSES_penWithListDreamweavershelledit]
[HKEY_CLASSES_penWithListDreamweavershelleditcommand]
@="C:Program filesMacromediaDreamweaver %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="..."> ,返回文档窗口,图片即被选择。
相關文章
-
Dw网页设计技巧
Adobe Dreamweaver,简称DW,中文名称 "梦想编织者",是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出 -
Dreamweaver网页设计制作技巧
借Dreamweaver助共享型用户界面设计,在AdobeCreativeSuite4的不同组件之间更快、更明智地工作。使用工作区切换器可以从一个工作环境快速切换到下一个环境。下面是由小编为你精心编辑的Dreamweaver网页设计制作技巧,欢 -
Dreamweaver网页设计制作的技巧
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器。下面小编整理了Dreamweaver网页设计制作的技巧,供大家参阅。1)怎样将 Dreamweaver 集成到 IE 浏览器?Dreamweaver 安装程序会在上下文选单增加一个“ -
提高 Dreamweaver网页设计制作技巧
1、灵活运用样式熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择CustonStyle来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上 -
淘宝网页美工设计制作网店首页的技巧
网店首页是淘宝网页美工设计重点之一,一般来说淘宝美工会在网店首页上花费很大的精力去设计制作,力求给大家带来一个精美漂亮的店铺。那么淘宝网页美工设计如何制作网店首页呢?1.店铺首轮海报设计要传递最新商品信息,店 -
网页设计制作小技巧
找准中心点主要材料:彩纸 一张所需工具:剪刀 一把制作步骤:第1步:第2步:第3步:第4步:第5步:第6步:第7步:第8步:叶子可以更漂亮一些第9步:第10步: -
网页设计制作技巧
网站的主要结构页面,又称次首页、内页,大型网站往往框架页即首页,如一些门户网站。框架页主要是网站内部主要栏目的首页,讲究风格的一致性,并于主页呼应。下面是YJBYS小编整理的网页设计制作技巧,希望对你有帮助! 一、页 -
web网页设计的技巧
Web设计师往往会同时负责多个项目,在每个项目上都多花费一些时间,那么他们就很可能不得不加班来完成。下面是小编为大家整理的web网页设计的技巧,欢迎参考~ 1. 积极选择相同元素虽然在插图中选择相同的元素是一个很小 -
Dreamweaver制作网页小技巧
Adobe Dreamweaver,简称"DW",中文名称 "梦想编织者",是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作 -
网页设计案例分享:网页专题设计技巧
今天本文搜集了优秀的色彩运用案例与大家分享,希望这些案例能带给你灵感!Netlife ResearchCollisionInstagalleryFIFeThe Material GroupWVA 2011Orange SprocketCo ExhibitionsSpoonGerren LamsonYunarec beatAssistl