三十三个Dreamweaver使用技巧_第1页
三十三个Dreamweaver使用技巧_第2页
三十三个Dreamweaver使用技巧_第3页
三十三个Dreamweaver使用技巧_第4页
三十三个Dreamweaver使用技巧_第5页
已阅读5页,还剩3页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、三个 Dreamweaver 使用技巧1、在 Dreamweaver 3 中输入空格1)能用中文的全角状态下按空格键,强烈推荐2)插入一个透明的图3)用pre标签里写你的内容4)object 里的 invisiables 里的 none-breaking space 点一下5)instert 菜单下的 none-breaking space6)CTRL+SHIFT+空格键加入7)CTRL+T 去掉尖括号,键入  ; (注后面四个是的实质都是相同的)2、实现浏览器状态栏中的滚动字幕按下F8键,在Behaviors窗口中选取Behaviors,单击“ + ”号,再选取Set TextSet

2、 Text of Status Bar”,最后在弹出的对话框中写上你想在状态栏出现的文字就能了。3、制作鼠标移动上去会有变化的动态链接图像首先准备两幅图,第一幅是原始图像,另一幅是鼠标移动上去后的图像。用鼠标单击第 一幅图,在属性面板中的链接栏中填上要链接的文件,然后按F8,在Behaviors窗口中点击 “ + ”号,选择“Swap Image”,在出现的窗口中选择第二幅图,点击确定,就成功了。4、将 Dreamweaver 集成到 IE 浏览器Dreamweaver安装程式会在上下文选单增加一个“Edit with Dreamweaver”命令。还能 修改 视窗系统 的注册表,就象 MS

3、Word 、Frontpage 和 Notepad 相同,通过 IE 工具栏 的编辑按钮来调用 Dreamweaver 打开当前网页。将下面文本的最后一行要改为你自己的 Dreamweaver 安装路径,把他们保存为一个 *.reg 文件,双击他将信息添加到注册表即可。REGEDIT4HKEY_CLASSES_ROOT .htm OpenWithList Dreamweaver HKEY_CLASSES_ROOT .htm OpenWithList Dreamweaver shell HKEY_CLASSES_ROOT .htm OpenWithList Dreamweaver shell e

4、dit HKEY_CLASSES_ROOT .htm OpenWithList Dreamweaver shell edit command = D: Macromedia Dreamweaver 3 dreamweaver.exe %1 如果要设置为IE缺省的编辑器,打开IE的“Internet选项”在程式标签指定。5、怎么避免点击空链接的对象时会跳到页面的顶端的现象浏览器以为链接到同一页,可他又未找到定义的书签(anchor),于是停留在页面的顶 端。用“javascript:void(null)”替换空链接的“#”,解决这个问题,或加多几个#号。6、怎么解决使用 CSS 、层时,在不同浏

5、览器的效果不相同,有时甚至出现错位的现象?不要混合使用层和表格排版(如果是父子关系,如层中表格,不在此原则范围内) 内联式的 CSS 在 Netscape Navigator 中经常会出现问题,使用链式或内嵌式; 有时需要在空层插入表格或透明图片,以确保在 Netscape Navigator 里的效果。对于只 有几个像素宽度或高度的层,改用图片来实现;避免使用 W3C 组织不推荐的排版属性,用 CSS 代替。7、怎么在网页中加入注释代码:8、怎么在网页中加入EMAIL链接并显示预定的主题代码:Send Mailv /a9、怎么制作电子邮件表单在vFORM中输入 Action= “yourem

6、ailXXX.XXX” 提交采用 POST 方法。10、怎么避免别人将你的网页放入他的框架(FRAME)中在原始码中的之间加入如下代码:cvri!-p-t”if (self!=top)top.location=self.location;-v /script11、怎么自动加入最后修改日期在原始码中的之间加入如下代码:12、怎么让背景图象不滚动代码:vBODY Background= “bg.gif” Bgproperties= “fixed” 在 Dreamweaver 中用Text-Custom Style J -Edit Style Sheet J -New-Redefine HTML T

7、ag 中选择 Body,然后在 Background 中的 Attachment 里选 fixed13、怎么将网页定时关闭在原始码中的后面加入如下代码: 在代码中的 60000 表示 1 分钟,他是以毫秒为单位的。14、怎么定义网页的关键字(KeyWords)格式如下:content中的即为关键字,用逗号隔开,在Dreamweaver中用Insert-Head-KeyWords 命令15、怎么设置命令来关闭打开的窗口在原始码中加入如下代码:关闭窗口16、怎么在网页中加入书签,在页面内任意跳转在原始码中需要插入书签的地方输入,在调用的地方输入Top,其中的top是你设定的 书签名字。在Dream

8、weaver中用菜单的Insert-Name Anchor命令插入书签,调用时, 在Link中输入#top, top为书签名。如果要在多个页面之间任意跳转,方法和上面类似,不过做链接时要在书签名前加上网 页文件名,如:other.htm#top,这样一来就会跳转到other.htm页面中的top书签处。17、怎么为不支持框架的浏览器指定内容在原始码中加入下面代码:BODYvnoframes本网页有框架结构,请下载新的浏览器观看 /noframesx/ BODY18、怎么使表格(TABLE)没有边框线将表格的边框属性:border= “0”19、怎么隐藏状态栏里出现的 LINK 信息请使用如下代

9、码:a href= HYPERLINK onMouseOver=window.status= none ;return true品味人 生20、怎么定时载入另一个网页内容在原始码中的v /HEAD加入如下代码:40秒后将自动载入所在的网页21、怎么为网页设置背景音乐代码: src:音乐文件的路径及文件名;autostart: true为音乐文件上传完后自动开始播放,默认为false(否) loop: true 为无限次重播, false 为不重播,某一具体值(整数)为重播多少次 volume:取值范围为“0-100”,设置音量,默认为系统本身的音量starttime: “分:秒”,设置歌曲开始

10、播放的时间,如,starttime= “00:10”,从第10开始播放 endtime:“分:秒”,设置歌曲结束播放的时间width:控制面板的宽height:控制面板的高controls :控制面板的外观 controls=“console/smallconsole/playbutton/pausebutton/stopbutton/volumelever”?console :正常大小的面板?smallconsole :较小的面板 ?playbutton:显示播放按钮?pausebutton:显示暂停按钮?stopbutton:显示停止按钮 ?volumelever:显示音量调节按钮hidd

11、en :为true时能隐藏面板22、怎么去掉链接的下划线在原始码中的 y/HEAD之间输入如下代码: 在 Dreamweaver 中用Text-Custom Style J -Edit Style Sheet J -New-Redefine HTML Tag中选择a,然后在decoration中选中none23、timeline 中的 layer 走曲线要使得timeline中的layer走曲线,得先让他走出直线来,然后在最后一 frame和第一 frame 中间的所有一 frame 上点右键,能看到有个 add keyframe ,点一下,然后把你的 layer 移动到你要的位置,DW会自动

12、生成曲线24、怎么隐藏不必要的标签当用户在网页中插入了不可见的元素时,Dreamweaver会自动在页面上添加一个和之相 应的元素标签,以便于用户选择不可见元素。但这并不全是件好事,比如你在一个有非常多 层的页面中的第一行便插入一个表格,就会发现由于首行排列了太多的层元素标签而使得表 格自动退到了页面的第二行,虽然在浏览时并不影响效果,但这确确实实会阻碍你的工作。 所以当你觉得某个元素标签碍手碍脚时,就索性将之屏蔽掉。方法是按“ Ctrl+U ”打开“Preferences”面板,在“Category”中选中“Invisibel Elements”,在面板的右边将会出现 所有的元素标签。只要将

13、讨你厌的元素标签前的勾去掉,以后他就确保不会再出现了。25、怎么调用“Style”而不致使网页原代码混乱不堪调用“Style”的方法非常多,你能单击右键选择“Custon Style”来调用“Style”规范, 也能在状态栏中的元素列表上单击右键来调用“Style”。虽然不同的方法达到的效果看似相 同,但实际上产生的HTML代码则完全不同。比如用“CustonStyle”来调用“Style”规范, 在网页代码中就生成一个span标签,这样的标签一多就会使文件十分臃肿而且影响浏览 器的解析速度,所以我建议尽量使用状态栏中的元素列表来调用“Style”。更有一个小技巧, 如果你要使用一个“Styl

14、e”定义某表格单元中的所有文字,只要在td标签中调用“Style” 就行了,而不必在一个个定义p标签。注意这个方法不使用和table标签,因为在table 标签中用“Style”定义的文字格式会被Netscape忽略。26、怎么改动浏览者的鼠标形状这是通过编辑样式表来实现的。具体方法是:选择“文字(text)-制定样式(CSS Style) -编辑样式表(Edit Style Sheet)”,弹出编辑样式表窗口,在其中选择“新建bew)”。接着 选择“建立一个制定的样式(Make custom style),给这个样式表起名,单击确定。编辑该样式 表,选择扩展项(extension),在右边的

15、光标项(Cursor)中选择要出现的指针效果即可。27、怎么安排布置 Dreamweaver 各种各样的工具面板一个800X600分辩率的屏幕对于Dreamweaver来说确实小了些,不过即便是1024X768, 也放不下所有的面板。关闭那些在编辑中暂时用不到的面板,把常用的面板放在一起,节省屏幕空间; 除非目前要用,否则关闭“HTML Source Inspector”,他除开占用屏幕空间,还占用相 当的系统资源;按 F4 隐藏所有打开的面板,一览文件的全貌,再按一下,显示面板;在“视窗系统”选单有个“Arrange Floating Palettes”命令,使用这个命令将所有打开 的面板放

16、在窗口四周,并互不重叠。多用快捷键并熟练掌控是非常好的提高工作效率的方法。当添加不可见的对象时,Dreamweaver会在文件窗口的页面顶部加上相应的图标,如果 图标太多,可能妨碍编辑。能按“Ctrl+Shift+I”(主选单ViewlInvisible Elements)来隐藏和 显示他们。也能设定不出现这些图标,不过不建议这样作,因为他们能帮助选择对象,便于 编辑。28、改动状态栏提示文字一般情况下,当浏览器装入一个页面时,在其状态栏上显示的是该页面的地址名称,十 分呆板。你有没有想过给浏览器的状态栏增加一点个性呢?如果有的话,那么请按照以下的 步骤,制定自己喜欢的文字吧!首先打开“ Be

17、haviors”行为编辑窗,单击“ + ”按钮,选 择“Set Text Set”下的“Text Of Status Bar”选项,然后在方框中输入自己的文字,例如“欢 迎来到我的主页”等,单击确定即可。29、在 DW 中设置水平标尺的颜色由于在NC中不支持vhr的COLOR属性,所以在DW中没有此项设置,你只能在HTML 中加入代码:color= “颜色代码”30、怎么精确的定位网页中各个元素的位置精确定位网页中各个元素的位置有两种方法:使用表格或层。使用表格是目前比较通用的做法,具体方法是:先在网页中建立一个表格,注意表格的 边框宽度应为0。然后再把各个元素按照你的需求放在各个表格单元之中

18、。仔细调整表格单 元的大小及表格边框的位置,这时在表格单元中的元素也会随之移动位置。这样你就能比较 精确的定位网页中各个元素的位置了。使用表格的好处是通用,几乎各个版本的浏览器能致 支持表格。他的缺点是使用起来比较麻烦,需要仔细进行调整,而且定位不十分精确。层在网页中能随意放置,因此我们能使用层来进行精确定位。使用方法是,在网页中插 入一个层,然后把你想要定位的元素放在层里,接着我们就能把层放到所想要所有位置了 此外,你还能借助标尺和网格进行精确的定位。 因为层只在最新的浏览器中被支持, 所以为了兼容旧的浏览器,我们能把层转变为表格。方法是选择“修改(Modify)-版面布局 模式(Layou

19、t Mode)-把层转化成表格(convert layers to table) ”即可。注意这时的层不能有重 叠,我们能在插入层之前选择“查看(view)-防止层交错(prevent layer overlaps)”来避免层 的重叠。一般来说转换后的页面可能会有一些变化,还需要我们手工进行调整。最后有一点要注意,在进行表格和层的相互转换时,最佳不要在一个页面中同时使用层 和表格,那样可能会把你的页面弄的一团糟。31、怎么制作一个类似于下拉菜单的效果制作一个类似于下拉菜单的效果需要用到层的隐藏和显示特性。具体的方法是:在页面中插入一个单行多列的表格,作为你的菜单条。表格的列数由菜单选项的多少决

20、 定。插入一个层,在层中输入第一个下拉菜单的内容,并把这个层移动到表格第一列的下面。同理,对其他的菜单项也作如上的操作,插入相应的层。把所有层的显示属性(vis)改为 隐藏(Hidden)。选择表格的第一个单元,单击窗口(视窗系统)-行为(Behaviors),弹出 行为面板。按下“ + ”添加行为Show-Hide layers,并将第一个层(Layerl)属性改为显示(Show), 其他层的属性改为隐藏(Hide)。接着在行为面板中编辑这个行为,将他的触发事件(events) 改为onMouseover。这样,当鼠标移动到第一个表格单元之上时,第一个下拉菜单就会显示 出来。接着再添加一个行

21、为Show-Hide layers,并将所有层的属性改为隐藏。接着在行为面 板中编辑这个行为,将他的触发事件(events)改为onMouseout。这样当鼠标从第一个表格单 元之上移开时,第一个下拉菜单就会隐藏起来。对其他的菜单项重复e、f操作。但要注意设置“菜单二”时,第二层显示,其他层隐 藏;设置“菜单三”时,第三层显示,其他层隐藏;依此类推下去。32、用TracingImage帮助定位网页中各元素的位置TracingImage是Dreamweaver2新增的一个非常有效的功能,他允许用 户在网页中将原 来的图案设计搞作为辅助的背景。这么一来,拥护就能 非常方便地定位文字、图象、表格、 层等网页元素在该页面中的位置了。Tracingimage的具体使用是这样的:首先使用各种绘图 软件作出一个想象中网页排版格局图,然后将此图保存为网络图象格式(包括 gif,jpg,jpeg 和png)。用Dreamweaver打开你所编辑的网页,在页面的空白区单击右键,选择“ Page Properties.”,然后在弹出的对话框

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论