Dreamwaver常见问题答集－中国网站建设行业门户网

Dreamwaver常见问题答集

CSS styles和HTML styles有什么区别？
<SCRIPT defer id=ad_text_pcjob src="http://www.pconline.com.cn/script/ad_text_pcjob.js"></SCRIPT>
　　HTM style是指自定义HTML标识中一些标签，例如说在HTML中标签是代表加粗的字体，那么在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
　　以次类推，可以设定多套，名字不一定为数字，可以随便设定。

　　在DW中，怎样设置页面的滤镜效果（如阴影、光照、透明、页面切换等）？

下面是让图片半透明的例子，可以直接用代码实现。
　　在之间加入：
　　< 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、利用制作好的第三方的插件
　　你可以到http://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 value="http://ent.sina.com.cn/">新浪网
　　< option value="http://www.163.com/entertainment/">网易
　　< option value="http://entertainment.sohu.com/">搜狐
　　< /SELECT>

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

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

　　为什么在DW4中，字体设定不能保存？

　　退出运行中的DreamWeaver，先备份好注册表。
　　建立一个纯文本文件，其内容如下：
　　REGEDIT4
　　[HKEY_CURRENT_USER\Software\ Macromedia\Dreamweaver 4\Font 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让 缩进来得到首行缩进效果。

　　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()>
　　要得到最新更新信息 
　　请订阅本站更新邮件 
　　列表。 
　　< /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以上才有效。

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

把下列代码加到之间即可。
　　< 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文件的地址为http://happyisland.126.com/icon.ico）。

< link REL="SHORTCUT ICON" href="http:///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 = "http://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”，然后写上你需要的文字。

提示：为使代码标记行正确显示，以上〈〉字符中均加入空格如：<_代码>。

- 作者： xiaotianxt 2005年07月27日, 星期三 10:50　回复（0） |　引用（0）加入博采

网站制作技巧

Q: 背景音乐是如何插入的?
A: 当然往网页中插入背景音乐会使页面声色不少。但是在使用音乐背景的时候要注意，背景音乐不能太大，否则文件传输会成问题，从而使网页的吸引力下降。

　　在 HTML 中有 embed 标签可以实现背景音乐的插入功能，其语法规则如下：

　　下表给出有关上面的语法的一些具体的值和含义：

src 音乐文件的路径及文件名；
autostart true 为音乐文件上传完后自动开始播放，默认为 false （否）
loop true 为无限次重播， false 为不重播，某一具体值（整数）为重播多少次
volume 取值范围为 "0-100" ，设置音量，默认为系统本身的音量
starttime " 分：秒 " ，设置歌曲开始播放的时间，如， starttime="00:10" ，从第 10 开始播放
endtime " 分：秒 " ，设置歌曲结束播放的时间
width 控制面板的宽
height 控制面板的高
controls 控制面板的外观 controls="console/smallconsole/playbutton/ pausebutton/stopbutton/
volumelever" ·console 正常大小的面板
·smallconsole 较小的面板
·playbutton 显示播放按钮
·pausebutton 显示暂停按钮
·stopbutton 显示停止按钮
·volumelever 显示音量调节按钮

hidden 为 true 时可以隐藏面板

Q: 自动显示最后更新时间。
A: 我们自己网页上传以后，经常会不断更新和添加新的内容，而怎样才能让浏览网页的网友知道自己的辛苦更新呢？通常我们会在网页的一角，列出此网页更新的最后日期，但是这个工作如果手工来做的话，既麻烦又容易遗忘。怎么样解决这个问题呢？

　　看了这个小技巧，你定会说，原来这么简单。好了，下面我们来做一下吧。

源码粘贴框：

然后，用（注意不是openwin而是loadpop啊！）替换主页面中原有的这一句即可。你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。真正的Pop-Only-Once！

写到这里弹出窗口的制作和应用技巧基本上算是完成了，俺也累坏了，一口气说了这么多，希望对正在制作网页的朋友有所帮助俺就非常欣慰了。

需要注意的是，JS脚本中的的大小写最好前后保持一致。

Q:网页中插入音频视频文件的代码。
网页中插入音频视频文件的代码

1.avi格式
<object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
<param name="ShowDisplay" value="0">
<param name="ShowControls" value="1">
<param name="AutoStart" value="1">
<param name="AutoRewind" value="0">
<param name="PlayCount" value="0">
<param name="Appearance value="0 value=""">
<param name="BorderStyle value="0 value=""">
<param name="MovieWindowHeight" value="240">
<param name="MovieWindowWidth" value="320">
<param name="FileName" value="file:///D|/work/vod/Mbar.avi">
<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename="file:///D|/work/vod/Mbar.avi" src="Mbar.avi">
</embed>
</object>

2.mpg格式

3.smi格式

4.rm格式

</OBJECT>

5.wmv格式

nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject" align="right" hspace="5">

<param name="AutoRewind" value=1>
<param name="FileName" value="xxxxxx.wmv">

Q:: 在Frontpage中插入Flash文件。
A: 有两种方法可以Frontpage 2000中加入Flash文件，第一种方法是在HTML源代码的「body」中加入「embed src="swf文件名" width=100 height=100」，用户在实际添加时宽度和高度自行调整。第两个方法是在frontpage中点击菜单插入--高级--插件，然后从浏览菜单中找到swf文件，并确定文件的高度和宽度，然后点击确定。

Q: 我用word做网页。
A: 你知道吗？制作网页并不是很神秘、很困难的事情，现在有很多制作网页的软件，他们的操作都很简单，做出来的网页也很漂亮，那我给大家介绍一下你最熟悉的东东word吧，它也能做网页啊！
     一.建立网页
      1.运行word,单击“文件——新建”；
      2.在弹出的窗口中，单击“web页”，然后选择“普通版式”。单击“确定”，弹出窗口
      3.可以用提供的模板。
     二、编辑网页
      1.插入图片
       普通模板建立的网页有3栏，我们可以对它进行修改。先删除一栏，操作方法和word中删除表格行或列是一样的。这时，我们的网页只剩下2栏，在左边这一栏装上一幅画吧。
        方法是：将光标移到要插入图象的地方，然后单击“插入”，选择“图片”，找到“来自文件”后单击。
            在弹出的窗口中选择要插入的图片，单击“插入”
      2.编辑文字
         在右边那一栏里，根据提示输入自己喜欢的文字，当然你可以采取复制、粘贴的方法来完成。呵呵！看看怎么样啊！还满意吧！那就保存一下，否则你可就白忙活了。
      3.保存、修改网页
         保存的方法很简单，单击工具栏的“保存”按钮，在弹出的窗口中选择要保存的文件夹，给自己的网页文件起个名字，然后单击“保存”就OK了！
         修改网页也是非常简单的，用word打开，根据自己的需要修改就行了。
     怎么样？只要你会word的操作，就能做出网页来！
     最后告诉你，要想发布你的网页，就去网易申请个人空间，根据网易给你的要求进行操作，上传就可以让别人看到了！！

Q: 网页设计中常用的一些技巧。
A: ★原文转载自eniac版yy2125的《网页设计中常用的一些技巧》★
网页设计中常用的一些技巧
让滚动条变色

这个很简单啦,只要在和间插入：

背景图象重复与否：

background-repeat:
repeat | repeat-x | repeat-y | no-repeat

注：
以上设置标签的意义
repeat　　　图象水平垂直方向都重复。
repeat-x　　图象水平方向重复。
repeat-y　　图象垂直方向重复。
no-repeat　图象不重复。

说：
定义图象重复方向是对于一些独特的图象定位而言。

例:
background-repeat: repeat(设定背景图为重复,如果重复一般不必设置,这个是浏览器默认的。)

背景图的地址最好写全，就是 http://~~因为据说，NETSCAPE4.0以下好象支持的不是很好。

背景图象是否随滚动条移动：

background-attachment:
scroll | fixed
scroll属于浏览器默认的，也就是随滚动条移动，fixed为不动。

给背景图定位：

---就是设置它显示在哪里.最上面top,还是左边left

background-position:
| [percentage | length]{1,2}
|[top | center | bottom]
| [left | center | right]

background-position:[percentage | length]是用X(横坐标)y(纵坐标)定义,如background-position: 20px 40px;

background-position:[top | center | bottom] 和[left | center | right] 是一样的意思了,三个任意两个搭配可以产生不同的效果.
可以是background-position:top center;center bottom;top bottom;left,right.....

bottom:下,top:上,left:左,right:右,center:中.

下为像素与英文的对照：
top left = left top = 0% 0%
top = top center = center top = 50% 0%
right top = top right = 100% 0%
left = left center = center left = 0% 50%
center = center center = 50% 50%
right = right center = center right = 100% 50%
bottom left = left bottom = 0% 100%
bottom = bottom center = center bottom = 50% 100%
bottom right = right bottom = 100% 100%

全部的设定：

{ background: background-color || background-image || background-repeat || background-attachment || background-position }

例:
body{ background: #ffffff; background-image: url( http://user.7host.com/bluemm/img/1bg.gif); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom }

关于背景图就说到这里啦，适当的应用可以让页子变得美美的，同时也可以加快下载速度哦：）

1．在主页中加入背景音乐

---- 首先要准备一首MIDI音乐，将其命名为test.mid。在HTML中使用背景音乐的标记是< EMBED SRC="test.mid">，这个标记可以根据泥的需求，放置在< BODY>和< /BODY>之间的任何地方。这个标记放置的位置会出现一个类似媒体播放器的图案，利用它可以控制音乐播放或暂停。例如下面一条语句：

---- < EMBED SRC="test.mid" WIDTH=120 HEIGHT=60>

---- 就会出现一个控制面版让泥播放音乐，我们可以选择控制面版的大小。

---- 如果泥希望一进入页面就播放背景音乐，而且不显示播放控制面板，并且可以重复播放，那么可以通过以下语句实现：

---- < EMBED SRC="test.mid" HIDDEN="TRUE" AUTOSTART="TRUE" LOOP="TRUE">

---- 泥还可以通过以下语句插入背景音乐：

---- < bgsound SRC="URL">

---- 如果需要循环播放，可以通过以下语句实现：

---- < bgsound SRC="URL" loop="-1">

---- 按设定次数播放可以通过以下语句实现：

---- < bgsound SRC="URL" LOOP="次数">

2．< EMBED>的属性

---- < EMBED>可以放在< BODY>和< /BODY>之间的任何地方，在这个标记放置的位置会出现一个控制面板的图案，您可以视自己的需求把它放在适当的位置，也可以使用HIDDEN="TRUE"将面板隐藏起来，配合AUTOSTART="TRUE"作为背景音乐使用。

（注意喔，的语句是加在与之间的,而则是加在< BODY>和< /BODY>之间的任何地方)

阴影文字：

是不是好想去美化自己的站站，呵呵，其实很简单啦，只要以下代码：

<>
你要的文字
其中color 是阴影的颜色，可以配合网页色调改变，direction 是设置阴影的强度。font color是原字体的颜色。

呵呵，发挥自己的想象力让字体变得更漂漂吧^_^

浮雕文字：

大家看到这些文字和普通的文字有什么区別吗？
是不是有一种刻在网页上的感觉？
这种效果做在叶面上也是挺漂亮的。
其实很简单，這是利用了CSS做出的。

首先，在~之間加入：

type=text/css>

然后，在~之間加入：

是不是有点浮雕的效果呢？

是漂亮的顔色呢~！p^^q

#发挥一下你的想象，利用背景色的搭配，一定可以做出不错的效果的。

半透明表格

SAMPLE:

嘿，不让你看清我！

实现这个效果很简单啦，请将以下代码拷贝至 <> 里面

style="FILTER: alpha(opacity=50)"

例如：

设置文本域的字体

请将以下代码拷贝至页面合适位置：

输入内容 注:字体(font-family)还可以选用Arial,Tahoma等等；color可自行设定 设置文本域的背景色 请将以下代码拷贝至页面合适位置： <TEXTAREA STYLE="background-color:#ffffff"> 输入内容 注:background-color可自行设定，如设为 transparent ，则背景透明 设置文本域的边框 实线： <TEXTAREA STYLE="border:1px solid #51bfe0"> 输入内容 虚线： <TEXTAREA STYLE="border:1px dashed #51bfe0"> 输入内容 点线： <TEXTAREA STYLE="border:2px dotted #51bfe0"> 输入内容 设置文本域的背景图 请将以下代码拷贝至页面合适位置： <TEXTAREA STYLE="background-attachment: fixed; background-image: url(背景图所处位置)"> 输入内容 注: fixed可以固定背景图，如不需要可不用。 给鼠标定义个性图片 活活，很多人问我主页的那个跟在鼠标后的小图是怎样实现的？嘿，其实简单的不得了，偶不喜欢太复杂的东西，活活，先看演示啦： SAMPLE:鼠标放上来，是不是很可爱^_^ hoho,是不是很想把它用来装扮你的叶子？EASY啦，只要： 在<head>与</head>之间插入： <style type=text/css> a:hover {cursor:url('**.ani')} BODY {cursor:url('**.ani')} </style> 其中**是你的图标的名称，后缀名还可以是.cur和.ico的图标。Q:: <a name="a8"></a>Dreamweaver实用七小招。 A: 一、从外部文档中粘贴时，如果只要文字而不想要其格式，可以使用 “Edit→paste as text” 命令，不要直接用 Ctrl+V 。 二、当有浏览者使用 Netscape 浏览页面时，在改变窗口大小的时候页面会花掉。在制作网页时就应该考虑到这个问题，可以通过点击 “Command→Add/Remove Netscape resize fix” 来加以解决，它可以使在 Netscape 中浏览页面时，改变窗口大小的时候页面不会花掉。 三、仅仅拷贝文字。当我们从 Dreamweaver 中拷贝文字到另一个应用程序的时候， HTML 代码和文字一起被拷贝过去了。一般我们都用快捷键 Ctrl ＋ C 来拷贝，如果在拷贝的时候多按一个 “C” 键则只拷贝选中的文字。 四、在 Dreamweaver 中输入空格是一件令人很头痛的事。如果你按下面的方法操作就会简单多了：先将 “ 中文输入法 ” 转换成全角状态，然后同时按下键盘上的 Shift+Ctrl+space 就可以插入一个空格 ( 可以连续输入 ) 。 五、 library 组件和 template 模板不用上传服务器，就可以正确预览使用了该组件或模板的页面。 六、不要在同一个页面同时使用表格和层来布置，在 Netscape 中会导致混乱，从属关系除外。 七、一次链接到两个网页。我们都知道超级链接一次只能连到一个页面。如果你要想一次在不同的框架页中打开文档，可以使用 “Go To URL”JavaScript 行为。打开一个有框架的网页，选择文字或图像，然后从行为面板中选择 “Go To URL” 。你会注意到 Dreamweaver 会在 “Go To URL” 对话框中显示所有可用的框架。选择其中一个你想链接的框架并输入相应的 URL 后再选择另一个框架并输入另一个 URL。Q:: <a name="a9"></a>FLASH 文字特效六合一。 A: 我们平时在 flash 中见到的文字特效都是一种效果，本实例将告诉您如何将同一段文字在一个动画中实现六中不同的效果，通过简单的代码控制即可实现，下面我们就来一起学习：） 我们的制作思路是：将不同效果的 as 控制代码放到不同的 mc 中，然后通过对 mc 的调用，从而实现了对文字特效的控制。 特效控制 mc 的制作： 特效 1: 1. 首先建立一个 movie clip, 命名为 appear, 进入 mc 的编辑区后 ` ，给图层 layer1 的第 1 桢加 as: this._alpha = 0; var act; stop(); // 初始化，设置文本开始为不可见 2. 在第 2 桢插入一个关键桢，然后用文本工具画一个文本框，并在 properties 面板中设置此文本框为 dynamic text 动态文本框，并给文本框设置变量名 text, 3 ．然后在第三桢插入一个关键桢，加如下 as: if (this._alpha<100) { this._alpha = this._alpha+4; gotoAndPlay (2); } else { this._alpha = 100; stop (); } // 通过对文本 _alpha 透明度属性的控制，实现文字渐显的效果， 下面按照特效 1 完全一样的方法，制作其余 5 个特效控制 mc, 唯一一点不同的是每个 mc 的第 3 关键桢的控制代码不同，分别如下所示： 特效 2(mc falldown) if (this._alpha<100) { this._alpha = this._alpha+5; this._y = this._y+2; gotoAndPlay (2); } else { this._alpha = 100; stop (); } // 在特效 1---- 文字渐显效果的基础上，通过控制文本的 _y 属性实现文字的下坠效果 特效 3(mc random x&y) a=this._x; b=this._y; if (Number(a)!=_root.rancon:x or Number(b)!=_root.rancon:y) { this._x=this._x+(_root.rancon:x-Number(a))/15; this._y=this._y+(_root.rancon:y-Number(b))/15; //read the origan values in the rancon mc and set step number! chax=Math.abs(this._x-_root.rancon:x) chay=Math.abs(this._y-_root.rancon:y) if(Number(chax)<1 && Number(chay)<1){ this._x=_root.rancon:x; this._y=_root.rancon:y; } this._alpha = this._alpha+5; gotoAndPlay (2); } else { this._alpha = 100; stop (); } // 通过利用 random() 随机函数控制字母的 _y 和 _x 属性，来达到字母随机出现在舞台上， // 并渐显的效果 特效 4(mc x && y) if (this._alpha<100) { this._alpha = this._alpha+5; this._y = this._y+2; this._x= this._x+2; gotoAndPlay (2); } else { this._alpha = 100; stop (); } // 通过控制字母的 _x 和 _y 属性，实现文本从舞台四周向中间靠拢的效果 特效 5(mc xscale) if (this._alpha<100) { this._alpha = this._alpha+5; this._x = this._x+5; this._xscale = this._xscale-100; gotoAndPlay (2); } else { this._alpha = 100; stop (); } // 通过控制字母的 _xscale 属性，实现字母横向伸缩并渐显的效果 特效 6(mc yscale) if (this._alpha<100) { this._alpha = this._alpha+5; this._y = this._y+3; this._yscale = this._yscale-50; gotoAndPlay (2); } else { this._alpha = 100; stop (); } // 通过控制字母的 _yscale 属性，实现字母纵向伸缩并渐显的效果 到此，六种文字特效的控制代码就写好了，下面还需要编写对 mc 控制代码进行控制的 mc, 听起来蛮复杂的，其实很简单的，请跟我来。 总体控制 mc 的制作： 新建一个 movie clip 组件，命名为 con, 插入三个关键桢，在第 1 桢添加如下 as: i=1;j=1;m=50;n=1; var b =new Array();//ready for random textnumber=length(_root:text);//read the length of text for(i;i<=textnumber;i++){ duplicateMovieClip("/text", "text" add i, i); set ("/text" add i add "/:text", _root:text.charAt(i, 1));//write a value from text to the duplicate mc _root["text" add i]._x=30+n*9;//set the char's _x _root["text" add i]._y=m;// set the lines if(i%45!=0){ n++; }else{ m=m+30; //change the number of lines n=1; } } for (j;j<=textnumber;j++) { a=1+random(textnumber); if (Number(eval("/text" add a add "/:act"))==0) { b[j]=a;//thank for janlay to make me understand how to range random number set("/text" add a add "/:act",1);//to diffrent the true or false. }else{ j--;//It's important.Don't forget it,or you will lost some mc. } } // 利用数组，对舞台上的文本框中的单个字母进行存取，并加以控制，结合各个不同特效的控制代码，从而实现了不同效果的实现。 再第 2 关键桢加入如下 as: _root["text" add b[j>.play(); 在第 3 关键桢加如下 as: j--; if(Number(j)>=0){ gotoAndPlay (2); }else{ stop(); } // 判断文本是否已经都处理完 好了，游戏的所有控制部分都做好了，剩下的任务就是把它们组织到一起，布置主场景了。 布置主场景 : 回到主场景中，分别在图层 layer1 的 1,3,5,7,9,11 桢插入 6 个关键桢，每个关键桢的内容基本上也是相同的，首先以第 1 关键桢为例说明。 首先我们制作一个简单的按钮，用来选择不同的特效，然后依此排列 6 个在舞台的中间， 給第 1 个按钮加 as: on (release) { gotoAndStop (1); } 給第 2 个按钮加 as: on (release) { gotoAndStop (2); } 給第 3 个按钮加 as: on (release) { gotoAndStop (3); } 給第 4 个按钮加 as: on (release) { gotoAndStop (4); } 給第 5 个按钮加 as: on (release) { gotoAndStop (5); } 給第 6 个按钮加 as: on (release) { gotoAndStop (6); 給第 1 个按钮加 as: on (release) { gotoAndStop (1); } 給第 2 个按钮加 as: on (release) { gotoAndStop (2); } 給第 3 个按钮加 as: on (release) { gotoAndStop (3); } 給第 4 个按钮加 as: on (release) { gotoAndStop (4); } 給第 5 个按钮加 as: on (release) { gotoAndStop (5); } 給第 6 个按钮加 as: on (release) { gotoAndStop (6); } // 上面的代码作用都一样，都是跳到有某种文字特效控制 mc 的那桢，以便 mc 对文字 // 进行控制 最后給第一桢加 as: stop(); 然后需要设置我们的主角，表演特效的文本，用文本工具在舞台的上方写一些文字，内容可以任意，注意，不要写在舞台上哦，一定要写在舞台的上方，然后就要设置控制特效的 mc 了，将 mc con 拖到场景中，在 properties 面板中取名为 con, 这个控制 mc 是每一祯都需要的，因为它的作用是控制动画总体，然后每一桢再放入分别控制不同特效的控制 mc, 都在 properties 面板中取名为 text, 将 mc appear 放到第 1 桢，将 mc falldown 放到第 3 桢，将 mc random x&y 放到第 5 桢，将 mc x && y 放到第 7 桢，将 mc xscale 放到第 9 桢，将 mc yscale 放到第 11 桢，最后，给每一个关键祯加上 as:stop(), 即可。 到此为止，整个动画就完成了，您也可以将自己的特效做成单独的控制 mc, 然后运用到主场景中，这样，您的特效就越来越多，这也可以成为积累文字特效的一种方法。 Q:: <a name="a10"></a>FrontPage 2000 常用快捷键一览表。 A: FrontPage 2000 常用快捷键一览表： 用于网页的快捷键： CTRL+N 创建新的网页 CTRL+O 打开网页 CTRL+K 在网页上创建超链接 CTRL+SHIFT+B 在 Web 浏览器中预览网页 CTRL+P 打印网页 CTRL+ SHIFT+8 显示不可打印的字符 CTRL+ / 显示 HTML 标记符 F5 刷新网页 CTRL(Shift)+TAB 在打开的网页之间切换 CTRL+F4 关闭网页 CTRL+S 保存网页 ALT+F4 退出 FrontPage CTRL+F 在网页或 HTML 中查找文本 CTRL+H 在网页或 HTML 中替换文本 F7 检查网页上的拼写 SHIFT+F7 在词典中查找文字 ESC 取消操作 CTRL+Z 撤消操作 CTRL+Y 恢复或重复操作 用于设置文本和段落格式的快捷键： CTRL+SHIFT+F 更改字体 CTRL+SHIFT+P 更改字号 CTRL+B 应用加粗格式 CTRL+U 应用下划线格式 CTRL+I 应用斜体格式 CTRL+PLUS SIGN 应用上标格式 CTRL+MINUS SIGN 应用下标格式 CTRL+ SHIFT+C 复制格式 CTRL+SHIFT+V 粘贴格式 CTRL+SHIFT+Z 删除人工格式 CTRL+E 将段落居中 CTRL+L 将段落左对齐 CTRL+R 将段落右对齐 CTRL+M 将段落从左边缩进 CTRL+ SHIFT+M 将段落从右边缩进 CTRL+ SHIFT+S 应用样式 CTRL+SHIFT+ N 应用一般样式 CTRL+ SHIFT+L 应用列表样式 用于编辑和移动文本与图形的快捷键： CTRL+BACKSPACE 删除向左所有字符 CTRL+DELETE 删除向右所有字符 SHIFT+ENTER 插入一行空白栏 CTRL+SHIFT+SPACEBAR 插入一空白字符 Q:: <a name="a11"></a>十六则 DW 使用快技法。 A: 1 、灵活运用样式 　　熟悉网页设计的网友就知道，调用 Style 的方法很多，我们可以单击鼠标右键选择 Custon Style 来调用 Style 标准，也可以在状态栏中的元素列表上单击右键来调用 Style 。虽然不同的方法达到的效果看似一样，但实际上产生的 HTML 代码则完全不同。比如用 Custon Style 来调用 Style 标准，在网页代码中就生成一个〈 span 〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我们应尽量使用状态栏中的元素列表来调用 Style 。 2 、活用 Format Table 命令 　　在复杂的网页设计中，表格的应用是最多的，因为利用表格可以自由地控制文本和图象在网页上出现的具体位置，从而使整个网页看上去紧凑统一。 Dreamweaver 在这方面也不甘落后，我们可以使用其中的 “Format Table” （格式化表格）命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式，先将光标置于表格的任意一个单元格内，再选择 “Command”→“Format Table” 命令，在随后出现的对话框中，从左边的列表中选择一个设计方案。按 “Apply” 键来查看效果，如果不满意的话，还可以重新设置或者修改部分参数的值，如边界粗细，背景颜色等等。 3 、同时链接到两个网页 　　我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档，可以使用 “Go To URL”JavaScript 行为。打开一个有框架的网页，选择文字或图象，然后从行为面板中选择 “Go To URL” 。我们会注意到 Dreamweaver 会在 “Go To URL” 对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的 URL 后再选择另一个框架并输入另一个 URL 。 4 、不给文件起中文名称 　　大家在制作好了网页后，通常会给网页起一个具有代表性的中文名称，一来能使人一看文件名就能大概了解文件所包含的内容，二来能够方便各个超级链接之间的相互调用。但如果你在 Dreamweaver 中这样做，就会发现 Dreamweaver 对中文文件名支持得不是太好，经常会有页面调用不正确的现象发生，所以我们以后在 Dreamweaver 中保存网页的时候，尽量用英文或者数字作为文件名称，这样就可以避免上面的出错现象。 5 、巧妙设置字体分辨率 　　我们在制作网页的时候，经常有这种体会，那就是制作好的网页在本地计算机上浏览时很正常，但在另外一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了，这是为什么呢？原来各个计算机的分辨率要使你的主页在不同的分辨率下都能正常显示，在 Dreamweaver 中得到了较好的解决。在文档窗口的右下角， Dreamweaver 显示当前文档被设计成的分辨率大小。单击哪个数字，在弹出式菜单中可以为当前的页面指定显示分辨率，通过修改可以使你的主页更具灵活性。使不同分辨率的显示器都能较好地显示。 6 、巧妙隐藏标签 　　如果在网页中插入了不可见的元素时， Dreamweaver 会自动在页面上添加一个与之相应的元素标签，以便于我们选择不可见元素。但这并不全是件好事，比如我们在一个有很多层的页面中的第一行便插入一个表格，就会发现由于首行排列了太多的层元素标签而使得表格自动退到了页面的第二行，虽然在浏览时并不影响效果，但这确确实实会阻碍我们的工作。所以当我们觉得某个元素标签碍手碍脚时，就索性将之屏蔽掉。方法是按 Ctrl+U 打开 Preferences 面板，在 Category 中选中 Invisibel Elements ，在面板的右边将会出现所有的元素标签。只要将不需要的元素标签前的勾去掉，以后它就保证不会再出现了。 7 、善用拖放技巧 　　我们在使用 Dreamweaver 编辑网页的时候，经常需要插入一些图象什么的，假设要插入的图象很多，按照常规方法来操作就显得非常麻烦。我们可以利用拖放技巧来很好地解决这个问题。首先我们把 Dreamweaver 的操作窗口变成活动窗口，以腾出空间来显示 Explorer 窗口，找到要插入的图象文件后，把它们一一用鼠标拖动到网页的适当部位， Dreamweaver 将自动把这些图象的 url 添加到文件的 HTML 代码中，当然这里要求被拖动的图象文件必须是 gif 、 jpg 等 web 图象格式的文件。对于已经在网页中的图象也是一样，直接拖过来就可以了。但如果被拖动的图象上有超级链接，就不可以再使用拖动技术了，因为那时拖过来的仅仅是超级链接地址。 8 、自动设置更新时间 　　我们知道一个网页要想获得更多的回头率，一个很重要的一条就是要不断更新。但对于我们这些个人网页来说，要天天及时更新恐怕不是很容易的事情。因此，我们希望网页能自动更新，下面笔者就提供一个能自动更新修改时间的源代码，我们只要把这段源代码添加到 …< /BODY> 之间就能实现更新时间的目的了： < Script Language="JavaScript"> < /style> ；二是用鼠标依次单击 Dreamweaver 中的 Text/Custom Style/Edit/Style Sheet/New/Redefine HTML Tag ，并从中选择 a ，然后在 decoration 中选中 none ，最后单击确定就成功了。 12 、巧妙复制文字 　　在几个不同的应用程序中间相互复制文字，是我们在实际工作中可能要常做的事情。但是，如果我们从 Dreamweaver 中复制编辑区中的文字到另外一个应用程序的时候， HTML 代码和文字将一起被复制过去了，那么我们该如何才能只把编辑区中的文字复制下来呢？我们知道，通常复制时都用快捷键 Ctrl - C 来操作，如果我们在复制的时候多按一个 C 键，那么 Dreamweaver 将只会复制选中的文字了。 13 、善用快捷键 　　为了提高操作的效率，我们可以在 Dreamweaver 中使用快捷键，例如使用 Ctrl-B 或 Ctrl-I 来为文字应用黑体或斜体格式，也可以使用以下一些键盘快捷键来为选中的文本应用 HTML 格式： Ctrl-0: 无格式 Ctrl-T: 段落 Ctrl-1: 标题 1 Ctrl-2: 标题 2 Ctrl-3: 标题 3 Ctrl-4: 标题 4 Ctrl-5: 标题 5 Ctrl-6: 标题 6 14 、自动关闭网页 　　如果我们希望自己的网页在指定的时间内能自动关闭，不妨在网页源代码中的标签后面加入如下代码： < script LANGUAGE="JavaScript"> < /script> 其中代码中的 3000 表示 3 秒钟，它是以毫秒为单位的。 15 、巧妙设置对象名称 　　我们在用 Dreamweaver 来制作非常复杂的效果时，有可能需要经常重复地使用某一个或者多个对象，例如我们经常需要定位某个特定的表格、图象等，如果我们没有给某一个网页中的多个对象取名的话，那么在重复应用这些对象的时候，可能很麻烦或者容易出错。为了能够方便调用这些对象，我们应该在每创建一个新的对象时，都记得给它取一个有代表性而且比较容易记忆的名称。在给这些对象命名时，我们可以通过对象的 “ 属性 ” 面板来操作就行了。 16 、为图象链接增加动态效果 　　有时我们为了要达到一种逼真的效果，希望鼠标移动到某个链接上时能有动感产生。使用 Dreamweaver 可以很容易实现这种效果。设计时，我们首先需要准备两幅图象，第一幅是原始图象，第二幅是鼠标移动上去后的图象。接着用鼠标单击第一幅图，在属性面板中的链接栏中填上要链接的文件，然后单击键盘上的 F8 键，在弹出的 Behaviors 窗口中单击 “+” 号，随后选择 “swap image” ，在接着出现的窗口中选择第二幅图象，最后单击确定就可以了。 文章出处： eNet 硅谷动力 Q:: <a name="a12"></a>修改HTML，给网页加点花样。 A:摘自 ---[ 网页制作学习园地 ] 说到制作主页大家一定会想到用 Frontpage2000 、 Dreamweaver 等专用制作软件，但现在笔者要向大家介绍的是用修改 HTML 源代码的方法，来给主页添加点小 “ 点心 ” ，把你的 “ 网上小屋 ” 装扮得再漂亮一点。下面请看第一道 “ 点心 ” 是什么 …… 1. 浮动背景图像 　　当你拉住滚动条把页面向下拉动时，背景图像也跟着一起移动，这样就会导致浏览速度降慢。我们可以在 <body> 语句中加入如下属性，就能产生主页内容向下滚动而背景图像不动的效果。 <body backgroud=″image.jpg″ bgproperties=″fixed″> 　　其中 image.jpg 就是你主页里的背景图像。 2. 使你的主页自动被搜索引擎收录 　　你一定为了让你的网站名扬天下而去各个搜索引擎注册吧？在网上有很多机器人，它们自动搜寻关键字，你只要在网站上设立这样的关键字，就有可能被它们找到。 <head><meta http － equiv=″keywords″ content=″yancheng,science,technolodgy,information,network,politics,economic″ ； charset=gb2312></head> 　　其中 CONTENT 这个属性主要让你放置一些你主页里的关键词，而且这些关键词最好容易使人想到。 3. 提前下载图片 　　当你要访问一个内含很多图片的网页时，通常访问速度很慢；但我们可以在打开当前网页时提前下载下一页图片，以便能够提高浏览速度。要实现这个效果，我们可以在 <body>......</body> 语句中加入以下一行： <img src=″image.jpg″ width=0 height=0> 　　其中 image.jpg 就是你想要提前下载的图像名。 4. 给某个链接添加说明信息 　　有些主页，当你把鼠标指向某个链接后，在状态栏会出现该链接的具体说明信息，是不是很方便呢？其实，我们只要在网页里的链接语句中加入以下的 HTML 代码，就可以实现这个功能了！ <HTML> <HEAD> <TITLE> 举例说明 </TITLE> </HEAD><BODY><A HREF=″http://www.g168.net″ OnmouseOver=″window.status=′ 网页制作学习园地 ′;return true;″ OnMouseOut=″window.status=′′;″> </BODY></HTML> 5. 使网页自动定时刷新 　　你可以添加如下 HTML 代码来实现这个要求，请在 <head> 和 </head> 语句中加入： <META HTTP － EQUIV=″Refresh″ content=″10;url= 你想访问的网址 ″> 　　其中 10 代表当前网页完全下载完成 10 秒后自动链接到指定的 URL ，把 URL 去掉就表示每隔 10 秒自动刷新一次主页。 Q:: <a name="a13"></a>用 FrontPage 2000 快速制作动态按钮。 A: 原文转载自 eniac 版 may202 的《用 FrontPage 2000 快速制作动态按钮》 用 FrontPage 2000 快速制作动态按钮 http://www.sina.com.cn 2002/09/06 13:42 赛迪网 -- 视窗世界 　　文 / 杨浩 　　你一定看到过很多网页上的动态按钮效果，一般而言实现它需要后台的 JavaScript( 或 VBScript) 网页脚本语言支持，对于只懂使用初级的 “ 所见即所得 ” 网页编辑器的人来说确实是个难题。现在我们就来学一学制作动态按钮的 “ 傻瓜式 ” 方法。我们以制作一个中英文切换的按钮为例。 　　其实，动态按钮的实现原理都是一样的，首先制作按钮的图片，然后通过脚本语言捕 获鼠标在按钮上的事件，对事件做出交换图片的响应。在 Frontpage 2000 里有交换图片的现成语言包。 　　首先在 Photoshop 或 Firework 里制作两张用于交换的按钮图片，大小均为：宽度 80 象素；高度 15 象素，并在其中输入按钮的文字，注意两张图片文字的相对位子应基本一致。 　　在 Frontpage 中插入一个表格，大小与按钮图片的大小相同 ( 宽 80 象素，高 15 象素 ) ，点击插入图片按钮，在表格内插入初始化显示的按钮图片，即按钮在未进行动态变换时显示的那张图片，在这个例子中我们选择有 “English Button” 字样的图片为初始图片。接下来我们就开始为它做动态效果。选择菜单 “ 格式 ”-“ 动态 HTML 效果 ” ，出现动态 HTML 效果的对话框。确保要做动态变换的图片为选中状态的前提下，在 DHTL 效果多话框内将 “ 开启 ” 选项选择为 “ 鼠标悬停 ” ；应用选择为 “ 交换图片 ” ；并在下面一个选项内指定路径为用于交换的 “ 中文按钮 ” 图片所在的路径。 　　好了，一个动态按钮效果的 “ 傻瓜 ” 式制作方法完成了。网页保存后会有一个名为 animate.js 的脚本文件，你可以通过记事本打开它，这里面的就是有 Frontpage 自动生成的脚本语言包。动态按钮效果在 Frontpage 里可以轻松的实现，你也可以改变用于交互的两张图片按照你的需要制作，注意在制作按钮图片时一定要设置两张图片的大小完全一致。</body>
</html>加入区：

- 作者： xiaotianxt 2005年07月27日, 星期三 10:49　回复（0） |　引用（0）加入博采

【HTML】教程

Q: 【HTML】教程--一般概念
A: ■ HTML 一般概念：

　　这节将简单介绍 HTML。

　　全称：HyperText Mark-up Language
　　译称：超文本标记语言。
　　简意：一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）合文件达到预期的效果。

　　HTML 是在 SGML 定义下的一个描述性的语言，或可说 HTML 是 SGML 的一个应用程式。HTML 不是程式语言，如 C++ 和 Java 之类，它只是标记语言，基本上你只要明白了各种标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于编辑部方面，任何文字编辑器都市可以，只要能将档案存为文本格式即可，用专门的网页编辑工具当然更好。

■ 阅读须知：

　　这一篇【HTML彻底剖析】偏重于标记的介绍，考虑到易懂及每节的篇幅问题，我并不按 W3C 的 HTML 分类，这可令你更易选择有兴趣的标记，其中只有【文件标记】是必须的，其余可任意选择。这一篇不会提及任何网页编辑软件，只要你掌握了 HTML ，任何网页编辑工具都可以变成一把利器。（就好像只要你有深厚内功，树叶同样可以杀人）

■ 标记写法：

·任何标记皆由"<"及">"所围住，如 
　　·标记名与小于号之间不能留有空白字元。
　　·有些标记需要加上参数，有些不要。如 Hello
　　·参数只可加于起始标记中。
　　·在起始标记的标记名前加上符号"/"便是终结标记，如
　　·标记字母大小写皆可。

■ 围堵标记与空标记：

　　标记按型态分为围堵标记与空标记

　　1、围堵标记

　　顾名思义，它以起始标记及终结标记将文字围住，令其达到预期要显示的效果。

　　例如 HTML Source ： Creation of Webpage is my favourite.
　　显示成： Creation of Webpage is my favourite.

　　其中便称为围堵标记。它以起始标记及终结标记标示文字 Creation of webpage ，令它显示成粗体，两者失其一都会发生错误显示。

　　2、空标记

　　是指标记单独出现，只有起始标记没有终结标记。

　　例如 HTML Source：

I love Creation of Webpage. It's a wonderful place.

　　显示成：

　　I love Creation of Webpage.
　　It's a wonderful place.

其中换行标记 便属于空标记。
　　它的作用是将标记后的所有东西显示于下一行，可同终结标记对它是没有意义的，但有些人为空标记加上终结标记，这是为方便阅读而已，对 HTML 没有影响。

文章来源:Goeway

Q: 【HTML】教程--文件标记
A:■ 文件标记

　　欲明白本篇【HTML彻底剖析】之标记分类，请看【标记一览】。
　　也请先明白围堵标记与空标记的分别，请看【HTML概念】。

■ HTML 基本架构：

　　以下 HTML Source Code 便是一份 HTML 文件的基本架构：

<HTML>
<HEAD>
<TITLE> 网页的标题 </TITLE>
</HEAD>
<BODY>
网页的内容，很多标记都作用于此
</BODY>
</HTML>

特点解说：

整份文件处于标记<HTML>与</HTML>之间。
<HTML>用以宣告这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件。

文件分两部份，由<HEAD>至</HEAD>称为开头，<BODY>至</BODY>称本文。
基本上两者各有适用的标记，如<TITLE>只可出现于开部分。

开头部分用以存载重要信息，而只有本文部分会被显示。
所以大部分标记会应用于本文部分。

<TITLE>所标示的是文件的标题。
会出现于浏览器顶部及为别人 Bookmark 时的名称，所以每页有不同面明确的标题是需要的。
　　上述标记中只有<BODY>具参数设定。

■ <BODY> 的参数设定：

　　例子：

text="#000000"
用以设定文字颜色。 #000000 代表黑色，也可以采用颜色名称，即 text="black" 。各种颜色的值及名称可参考【调色原理】一节。

link="#0000FF"
设定一般文字链接的颜色。

alink="#FF0000"
设定刚按下时文字链结颜色。

vlink="#0000FF"
设定被按过后的链接的颜色。

background="bg1.gif"
设定背景图片。GIF 或 JPEG 皆可，可以是绝对路径或相对路径。

bgcolor="#FFFFFF"
设定背景颜色，当已设定背景图片时会失去作用，除非透明部分。

leftmargin=2
设定整份文件显示画面的左方边沿空间，单位为像素。（只适用于IE）

topmargin=2
设定整份文件显示画面的上方边沿空间。（只适用于IE）

bgproperties="fixed"
固定背景图片，当卷轴卷动时不会跟着卷动。（只适用于IE）
　　标记及参数的字母大小写都可以。其他如 onload 等事件请参看有关 Java Script的介绍。

文章来源：Goeway

Q: 【HTML】教程--排版标记
A:■ 排版标记

； ；
； <HR> ； <CENTER> ； <PRE> ； <DIV> ； ； ；

　　欲明白本篇【HTML彻底剖析】之标记分类，请看【标记一览】。
　　也请先明白围堵标记与空标记的分别，请看【HTML概念】。

■： ▲Top

　　像很多电脑语言一样，HTML 也提供注解功能。浏览器将忽略此标记中的文字（可以是很多行）而不作显示，一般使用目的：

为文中不同的部分加上说明，方便日后修改。
这对较复杂或非私人网页尤其重要，它不单提醒自己也提醒其他同事这部分做什么、那部份做什么。
例子：

用作版权声明。
假如你不希望别人使用或复制你的网页，可加上警告字句。
例子：

■ ： ▲Top

称为段落标记。作用：留一空白行。

本来是一个围堵标记，标于一段落的头尾，但从 HTML 2.0 开始已不需要作结尾。

的常用参数：如：

align="center"
可选值：right, left, center。
默认值： align="left"
例子：原代码 Here is the text for my paragraph. It does't matter how long it is,
how many space are between the words or when I decide to hit the return key.
It will create a new paragraph only when I begin the tag with another one.
Here's the next paragraph.
显示结果 Here is the text for my paragraph. It does't matter how long it is, how

manyspace are between the words or when I decide to hit the return key. It

will create a new paragraph only when I begin the tag with another one.

Here's the next paragraph.

■
： ▲Top

　　
称为换行标记。作用：令其后的内容在下一行显示。

　　由于浏览器会自动忽略原代码中的空白和换行的部分，这使得
成为最常用的标记之一。因为无论你在原代码中编好了多漂亮的文章，若不适当地加上换行标记或段落标记，浏览器只会将它显示成一大段。

错误示范：原代码 566 E Boston Post RD
Mamaroneck NY 10543-9982
United States of America
显示结果 566 E Boston Post RD Mamaroneck NY 10543-9982 United States of America

正确例子：原代码 566 E Boston Post RD

Mamaroneck NY 10543-9982

United States of America
显示结果 566 E Boston Post RD
Mamaroneck NY 10543-9982
United States of America

■ <HR> ： ▲Top

<HR>称为水平线。作用：插入一条水平线。

<HR> 的参数修改：

以： <HR align="LEFT" size="2" width="70%" color="#0000FF" noshade> 为例。

align="LEFT"
设定线条摆放位置，可选择：left；right；center 三种设定值。

size="2"
设定线条的厚度，以像素作单位，内定为 2。

width="70%"
设定线条长度，以像素作单位，可以是绝对或相对值，内定为 100%。

color="#0000FF" （只适用于IE）
设定线条颜色，内定为黑色。 #0000FF 代表蓝色，也可以采用颜色的名称，即 text="blue" 。各种颜色的值及名称请参考【调色原理】一节。

noshade
设定线条为平面显示，若删去则具阴影，这是内定值。
例子：原代码 <HR>
<HR align="LEFT" size="4">
<HR align="LEFT" size="2" width="70%" color="#0000FF" noshade>
<HR align="LEFT" size="4" width="70" color="#008000">

■ <CENTER> ： ▲Top

<CENTER>称为居中标记。作用：令置中对齐。

你会发现很多的标记已有 align="CENTER" 的参数，<CENTER>似乎是多余了，事实上它还是常用的标记之一，其简单易用，常用于文字，对于已加有 align="CENTER" 参数的 <TABLE> 标记也不要厌其烦地加上居中标记，因为很多浏览器不支持<TABLE> 标记中的 align="CENTER" 参数。

例子：原代码 <CENTER>Chris's First Homepage</CENTER>
<CENTER>What's new</CENTER>
<CENTER>My profile</CENTER>
结果 Chris's First Homepage
What's new
My profile

■ <PRE> ： ▲Top

<PRE>称为预设格式标记。作用：令文字按照原代码的方式显示。

　　这标记允许保留你在原代码中输入的空白和回车。细看以下例子你便可体会到此标记的威力。除了运用一大堆表格标记之外你只有采用这标记才能有此效果。

能以<PRE>标记产生对齐效果，或产生多于一行的空白才算上乘！

例子：原代码 <pre> Creation of Webpage Log Analysis I

Composer Learning 459 407 480 522 547 586 673
HTML Advanced 200 268 296 358 385 453 506</pre>

显示结果 Creation of Webpage Log Analysis I

Composer Learning 459 407 480 522 547 586 673
HTML Advanced 200 268 296 358 385 453 506

■ <DIV> ： ▲Top

<DIV>称为定位标记。作用：设定文字表格等摆放位置。

<DIV>应用在 Style Sheet（样式表）方面更显威力，它最终目的是给设计者另一种组织能力，有 Class ; Style ; title ; ID 等属性，将于【Style Sheet】一节才作详述，这里只作一个属性设定。
以 <DIV align="center"> 为例：

align="center"
可选值：center ; left ; right 。决定对齐方向。
<DIV align="center"> 的作用和居中标记 <CENTER>一样，前者是由 HTML3.0 开始的标准，后者是通用已久的标示法。
例子：原代码 <DIV align="center">Chris's First Homepage
 What's new
 My profile</DIV>
显示结果 Chris's First Homepage
What's new
My profile

■ ： ▲Top

称为不换行标记。作用：令文字不能因太长而换行。它对住址、数学公式、一行数字等尤其有用。

例子：（其中 Chris's Creation of Webpage 将不被分开而显示于同一行。）原代码 If you want to know how to create you own homepage quickly, don't miss

Chris's Creation of Webpage which will help you a lot.
显示结果 If you want to know how to create you own homepage quickly, don't miss

Chris's

Creation of Webpage which will help you a lot.

■ ： ▲Top

称为建议换行标记。作用：预设换行部位。

　　它没有侵犯到
的责任，只是作建议而已，若浏览者的显示器分辨率够高的话，那么它是不会换行的。

例子：（若不加标记，整个网址会显示下一行。）原代码 Please visit my other homepage which locate at http://www.geocities.com/

Silicon

Valley/Sector/8234/index.html There are many softwares for download.

I think you will really love that place.
显示结果 Please visit my other homepage which locate at http://www.geocities.com/

Silicon

Valley/Sector/8234/index.html There are many softwares for download. I

think you will really love that place.

文章来源：Goeway

Q: 【HTML】教程--字体标记
A: ■ 字体标记

　　欲明白本篇【HTML彻底剖析】之标记分类，请看【标记一览】。
　　也请先明白围堵标记与空标记的分别，请看【HTML概念】。

■实体标记与逻辑标记： ▲Top

　　这一节【字体标记】你必须先明白实体标记与逻辑标记的分别，否则你会迷惑于为何不同的标记却有相同的效果。两者分别有以下两处：

　　1、实体标记有固定的显示效果，逻辑标记标记则依不同浏览器而不同。

例如逻辑标记的 由于浏览器的不同它所标示的文字不一定出现斜体效果，它可能是加底线、粗体或反白等，所以这一节是以它们在 IE 和 NC 中的效果作介绍。

　　2、多个实体标记也可有效标示同一字句，逻辑标记则通常于浏览器不能有效显示多重的标示。

例如两个逻辑标记 及 同时标示一字句于旧浏览器常失去作用。

实体标记有：

逻辑标记有：
 <VAR> <CITE> <DFN> <ADDRESS> <CODE> <KBO> <SAMP> <TT>
　　若要求真确的效果当然以实体标记为佳。

■ ： ▲Top

　　两者皆能产生字体加粗效果，但必须注意的是当文件编码被设为汉字时，两者所标示的中文字不会在 Netscape Netvigator 显示粗体效果。

例子：（第一行是没有任何字体标记的，作参照用） HTML Source Code （原代码）浏览器显示结果
Creation of Webpage
 Creation of Webpage
 Creation of Webpage Creation of Webpage
Creation of Webpage
Creation of Webpage

■ <VAR> <CITE> <DFN> <ADDRESS>： ▲Top

这些标记在 Internet Explorer 里都会产生斜体效果，而只有 </DFN> 于 Netscape Netvigator 失去作用。这些标记中只有 <ADDRESS> 较为特别，因为它包括换行效果所以不必在它前面加上
标记。

例子： HTML Source Code （原代码）浏览器显示结果
Creation of Webpage
 Creation of Webpage
 <VAR>Creation of Webpage</VAR>
 <CITE>Creation of Webpage</CITE>
 <DFN>Creation of Webpage</DFN>
<ADDRESS>Creation of Webpage</ADDRESS> Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage

■<TT> <SAMP> <CODE> <KBD> <STRIKE> <BIG> ▲Top

　　为方便对照及记认，所以把十个标记放在一起介绍。

<TT> <SAMP> <CODE> <KBD> 可令每字母有相等宽度且每个字母之间的距离稍微加宽。但于 NC 不见得如此。
 是加底线的标记，一些特别的浏览器并不支持，因顾虑到与链接混淆。
<STRIKE> 加上删除线的标记。
<BIG> 令字体加大。
 令字体变细。
 为下标字， 则为上标字，仅剩的数学标记。
例子：（第一行是没有任何字体标记的，作参照用） HTML Source Code （原代码）浏览器显示结果
Creation of Webpage
 <TT>Creation of Webpage</TT>
 <SAMP>Creation of Webpage</SAMP>
 <CODE>Creation of Webpage</CODE>
 <KBD>Creation of Webpage</KBD>
 Creation of Webpage
 <STRIKE>Creation of Webpage</STRIKE>
 <BIG>Creation of Webpage</BIG>
 Creation of Webpage
 123457 67899 Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
Creation of Webpage
123457 67899

■<H1> <H2> <H3> <H4> <H5> <H6>： ▲Top

这些标记是标题标记，由 <H1> 到 <H6> 逐渐变小。每个标题标记所标示的字句将独占一行且上下留一空白行。

例子：原代码 <H1>Header Level 1</H1>
<H2>Header Level 2</H2>
<H3>Header Level 3</H3>
<H4>Header Level 4</H4>
<H5>Header Level 5</H5>
<H6>Header Level 6</H6>
显示结果 Header Level 1
Header Level 2
Header Level 3
Header Level 4
Header Level 5
Header Level 6

■ <BASEFONT>： ▲Top

　　这一节只有这两个标记具参数设定，且两者的参数设定是一样的，都是负责设定文字的大小、字型及颜色，但各有用处，且看以下比较：

<BASEFONT> 可以用于文件开头部分，即 <HEAD> 与 </HEAD> 之间的位置，将影响全文字句，是一个空标记，用以改变字体显示的内定值。
是应用于文件的内文部分，即 <BODY> 与 </BODY> 之间的位置，只影响所标示的字句，是一个围堵标记。
两标记可同时存在，唯没被所标示的字句才直接受 <BASEFONT> 所影响，而本身也受 <BASEFONT> 的影响。
　　的参数设定：

例子： Creation of Webpage

face="Arial"
设定文字的字形。Arial 是常用的一种，请不要使用 Window 附带字体以外的字体。对于没有设定为中文代码的中文网页，Netscape Netvigator 不会显示此标记所指明的任何中文字体。
size="+2"
设定文字的大小。其值可以是绝对或相对，
绝对的意思是标记自己决定文字的大小，不受 <BASEFONT> 的影响，如
size="5" 表示其大小便是 5，而html内定值为 3，即 size="3"和没设定是一样的。
相对的意思是在默认值 3 基础上增大或缩小的级数，如 size="+2" 便等同绝对表示法的 size="5"，蓝天若已设定 <BASEFONT size="n"> 则其实际大小便是 n+2 不再是 3+2 了。<BASEFONT>只有绝对表示法。
color="#008000"
设定文字的颜色。#008000 表示绿色，各类颜色值及调色法请参考【调色原理】
例子：原代码 I love Creation of Webpage
 I love Creation of Webpage
 I love Creation of Webpage
显示结果 I love Creation of Webpage
I love Creation of Webpage
I love Creation of Webpage

中国网站建设指南中心
域名空间
建站推广
网络营销 网站策划
网站盈利 网络品牌
网络创业 基础知识
行业门户 营销网站
个人网站 电子政务
搜索优化 前沿动态v
业内资讯 电子商务
网站技术 申办年检
流量统计 专家加盟

网站建设 北京网站建设 网站建设北京