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”命令。还可以修改 Windows 的注册表,就象 MS Word 、Frontpage 和 Notepad ⼀样,通过 IE ⼯具栏的编辑按钮来调⽤ Dreamweaver 打开当前⽹页。
将下⾯⽂本的最后⼀⾏要改为你⾃⼰的 Dreamweaver 安装路径,把它们保存为⼀个 *.reg ⽂件,双击它将信息添加到注册表即可。
REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]
@="\"D:\\Macromedia\\Dreamweaver 3\\\" \"%1\""
如果要设置为 IE 缺省的编辑器,打开 IE 的“Internet 选项”,在程序标签指定。
5、如何避免点击空链接的对象时会跳到页⾯的顶端的现象
浏览器以为链接到同⼀页,可它⼜不到定义的书签(anchor),于是停留在页⾯的顶端。⽤“javascript:void(null)”替换空链接
的“#”,解决这个问题,或者加多⼏个#号。
6、如何解决使⽤ CSS 、层时,在不同浏览器的效果不⼀样,有时甚⾄出现错位的现象?
不要混合使⽤层和表格排版(如果是⽗⼦关系,如层中表格,不在此原则范围内)
内联式的 CSS 在 Netscape Navigator 中经常会出现问题,使⽤链式或内嵌式;
有时需要在空层插⼊表格或者透明图⽚,以保证在 Netscape Navigator ⾥的效果。对于只有⼏个像素宽度或⾼度的层,改⽤图⽚来实现;
避免使⽤ W3C 组织不推荐的排版属性,⽤ CSS 代替。
7、如何在⽹页中加⼊注释
代码:< !-- 这是注释 -->
8、如何在⽹页中加⼊EMAIL链接并显⽰预定的主题
代码:< a href=“mailto:?Subject=你好”>Send Mail< /a>
9、如何制作电⼦邮件表单
在
中输⼊Action=“youremail@XXX.XXX”,提交采⽤POST⽅法。
10、如何避免别⼈将你的⽹页放⼊他的框架(FRAME)中
在源代码中的
…< /HEAD>之间加⼊如下代码:
if (self!=top){top.location=self.location;}
-->< /script>
11、如何⾃动加⼊最后修改⽇期
在源代码中的
…< /BODY>之间加⼊如下代码:
< Script Language=“JavaScript”>< /Script>
12、如何让背景图象不滚动
代码:dw怎么制作网页
在Dreamweaver中⽤「Text」-「Custom Style」-「Edit Style Sheet」-「New」-Redefine HTML Tag中选择Body,然后在Background中的Attachment⾥选fixed
13、如何将⽹页定时关闭
进制转换器计算器在线在源代码中的
后⾯加⼊如下代码:
< script LANGUAGE=“JavaScript”> < /script>
在代码中的60000表⽰1分钟,它是以毫秒为单位的。
14、如何定义⽹页的关键字(KeyWords)
格式如下:
< meta name=“keywords”content=“dreamweaver,flash,fireworks”>
content中的即为关键字,⽤逗号隔开,在Dreamweaver中⽤「Insert」-「Head」-KeyWords命令
15、如何设置命令来关闭打开的窗⼝
在源代码中加⼊如下代码:
< a href=“/”οnclick=“javascript:window.close(); return false;”>关闭窗⼝< /a>
16、如何在⽹页中加⼊书签,在页⾯内任意跳转
在源代码中需要插⼊书签的地⽅输⼊,在调⽤的地⽅输⼊Top,其中的top是你设定的书签名字。在Dreamweaver中⽤菜单的「Insert」-「Name Anchor」命令插⼊书签,调⽤时,在Link中输⼊#top,top为书签名。
如果要在多个页⾯之间任意跳转,⽅法与上⾯类似,不过做链接时要在书签名前加上⽹页⽂件名,如:other.htm#top,这样⼀来就会跳转到other.htm页⾯中的top书签处。
17、如何为不⽀持框架的浏览器指定内容
在源代码中加⼊下⾯代码:
< BODY>本⽹页有框架结构,请下载新的浏览器观看< /noframes> BODY>
18、如何使表格(TABLE)没有边框线
将表格的边框属性:border=“0”
19、如何隐藏状态栏⾥出现的LINK信息
请使⽤如下代码:
< a href="www.tastelife" onMouseOver="window.status= none ;return true">品味⼈⽣< /a>
20、如何定时载⼊另⼀个⽹页内容
在源代码中的
…< /HEAD> 加⼊如下代码:
21、如何为⽹页设置背景⾳乐
代码:< EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”>
src:⾳乐⽂件的路径及⽂件名;
autostart:true为⾳乐⽂件上传完后⾃动开始播放,默认为false(否)
loop:true为⽆限次重播,false为不重播,某⼀具体值(整数)为重播多少次
volume:取值范围为“0-100”,设置⾳量,默认为系统本⾝的⾳量
starttime:“分:秒”,设置歌曲开始播放的时间,如,starttime=“00:10”,从第10开始播放
endtime: “分:秒”,设置歌曲结束播放的时间
width:控制⾯板的宽英格兰vs威尔士谁开球
height:控制⾯板的⾼
controls:控制⾯板的外观
controls=“console/smallconsole/playbutton/pausebutton/stopbutton/volumelever”
·console:正常⼤⼩的⾯板
·smallconsole:较⼩的⾯板
·playbutton:显⽰播放按钮
·pausebutton:显⽰暂停按钮
·stopbutton:显⽰停⽌按钮
·
volumelever:显⽰⾳量调节按钮
hidden:为true时可以隐藏⾯板
22、如何去掉链接的下划线
在源代码中的
…之间输⼊如下代码:
a { text-decoration: none}
--> < /style>
在Dreamweaver中⽤「Text」-「Custom Style」-「Edit Style Sheet」-「New」-Redefine HTML Tag中选择a,然后在decoration 中选中none
23、timeline中的layer⾛曲线
要使得timeline中的layer⾛曲线,得先让他⾛出直线来,然后在最后⼀frame和第⼀frame中间的任何⼀frame上点右键,可以看到有个add keyframe ,点⼀下,然后把你的layer移动到你要的位置,DW
会⾃动⽣成曲线
24、如何隐藏不必要的标签
当⽤户在⽹页中插⼊了不可见的元素时,Dreamweaver会⾃动在页⾯上添加⼀个与之相应的元素标签,以便于⽤户选择不可见元素。但这并不全是件好事,⽐如你在⼀个有很多层的页⾯中的第⼀⾏便插⼊⼀个表格,就会发现由于⾸⾏排列了太多的层元素标签⽽使得表格⾃动退到了页⾯的第⼆⾏,虽然在浏览时并不影响效果,但这确确实实会阻碍你的⼯作。所以当你觉得某个元素标签碍⼿碍脚时,就索性将之屏蔽掉。⽅法是按“Ctrl+U”打开“Preferences”⾯板,在“Category”中选中“Invisibel Elements”,在⾯板的右边将会出现所有的元素标签。只要将讨你厌的元素标签前的勾去掉,以后它就保证不会再出现了。
25、如何调⽤“Style”⽽不致使⽹页原代码混乱不堪
调⽤“Style”的⽅法很多,你可以单击右键选择“Custon Style”来调⽤“Style”规范,也可以在状态栏中的元素列表上单击右键来调⽤“Style”。虽然不同的⽅法达到的效果看似⼀样,但实际上产⽣的HTML代码则完全不同。⽐如⽤“CustonStyle”来调⽤“Style”规范,在⽹页代码中就⽣成⼀个〈span〉标签,这样的标签⼀多就会使⽂件⼗分臃肿⽽且影响浏览器的解析速度,所以我建议尽量使⽤状态栏中的元素列表来调⽤“Style”。还有⼀个⼩技巧,如果你要使⽤⼀个“Style”定义某表格单元中的所有⽂字,只要在
简单属性是指什么的属性〈td〉标签中调
⽤“Style”就⾏了,⽽不需要在⼀个个定义〈p〉标签。注意这个⽅法不使⽤与〈table〉标签,因为在〈table〉标签中⽤“Style”定义的⽂字格式会被Netscape忽略。
26、如何改变浏览者的⿏标形状
这是通过编辑样式表来实现的。具体⽅法是:选择“⽂字(text)->定制样式(CSS Style)->编辑样式表(Edit Style Sheet)”,弹出编辑样式表窗⼝,在其中选择“新建(new)”。接着选择“建⽴⼀个定制的样式(Make custom style),给这个样式表起名,单击确定。编辑该样式表,选择扩展项(extension),在右边的光标项(Cursor)中选择要出现的指针效果即可。
27、如何安排布置Dreamweaver各种各样的⼯具⾯板
⼀个800X600分辩率的屏幕对于Dreamweaver来说确实⼩了些,不过即便是1024X768,也放不下所有的⾯板。
关闭那些在编辑中暂时⽤不到的⾯板,把常⽤的⾯板放在⼀起,节省屏幕空间;
除⾮现在要⽤,否则关闭“HTML Source Inspector”,它除开占⽤屏幕空间,还占⽤相当的系统资源;
private void
按 F4 隐藏所有打开的⾯板,⼀览⽂档的全貌,再按⼀下,显⽰⾯板;
在“Windows”选单有个“Arrange Floating Palettes”命令,使⽤这个命令将所有打开的⾯板放在窗⼝四周,并互不重叠。
多⽤快捷键并熟练掌握是很好的提⾼⼯作效率的⽅法。
当添加不可见的对象时,Dreamweaver会在⽂档窗⼝的页⾯顶部加上相应的图标,如果图标太多,可能妨碍编辑。可以
按“Ctrl+Shift+I”(主选单View|Invisible Elements)来隐藏和显⽰它们。也可以设定不出现这些图标,不过不建议这样作,因为它们能帮助选择对象,便于编辑。
28、改变状态栏提⽰⽂字
⼀般情况下,当浏览器装⼊⼀个页⾯时,在其状态栏上显⽰的是该页⾯的地址名称,⼗分呆板。你有没有想过给浏览器的状态栏增加⼀点个性呢?如果有的话,那么请按照以下的步骤,定制⾃⼰喜欢的⽂字吧!⾸先打开“Behaviors”⾏为编辑窗,单击“+”按钮,选择“Set Text Set”下的“Text Of Status Bar”选项,然后在⽅框中输⼊⾃⼰的⽂字,例如“欢迎来到我的主页”等,单击[确定]即可。
29、在DW中设置⽔平标尺的颜⾊
由于在NC中不⽀持
的COLOR属性,所以在DW中没有此项设置,你只能在HTML中加⼊代码: color=“颜⾊代码”
30、如何精确的定位⽹页中各个元素的位置
精确定位⽹页中各个元素的位置有两种⽅法:使⽤表格或层。
使⽤表格是⽬前⽐较通⽤的做法,具体⽅法是:先在⽹页中建⽴⼀个表格,注意表格的边框宽度应为0。然后再把各个元素按照你的要求放在各个表格单元之中。仔细调整表格单元的⼤⼩以及表格边框的位置,这时在表格单元中的元素也会随之移动位置。这样你就可以⽐较精确的定位⽹页中各个元素的位置了。使⽤表格的优点是通⽤,⼏乎各个版本的浏览器可以致⽀持表格。它的缺点是使⽤起来⽐较⿇烦,需要仔细进⾏调整,⽽且定位不⼗分精确。
层在⽹页中可以随意放置,因此我们可以使⽤层来进⾏精确定位。使⽤⽅法是,在⽹页中插⼊⼀个层,然后把你想要定位的元素放在层⾥,接着我们就可以把层放到所想要任何位置了。此外,你还可以借助标尺和⽹格进⾏精确的定位。 因为层只在最新的浏览器中被⽀持,所以为了兼容旧的浏览器,我们可以把层转变为表格。⽅法是:选择“修改(Modify)->版⾯布局模式(Layout Mode)->把层转化成表格(convert layers to table)”即可。注意这时的层不能有重叠,我们可以在插⼊层之前选择“查看(vi
update upgradeew)->防⽌层交错(prevent layer overlaps)”来避免层的重叠。⼀般来说转换后的页⾯可能会有⼀些变化,还需要我们⼿⼯进⾏调整。
最后有⼀点要注意,在进⾏表格和层的相互转换时,最好不要在⼀个页⾯中同时使⽤层与表格,那样可能会把你的页⾯弄的⼀团糟。
31、如何制作⼀个类似于下拉菜单的效果
制作⼀个类似于下拉菜单的效果需要⽤到层的隐藏和显⽰特性。具体的⽅法是:
在页⾯中插⼊⼀个单⾏多列的表格,作为你的菜单条。表格的列数由菜单选项的多少决定。插⼊⼀个层,在层中输⼊第⼀个下拉菜单的内容,并把这个层移动到表格第⼀列的下⾯。
同理,对其它的菜单项也作如上的操作,插⼊相应的层。把所有层的显⽰属性(vis)改为隐藏(Hidden)。选择表格的第⼀个单元,单击窗⼝(Windows)->⾏为(Behaviors),弹出⾏为⾯板。按下“+”添加⾏为Show-Hide layers,并将第⼀个层(Layer1)属性改为显⽰(Show),其它层的属性改为隐藏(Hide)。接着在⾏为⾯板中编辑这个⾏为,将它的触发事件(events)改为onMouseover。这样,当⿏标移动到第⼀个表格单元之上时,第⼀个下拉菜单就会显⽰出来。接着再添加⼀个⾏为Show-Hide layers,并将所有层的属性改为隐藏。接着在⾏为⾯板中编辑这个⾏为,将它的触发事件(events)改为onMouseout。这样当⿏标从第⼀个表格单元之上移开时,第⼀个下拉菜单就会隐藏起来。
对其它的菜单项重复e、f操作。但要注意设置“菜单⼆”时,第⼆层显⽰,其它层隐藏;设置“菜单三”时,第三层显⽰,其它层隐藏;依此类推下去。
32、⽤TracingImage帮助定位⽹页中各元素的位置
TracingImage是Dreamweaver2新增的⼀个⾮常有效的功能,它允许⽤ 户在⽹页中将原来的图案设计搞作为辅助的背景。这么⼀来,拥护就可以 ⾮常⽅便地定位⽂字、图象、表格、层等⽹页元素在该页⾯中的位置了。TracingImage的具体使⽤是这样的:⾸先使⽤各种绘图软件作出⼀个想象中⽹页排版格局图,然后将此图保存为⽹络图象格式(包括gif,jpg,jpeg和png)。⽤Dreamweaver打开你所编辑的⽹页,在页⾯的空⽩区单击右键,选择“”,然后在弹出的对话框中的Tracing Image项中输⼊刚才创建的⽹页排版格局图所在位置。再在Image Transparen中设定TracingImage的透明度,OK。这样你就可以在当前⽹页中⽅便地定位各个⽹页元素的位置了。使⽤了TracingImage的⽹页在⽤Dreamweaver编辑时不会再显⽰背景图案,但当使⽤浏览器浏览时正好相反TracingImage不见了,所见的就是经过编辑的⽹页(当然能够 显⽰背景图案)。
33、关于“Convert Table widths to Pixels”和“Convert Table widths to Percent”
“Convert Table widths to Pixels”和“Convert Table widths to Percent”是Dreamweaver2新增的两个设置表格宽度的重要功能。当你打开⼀个带有表格的⽹页时,在状态栏中点中〈table〉标签,在随后显⽰
出的表格属性 ⼯具⾯板中就能看到这两个按钮了。顾名思
义“Convert Table widths to Pixels”就是将表格中所有单元的宽度以象素表⽰,⽽“Convert Table widths to Percent”是将表格中所有单元的宽度以百分⽐表⽰。仔细想想他们的 作⽤,如果将⼀个表格的宽度全以象素表⽰,但浏览窗⼝被放⼤时,表格 就不会随之放⼤单元格的宽度。⽽使⽤了“Convert Table widths to Percent”后能够使你在640*480分辨率下建⽴100%宽的表格在更⾼的分辨率下依旧保 持100%的宽度。所以活⽤这两个功能可以是⽹页排版事半功倍。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论