Dreamwaver 常见问答解答


  CSS styles和HTML styles有什么区别?

  HTM style是指自定义HTML标识中一些标签,例如说在HTML中〈B〉〈/B〉标签是代表加粗的字体,那么在HTML Style中你可以改变对该标签的定义。它是针对元素标签进行定义。

  CSS Style是指自定义CSS样式表。在这里你可以按照自己的意愿指定文本、表格、背景等等一系列元素在页面中所能体现的样式。它是针对内容或者说从总体上对页面进行定义。

  从应用来说,当然是CSS样式表更广泛些。

  在建立一个新样式时,DW的默认项是建立外连式样式表,因为你可以随时改变它,应用起来很方便。但它还有另一个选项,就是内部样式,只应用到指定的页面中。

  推荐使用外连式样式表,便于应用于其它页面和编辑修改。

  怎样在网页中设置链接的颜色和下划线,以及响应鼠标的颜色和下划线变化?

  方法一(最简单的方法):按Ctr J键,打开页面属性设置对话框,直接改变Links、Visited Links和Active Links的颜色值。但该法不能设置鼠标悬停色和下划线变化。

  方法二:利用CSS设置。按Shift+F11键打开CSS Style浮动面板,点击其下部的“+”号,建立新样式。在弹出对话框的中部,选择Use CSS Selector,在上部的下拉框selector中,分别选择a:link(超链本身样式)、a:hover(超链鼠标悬停样式)、a:active(正激活的超链样式)和a:visited(已访问链接样式),在分别弹出的对话框中可随意设置不同状态下的颜色、字体、是否下划线等。

  当然,你也可直接在〈head〉〈/head〉之间直接加入以下代码:

  〈style type="text/css"〉

  a:link {}

  a:active {}

  a:visited {}

  a:hover {}

  〈/style〉

  其中{}内为设置的具体参数。例如

  a:hover {font-size: 9px; color: #FFFFFF; text-decoration: underline}

  就表示:当鼠标悬停在链接上,链接的字体为9磅字,颜色为白色,有下划线。

  如何在同一页面中定义两套不同的超链本身和其鼠标的响应样式?

  a.1:link {}

  a.1:active {}

  a.1:visited {}

  a.1:hover {}

  并且在要应用该CSS的连接上加: 〈a class=1 href="###"〉link〈/a〉

  以次类推,可以设定多套,名字不一定为数字,可以随便设定。

  在DW中,怎样设置页面的滤镜效果(如阴影、光照、透明、页面切换等)?

  下面是让图片半透明的例子,可以直接用代码实现。

  在〈head〉之间加入:

  〈style type=text/css〉

  .pic{filter:alpha(opacity=50)}

  〈/style〉

  在图片上加上〈img src="0008.jpg" width="303" height="385" class="pic"〉

  怎样设置表格虚线?

  方法一:作一个1X2的图。半黑半白,再利用表格作成线。这种方法虽然麻烦,但在任何浏览器中均可浏览,兼容性最好。

  方法二:在CSS里面设定。

  在CSS面板里new一个style,选择“redefine HTML Tag”,再在下拉菜单里先“table”,在弹出的面板里,category里选择border,在border里,将top,left,right,bottom都设成1px,颜色设成你想要的边框的颜色。然后在style下拉框里选择dashed。一切ok。只是所有的表格都会用虚线做边框了。注意,这个效果在浏览器里才能看见。

  方法三:直接在html里设置(如果你只想让某一个表格边框是虚线的话)。

  在表格的html里加上这个:

  style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"

  颜色是十六位代码,你可以自己设。方法二、三,只能在IE5.5里用,到了NETSCAPE里一点用处都没有,除非你用做好的底图填充。

  怎样在DW4中设置表格亮边框和暗边框?

  可以用以下三种方法来解决或者变通实现:

  1.做一个1px宽度有颜色的表格线,将表格边框 border设置为0,Cell space设置为0,Cell padding设置为0。打开样式面板新建一个样式。选择Border设置边框属性。选中整张表格应用这个样式即可。

  2、利用制作好的第三方的插件

  你可以到//www.paladinland.com/dreamweaver/tablebordercolor.zip下载,把解压文件直接放入Dreamweaver4/Configuration/Objects/common/就可以了。打开Dreamweaver4,把Object面板拉拉长,就可看见增加了新的表格对象插入选项。

  3、内外边框的边框的颜色可以用鼠标来选择。从表格的上方或者左方选择表格,鼠标会变成一个向下或向左的箭头形状,这时你就可以选中表格单元的内边框了。这是再设定属性栏中“Border” 的颜色即可。这样可以设定表格单元的内边框为不同颜色了。把cellspace设的大一点,效果更明显。

  推荐采用第一种方法。

  怎样让表格紧贴页面的左上方?

  方法一:Ctrl J,弹出Page Properties,将Left, Top, Margin Width, Margin Height 全部

  设为0。

  方法二:把下面一段代码加到你的〈body〉〈/body〉中

  topmargin="0" leftmargin="0"

  方法三:方法二只适用于IE,如果让其也适用NETSCAPE加入下面代码

  〈body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" 〉

  怎样改变下拉LIST表单的背景颜色?

  style=" BACKGROUND-COLOR: #ffd25b"

  这个#ffd25b就是我们想要的颜色值,可随意选择。

  下面就是一个具体的例子:

  〈SELECT style="FONT-SIZE: 9pt; WIDTH: 120px; BACKGROUND-COLOR: #ffd25b" onchange="window.open(this.options[this.selectedIndex].value,'_Blank')" size=1 name=select2〉

   〈option value="" selected〉=== 合作伙伴 ===〈/option〉

   〈option value="https://ent.sina.com.cn/"〉新浪网〈/option〉

   〈option value="https://www.163.com/entertainment/"〉网 易〈/option〉

   〈option value="https://entertainment.sohu.com/"〉搜 狐〈/option〉

  〈/SELECT〉

  怎样保证在不同分辨率下,在浏览器上显示的字体都比较美观?

  一般说来,9磅字比较美观,目前也最为最流行。注意我们说得9磅字是9pt,而不是9px。若选择后者,就难保在不同分辨率下字体的显示大小。对于新闻,常采用更大一号的字体。对于英文而言,可以选择7磅字,也很好看的。

  为什么在DW4中,字体设定不能保存?

  退出运行中的DreamWeaver,先备份好注册表。

   建立一个纯文本文件,其内容如下:

  REGEDIT4

  [HKEY_CURRENT_USERSoftwareMacromediaDreamweaver 4Font Preferences]

  "Number Encodings"=dword:0000000c

  "Default Encoding"=dword:00000005

  保存成为一个后缀是.reg的文件,然后执行这个reg文件,修改就会自动完成。

  如何在DW中加入空格

  对于DW的初学者,也许都曾经为空格的输入问题伤过脑筋。这是DW3就有的老问题了。可以用以下方法解决:

  1、输入全角空格

  可以使用中文输入时全角下的空格来输入。如果你用的是智能ABC的拼音输入的话,那请按SHIFT 空格,这时输入法的属性栏上的半月型就变成了圆型了,然后再敲空格键,空格就出来了。

  2、你也可以在输入的时候直接按CTRL SHIFT 空格,连按四次,就可以得到两个汉字大小的空格。或者直接输入 也可。如果用全角空格的话,可能在某些浏览器中看不到,这种方法虽然在制作过程中看不到空格,但对浏览器兼容性更好。

  3、把输入法转换成智能ABC,打 V+1+空格,也很好用的。

  4、将属性栏中的FORMAT设定为Preformatted后,就可直接输入空格。

  注:对于段落的首行缩进,不用加空格,最好设置CSS让〈p〉 缩进来得到首行缩进效果。

  DW中的文本汉字输入为什么总有问题?

  1、更换另一种输入法

  建议采用全拼输入,紫光拼音、拼音加加等输入法,不要采用常用五笔输入法。

  2、直接将中文文本信息拷贝进去。

  3、有时可输入,有时不可输入,就像输入法失去焦点一样,对这种情况,请点击一下DW4的标题和属性栏就可以输入了。

  4、尽量采用中文的Windows或Windows ME系统。

  如何在页面中制作由下向上滚动的文字?

  实例如下:

  〈marquee direction=up width=110 id=cool scrollamount=2 scrolldelay=80 height=50 onMouseOver=cool.stop() onMouseOut=cool.start()〉

  要得到最新更新信息〈br〉

  请订阅本站更新邮件〈br〉

  列表。〈br〉

  〈/marquee〉

  其中SCROLLAMOUNT='*' 设置快慢 DIRECTION=‘*’设置方向。

  如何改变浏览器的滚动轴的颜色?

  把下面代码加入到head之间改变一下颜色值就可以了。

  〈STYLE type=text/css〉BODY {

  SCROLLBAR-FACE-COLOR: #666666; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #666666; SCROLLBAR-DARKSHADOW-COLOR: #000000

  }

  〈/STYLE〉

  注意,只有IE5.5以上才有效。

  如何设置一打开页面就弹出一定大小窗口?

  把下列代码加到〈head〉〈/head〉之间即可。

  〈script language="javascript"〉

  〈!—

  window.open('sample.htm','','toolbar,menubar,scrollbars,resizable,status,location, directories,copyhistory,height=200,width=300');

  // --〉

  〈/script〉

  其中sample.htm为要打开窗口的的文件名。

  如何设置点击链接后,弹出一定大小(甚至全屏)的窗口?

  方法-:在连接(link)或在图片上设定behavior,open browser windows,在弹出的对话框中,设定其参数(包括弹出窗口的大小,浏览器有无工具条、菜单条、状态栏……等等)即可。

  方法二:在〈body〉〈/body〉之间加入以下代码即可:

   〈SCRIPT language=javascript〉

  ONCLICK="window.open('test.htm','Sample', 'toolbar=yes,location=yes,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no, copyhistory=yes,width=300,height=200,left=100,top=100')"

  〈/script〉

  window各项属性说明:

  toolbar=yes, 显示工具条

  location=yes,显示网址栏

  directories=no,导航条

  status=no,状态条

  menubar=yes,菜单

  scrollbars=yes,滚动条

  resizable=no,是否可以改变大小

  copyhistory=yes,历史按钮

  width=300,宽

  height=200'高

  left=100,距离左边100

  top=100,距离顶端100

  怎样定位新弹出窗口的位置?

  在〈body〉〈/body〉之间加入以下代码即可:

  〈script language="javascript"〉

  var popup=window.open("aaa.htm","","width=* height=*");

  popup.moveTo(*,*);

  〈/script〉

  *为数字,打开的文件要用相对路径。

  在DW中如何使插入的FLASH透明?

  这可以在FLASH文件发布为html文件的时候作处理,可自动在页面上生成可让swf文件透明的代码。最直接的办法是:选中swf,打开源代码窗口,在〈/object〉前输入

  〈param name="wmode" value="transparent"〉

  即可。

  怎样让别人能搜索到自己的页面?

  我们应用网页头部信息中的表单insert meta,就可达到目的!

  详细的解释:

  META是HTML语言HEAD区的一个辅助性标签。可以用于鉴别作者,设定网页格式,标注内容提要和关键字,以及刷新页面等等。

  META标签的NAME变量语法格式是:〈META NAME="XXX" CONTENT="参数”〉

  参数为:

  1.Keywords(关键字)

  说明:Keywords用来告诉搜索引擎你网页的关键字是什么。

  举例:〈 META NAME ="Keywords" CONTENT="love,universe,plants,compuler"〉

  2.description(简介)

   说明:description用来告诉搜索引擎你的网站主要内容。

   举例:〈 META NAME ="description" CONTENT="This page is about love,universe,plants,compuler."〉

  3.robots(自动向导)

  说明:robots用来说明搜索哪些页面需要索引,哪些不需要。CONTENT的参数有all,none,index,noindex,follow,nofollow.默认值为all。

  举例:〈 META NAME ="robots" CONTENT="none"〉

  4.author(作者)

  说明:标注网页制作者或制作组。

  举例:〈 META NAME ="author" CONTENT="xiaxue,linpingq@etang.com"〉

  如何让网页的大图片更快更好的显示?

  首先在保证图片容许效果的情况下,尽量压缩图片大小,将其保存为优化的jpg或gif格式,这是加速图片显示速度的关键。

  还可在要求显示的图片之间先显示一张低素质的图片。在图片属性面板的low src中设定。

  对于几何尺寸较大的图片可用Firework切割成小图片。

  Gif格式的图片,保存时选择“交错”显示,可以让图片由模糊到清晰的显示出来。

  但对Jpg格式的图片,只能又上到下逐渐显示。

  怎样安装DW的插件?

  做网页时的表格宽度用百分比做, 不用固定的像素做, 这样在不同的分辩率下就是一样的, 只是页面的进行收缩, 不过这种方法适用于以色块布局的页面比较好,如图像为主的就不是很好做。

  要用表格全部用表格,要用层就全部用层。

  字体大小以piont定义,而不用pix定义。

  如何改变鼠标形状?

  打开CSS style浮动窗口,按“+”号new一个样式。确定弹出的窗口后,进入“style definition for xxx”窗口,选择最后一项“extensions”,并点击右边Visual Effect下面的,Cursor下拉框中的各个选项,即可对鼠标的形状重新设置了。

  如何简单的清除HTML文件中的垃圾?

  在DW4中,自带了一个html减肥工具。使用方法:选菜单commands-clean up HTML和clean up word HTML,再在弹出的对话框中勾选相应的选项,按确定即可。

  怎样建立DW的模板(Template)与库(Library),二者之间有何区别?

  库和模板的应用能大大提高网站维护的效率,因为更新库和模板时,能使所有应用该库和模板的页面同时自动更新。二者在商业站点中应用及其广泛。

  如果多个页面中用到许多相同的内容(例如每页的导航区等),则可将相同的部分做成一个网页,并保存为模板(File-Save as Templates),再在不同页面中使用不同内容的部位建立可编辑区(Modify-Templates-New Editable area),可建多个,给出不同的名字。DW自动建立/Templates子目录,模板文件名以".dwt"为扩展名。

   如果许多页面中要用到相同的部件,如网站图标,固定的导航条等,可将其拖到库面板中变成库项目,当其它页面要用时再从库面板中拖到页面中,当更新库项目时,DW会问你是否更新所有应用该库项目的页面。

   模板和库,在本质上差异不大。模板针对的是页面大框架的、整体上的控制,其文件目录在/Templates/。而库则更多的针对小元件的标准化,其文件目录在/Library/下面。

  怎样实现在任务栏显示小图标的效果

  有些站点,访问时会在地址栏地址前显出小图标,添加到收藏夹后也在收藏栏中显示图标,这样很好的与其它站点有了区别。

  要达到这个效果,先需做出这个图标文件,图像为16*16像素,不要超过16色。文件格式为ico,然后上传至你的网站。

  然后,在需要的页面中,加上以下html语句到文件的〈head〉和〈/head〉之间(假设以上ico文件的地址为//happyisland.126.com/icon.ico)。

  〈link REL="SHORTCUT ICON" href="https:///happyisland.126.com/icon.ico"〉

  如果访问者的浏览器是IE5.0,就不需加任何代码,只要将图标文件上传到网站的根目录下即可。

  怎样使鼠标滑过链接的图片时,图片由朦胧到清晰的逐渐显示出来?

  下面代码加入到head之间

  〈SCRIPT language=javascript〉

  function high(which2) {

  theobject=which2

  highlighting=setInterval("highlightit(theobject)",100)

  }

  function low(which2){

  clearInterval(highlighting)

  which2.filters.alpha.opacity=40

  }

  function highlightit(cur2){

  if (cur2.filters.alpha.opacity〈100)

  cur2.filters.alpha.opacity =30

  else if (window.highlighting)

  clearInterval(highlighting)

  }

  //--〉

  〈/SCRIPT〉

  在每个图片连接加入已下代码

  style="FILTER: alpha(opacity=40)"onmouseout=low(this)

  onmouseover=high(this)

  怎样制作把网页中加入“把本站加入收藏夹”的功能?

  在〈head〉与〈/head〉之间加入如下代码:

  〈script language=javascript〉

  〈!--

  function Addme(){

  url = "//your.site.address"; //你自己的主页地址

  title = "Your Site Name"; //你自己的主页名称

  window.external.AddFavorite(url,title);

  --〉

  〈/script〉

  然后,随便在您需要的地方做一个如下链接就行了。

  〈a href="javascript:Addme()"〉将本站添入收藏夹〈/a〉

  为什么在DW里编辑时可看见的图片,在浏览器里却没有显示?

  你可能使用了中文的文件名和路径,DW对此不支持。当你使用中文做路径和文件名称时,DW会自动转换为ASCII码,从而发生文件查找错误。赶快把目录名和文件名(包括图片文件)改为英文吧,一切就ok了。

  另外,有的网络服务器也不支持中文路径和文件名称,甚至对英文文件的字母大小写很敏感(如unix系统)。因此建议网页制作中,所有路径和文件使用英文标识,并且统一使用小写字母。

  在DW中怎样设置水平标尺的颜色?

  由于在NC中不支持水平标尺的Color属性,所以在DW中没有此项设置,你只能在Html中加入代码:color=″颜色代码″。有的朋友可能喜欢使用表格来做水平分割线,即将表格高度设置为pix=1,然后填充表格的背景色,但在NC中不兼容,建议使用此方法时填充一个高度为1像素的图片。

  据消息称,新出炉的DW5,将可以在属性栏中直接设置水平线的颜色。

  用DW制作网页时,怎样才能实现在浏览器的状态栏中显示滚动字幕?

  打开Behaviors浮动窗口,在Behaviors窗口中点Behaviors,单击“+”号,选“set text -〉set text of status bar”,然后写上你需要的文字。