Dreamweaver新手进阶实用技巧全知道
个人深知自学网页制作的不易,本专题没有什么特别的,就是平时个人学习DW是常遇到的一些问题,把这些小技巧整理集中到一起,有好的DD大家一起分享共同进步,现在还在努力学习中!
1.如何制作网页中的原角表格:
有几种方法,先介绍一种图片法:
第一、做两个导角的图片,这两个图片可以先做一个图片,然后到PHOTOSHOP里垂直翻转一下就行了,导角图片的做法,我简单的给大家介绍一下,首先用PHOTOSHOP先画一个矩形,然后羽化,然后levelsql如何创建临时表。然后切图。OK!
第二、 部署图是一种动态模型在中间插入一个背景颜同图片一样的表格,长度也设为图片的长度,将这个表格的cellpad设为1,其他都为0就行了,cellpading是表格边宽的意思,一定要设,不然就无法形成表格两边的线了。
第三、然后在这个表格里再插入一个宽度为100%的表格,背景设为网页的背景。可以将这个表格的cellpad设为3,其他可以设为0,然后我们将这个表格的对齐方式设为top,这样我们就完成了这个带导角的表格的框架。
第四、 最后我们就可以在里面打字了,我们可以把这个部分当然一个整体,复制并粘贴到页面上不同的地方,你还可以做几个不同长度的图片,放置到页面上各个部位,就可以了。
2.如何制作网页中的背景条纹:
第一、在Photoshop新建一个文件,图像大小设置为 5*5像素。
第二、用放大镜将图纸放到最大,用矩形选取工具,画一个软件源码修改5*1大小的框,然后填充上你喜爱的彩。另存为.gif文件。
第三、设置这个.gif为透明效果。然后在Dreamweaver中将它设置为背景图像,现在可以看到效果了吧?:) 至于条纹的密度和彩,你可以灵活定义的。
3.如何添加透明flash:
用Dreamweaver打开网页,到要透明的FLASH添加 <param name="Wmode" value="transparent">
4.如何输入空格:shift+crtl+space
5.解决换行间距太大问题:shift+enter
6.我有一张大图片,把它切割后在Dreamweaver中进行拼接,可是总是有间隙,不知为什么?
不知你是否把表格的边距、间距和边框设置为零,只要注意在分割图片时切片之间的距离和表格的设置就行了。
7.请问当点击链接时,如何让链接的窗口“跳”出来,而不是让原来的页面转到那个链接的窗口呢?
你可以选中该链接,然后把属性面板上的“Target(目标)”改为“_blank”便可以了(如图1)。
图1
8.我在编辑网页时经常要输入空格,但是总是不让输入!请问如何输入?
这个问题经常有人提起。其实在Dreamweaver中是不能直接输入空格的,你可以单击“Insert(插入)”——“Non-Breaking Space(插入空格)”(快捷键:Ctrl+Shift+空格键)来实现输入空格的目的,但是要注意在编辑状态下是看不到效果的,只有在浏览器上才能看到!另外一种非常简单的方法是:将你的输入法设置为全角状态(如图2)。如果你想在编辑状态下看到的话,告诉你个最原始的办法:在一些文字编辑软件中(比如记事本)复制空格,然后在Dreamweaver中进行粘贴。
图2
9.我做的网页四周总是留一点距离,我想让它靠边该如何操作呢?
选择Modify(修改)——Page Properties(页面属性),在出现的对话框中把Left Margin(左边界)、Top Margin(上边界)、Margin Width(边界宽)和Margin Height(边界高)都设置为“0”便可以了(如图3)。
图3
10.为了方便,我的主页有很多地方用了层,但是在朋友的电脑上不能正确显示(注:朋友的浏览器是IE3.0版本的)!不知为何?
IE3.0并不能对所有的层都正确识别,考虑到有的网友还在使用较早的浏览器,你可以把层
转化为表格。具体方法是单击“File(文件)”菜单,选择“Convert(转化) ”,然后选择“3.0 Browser Compatible(3.0版浏览兼容)”,在出现的对话框中选中“Layers to Table(将层转为表格)”,最后点OK便是。
11.在用Dreamweaver编辑网页时,出现了黄标识符,不知为什么?
这是由于网页代码中标识符不匹配或非法标识符引起的,解决方法就是删除掉非法标识符或改正不正确的代码。如何实现圆形按钮样式
12.我在网上经常看到一些关于Dreamweaver插件的介绍和下载,不知是什么意思?
插件是Dreamweaver的一个独特功能,使用它可以扩充Dreamweaver的功能,比如说你在网上下载了个可以制作动态下拉菜单的插件,那么以后你只要轻点几下鼠标设置一下就会制作出个动态下拉菜单来,不会再像以前那样费事了。
13、所有的head元素不可成为库组件,所有元素在被insert library时,其head关联属性被去掉,如style、CSS属性。
14、library组件和template模板不用上传服务器,就可以正确预览使用了该组件或模板的页面。
15、使用“check plugin”behavior来确定访问者浏览器是否安装flash插件,有时候会判断失误,比如明明装了插件却报告没有安装。最好在flash的publish里面设置清楚,而不是简单的输出成.swf文件。
16、不要在同一个页面同时使用表格和层来布置,在Netscape中会导致混乱,从属关系除外。
17、使用层的时候最好定义为div标签而不是layer,因为前者在两种主流浏览器都有很好的 兼容性。
18、在用图片制作热区链接时,最好给热区命名,防止有时只能在图片上画出直线。
19、当我们将框架结构建立好后,可以将此框架体文件和Site窗体并排放置,然后从Site中选择网页文件拖放到相应的框架中。这适用于框架比较复杂的页面。
20、如果对一张图片不满意,想更换另一张,最简单的方法双击此图片,直接选择要替换的图片即可。
21、在预览网页之前最好先保存一下,有时候在不能正确预览网页,而存一下就可能会解决这个问题。
22、如果你的页面中使用了CSS或是Java Applet,最好不要使用“file->convert->3.0 browser compatible”命令,因为这一选择会把所有3.0 浏览器不认识的定义都抹去。最可怕的是我们不知道在这个过程中Dreamweaver 到底做了什么,具体发生了那些变化。而且要提醒你,对一批页面执行此操作时,一定要先备份,否则可没地方买后悔药。
23、没有任何内容的表格单元在NC中不会显示出来,这时可以插入透明的gif来解决这个问题。
24、design note只能在本地的dreamweaver中被调用,而网页浏览者下载此页面却看不到这一注释。如果你希望别人也能看到,可使用comment功能。
25.如何去掉页面滚动条: 在body中加入如下代码 <body bgcolor="#000000" leftmargin="0"
topmargin="0" >
26、使用“hide/show layer”Behavior后,如果在Netscape中有个别的图层无法显示出来,可以在dreamweaver中删掉此图层,再重新定义它,一切就正常了。
27.如何在浏览器地址栏前添加自定义的小图标?
是不是记得有时在浏览网易网站的首页时,在地址WWW.163.COM前会显示一个“易”字样的小图标。而默认情况下,这个图标是一个IE浏览器的指定图片。 其实这也不是什么高深技术,只不过在网站目录下添加了一个特定文件而已。 这时,我们需要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico,然后上传到相应目录中。在HTML源文件“<head></head>”之间添加如下代码: <Link Rel="SHORTCUT ICON" href="图片的地址(注意与刚才的目录对应)"> 其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时,就更简单了,只需将图片上传到网站根目录下,即可自动识别!
28.为什么,我本来设计很好的网页,在浏览器窗口最小化时会变的丑陋难堪?
这应该是个很值得大家注意的问题,也就是说,在全屏状态下浏览网页内容时,一点问题也没有。当我们使用窗口的最小化命令或手动的调整窗口的大小时,问题就慢慢出现了。网页内容会把当前窗口作为显示范围,依次下挫。举个例子,和在记事本中有“自动换行”和“没换行”的差别是完全一样的。 解决这个问题,我们必须从网页的布局说起,一般情况下,网页内容的定位大多是通过表格来实现的。因此问题的“毛病”也就出在表格上。 请看下面一个表格的属性面板显示: 你可能已经注意到了,在表格的高宽设定选择上提供了两种不同的类型,百分比和像素。其中百分比的使用将会产生前面说到的那个毛病,将其全部更正为Pixels单位的实际大小就可以了。
29. 如何改变网页显示时,最顶部的提示信息?
浏览网页时,顶部的提示信息往往代表了网页内容的关键所在,有助于访问者提前了解网页内容。在DW4前,没有在功能上直接提供该操作,我们往往通过在源代码中应用“title”属性来完成。进入DW4就简单多了。 直接在编辑窗口最上方的“title”输入框内键入所需要的文字信息即可。
dw怎么制作网页30.怎么样,才能为图片添加指定颜的边框?
对于没有边框的图片而言,直接插入到网页中,在显示效果上是相当差的。记得在微软的FP中要给图片添加满意的边框还是相当麻烦的。 不过在DW中就显得容易多了,因为这里有一个“Border”属性,可以让你直接设置边框的宽度。 宽度设好了,你一定会问,颜呢?面板上并没有提供颜的选择呀!呵呵,其实这里有一个技巧问题,用鼠标选择图片对象,注意不是点击选中,而是拖动选择。象设定文字颜一样进行就可以了。
31. 如何添加图片及链接文字的提示信息?
在我们浏览网页时,当鼠标停留在图片对象或链接上时,在鼠标的右下有时会出现一个提示信息框。对目标进行一定的注释说明。在一些场合,它的作用是很重要的。 下面先看看图片提示信息的添加,选中图片对象,在属性面板里你会发现有个“Alt”输入框。默认情况下,该输入框是空白的。在这里录入需要的提示内容就可以了。 那么链接提示的制作就没这么简单了。因为DW中没有直接提供该功能,因此我们需要通过添加HTML代码来实现。 在<a href=“” >中添加“title”属性。title=提示内容即可。
32.如何把自己的ZIP或其他类型的文件供别人下载?
在不少初级网页制作者看来jqx三兄弟,好象通过鼠标单击完成下载是件很"神秘"的事,实际上远非如此.在DW中凡是不被浏览器识别的格式文件(HTM,HTML,ASP,PHP.PERL,SHTML等以外的)作为链接目标时,默认的操作都是下载. 这时你只需要,把要浏览者下载的文件名写好,然后制作一个到目标文件的链接.注意目录一定不要搞错.
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论