xiaotianxt的博客

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中< 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
　　以次类推，可以设定多套，名字不一定为数字，可以随便设定。

　　在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让< 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以上才有效。

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

　　把下列代码加到之间即可。
　　< 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”，然后写上你需要的文字。

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

 

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

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

源码粘贴框：



我们只要把“源码粘贴框”中的JavaScript代码复制到你想要显示最后更新时间的地方就行了。

　　如果我们把代码复制到如下的表格中，则每次这个页面的html文件更改时，表格中便自动显示出更新时间，如下所示：

本页最后更新日期: 07/10/2000 14:26:37  

　　代码中document.write()的意思是在页面上写出括号内设定的内容，现在我们采用“document.lastModified”得到文件最后更新时间，并把它显示出来。灵活运用“document.write()”语句，我们还能在页面上输出其它内容，比如说当前的时间、日期、用户信息等，大家可以去试一试。

Q: 关于弹出窗口的制作。
A:经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易，只要往该页面的HTML里加入几段Javascript代码即可实现。下面俺就带您剖析它的奥秘。 

【1、最基本的弹出窗口代码】 

其实代码非常简单： 

 
因为着是一段javascripts代码，所以它们应该放在之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 
window.open ('page.html') 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。 
这一段代码可以加入HTML的任意位置，和之间可以，间也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。 


【2、经过设置后的弹出窗口】 

下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。 
我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。 
 
参数解释： 
 js脚本结束 


【3、用函数控制弹出窗口】 

下面是一个完整的代码。 
 
 
 
 
 
...任意的页面内容... 
 
 
这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前
没有任何用途。 
怎么调用呢？ 
方法一： 浏览器读页面时弹出窗口； 
方法二： 浏览器离开页面时弹出窗口； 
方法三：用一个连接调用： 
打开一个窗口 
注意：使用的“#”是虚连接。 
方法四：用一个按钮调用： 
 

【4、同时弹出2个窗口】 

对源代码稍微改动一下： 
 
为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。 

注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。OK？ 

【5、主窗口打开文件1.htm，同时弹出小窗口page.html】 

如下代码加入主窗口区： 
 
open即可。 

【6、弹出的窗口之定时关闭控制】 

下面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中，可不是主页面中，否则...)，让它10秒后自动关闭是不是更酷了？ 

首先，将如下代码加入page.html文件的区： 
 
然后，再用 这一句话代替page.html中原有的这一句就可以了。(这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，10秒钟后就自行关闭该窗口。) 

【7、在弹出窗口中加上一个关闭按钮】 

 
 
 
呵呵，现在更加完美了！ 

【8、内包含的弹出窗口-一个页面两个窗口】 

上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。 

通过下面的例子，你可以在一个页面内完成上面的效果。 
 
 
 
 
 

打开一个窗口 
 
 
 
看看 OpenWindow.document.write()里面的代码不就是标准的HTML吗？只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。 

【9、终极应用--弹出的窗口之Cookie控制】 

回想一下，上面的弹出窗口虽然酷，但是有一点小毛病(沉浸在喜悦之中，一定没有发现吧？)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页)，那么每次刷新这个页面，窗口都会弹出一次，是不是非常烦人？:-(有解决的办法吗？Yes! ;-) Follow me. 

我们使用cookie来控制一下就可以了。 

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

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

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

Q:网页中插入音频视频文件的代码。
A: 1.avi格式



2.mpg格式 




3.smi格式 



4.rm格式 



5.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做出的。

首先，在~之間加入：




然后，在~之間加入：

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

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

 



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


半透明表格

SAMPLE: 

嘿，不让你看清我！ 


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

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


例如：


设置文本域的字体


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

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

 

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

　　这节将简单介绍 HTML。 

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

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

■ 阅读须知：

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

■ 标记写法：

　　·任何标记皆由"<"及">"所围住，如 <P> 
　　·标记名与小于号之间不能留有空白字元。 
　　·有些标记需要加上参数，有些不要。如 <font size="+2">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.<br>It's a wonderful place. 

　　显示成：

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

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

 
文章来源:Goeway
 
Q: 【HTML】教程--文件标记
A:■ 文件标记

　　<HTML> ； <HEAD> ； <TITLE> ； <BODY> 

　　欲明白本篇【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> 的参数设定： 

　　例子： 

<BODY text="#000000" link="#0000FF" alink="#FF0000" vlink="#0000FF" background="bg1.gif" bgcolor="#FFFFFF" leftmargin=2 topmargin=2 bgproperties="fixed"> 

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:■ 排版标记

<!--注解--> ； <P> ； 
 ； <HR> ； <CENTER> ； <PRE> ； <DIV> ； <NOBR> ； <WBR> ； 

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

■<!--注解-->： ▲Top 


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

为文中不同的部分加上说明，方便日后修改。 
这对较复杂或非私人网页尤其重要，它不单提醒自己也提醒其他同事这部分 做什么、那部份做什么。 
例子： 
<!--由这里开始是产品订购表格--> 

用作版权声明。 
假如你不希望别人使用或复制你的网页，可加上警告字句。 
例子： 
<!--本文版权为 2000, FortuneAge 所有，未经许可，请勿抄摘--> 
■ <P> ： ▲Top 


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

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

　　<P> 的常用参数： 如：<p align="center"> 

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. 
<P>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 
<br>What's new 
<br>My profile</DIV>  
显示结果 Chris's First Homepage 
What's new 
My profile 

■ <NOBR> ： ▲Top 


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

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

<NOBR>

Chris's Creation of Webpage</NOBR> 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.  

■ <WBR> ： ▲Top 


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

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

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

Silicon

Valley/<WBR>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: ■ 字体标记

<STRONG>  
 <EM> <VAR> <CITE> <DFN> <ADDRESS> 
<TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB> 
<H1> <H2> <H3> <H4> <H5> <H6> 
 <BASEFONT> 

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

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


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

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

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

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

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


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

■<STRONG>  ： ▲Top 


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

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

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


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

例子： HTML Source Code （原代码） 浏览器显示结果 
Creation of Webpage 
<br><EM>Creation of Webpage</EM> 
<br><VAR>Creation of Webpage</VAR> 
<br><CITE>Creation of Webpage</CITE> 
<br><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> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB> ▲Top 


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

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

　　例子： <font face="Arial" size="+2" color="#008000">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 表示绿色，各类颜色值及调色法请参考【调色原理】 
例子： 原代码 <font size="+1">I love Creation of Webpage 
<br><font size="+2" color="#800080">I love Creation of Webpage 
<br><font face="Times New Roman" size="5" color="#008000">I love Creation of Webpage  
显示结果 I love Creation of Webpage 
I love Creation of Webpage 
I love Creation of Webpage  

WWW
WWW(Word Wide Web)是Internet最新的一种信息服务。它是一种基于超文本文件的交互式浏览检索工具。用户可用WWW在Internet网上浏览、传递、编辑超文本格式的文件。

PPP
称为点对点通信协议(Point to Point Protocol)，是为适应那些不能在网络线上的使用者，通过电话线的连接而彼此通信所制定的协议。

域名
域名其实就是入网计算机的名字，它的作用就象寄信需要写明人们的名字、地址一样重要。域名结构如下：计算机主机名.机构名.网络名.最高层域名。域名用文字表达，比用数字表达的IP地址容易记忆。加入Internet的各级网络依照DNS的命名规则对本网内的计算机命名，并负责完成通讯时域名到IP地址的转换 。

DNS
DNS(Domain Name System,域名系统)是指在 Internet上查询域名或IP地址的目录服务系统。在接收到请求时，它可将另一台主机的域名翻译为IP地址，或反之。大部分域名系统都维护着一个大型的数据库，它描述了域名与 IP地址的对应关系，并且这个数据库被定期地更新。翻译请求通常来自网络上的另一台计算机，它需要IP地址以便进行路由选择。 

IP地址
IP地址称作网络协议地址，是分配给主机的一个32位地址，由4个字节组成，分为动态IP地址和静态IP地址两种。动态IP地址指的是每次连线所取得的地址不同，而静态IP地址是指每次连线均为同样固定的地址。一般情况下，以电话拨号所取得的地址均为动态的，也就是每次所取得的地址不同。

BBS
BBS（Bulletin Board Service,公告牌服务）是Internet 上的一种电于信息服务系统。它提供一块公共电子白板，每个用户都可以在上面书写，可发布信息或提出看法。大部分BBS由教育机构，研究机构或商业机构管理.象日常生活中的黑板报—样，电子公告牌按不同的主题、分主题分成很多个布告栏，布告栏的设立的依据是大多数BBS使用者的要求和喜好，使用者可以阅读他人关于某个主题的最新看法(几秒钟前别人刚发布过的观点)，也可以将自己的想法毫无保留地贴到公告栏中。同样地，别人对你的观点的回应也是很快的(有时候几秒钟后就可以看到别人对你的观点的看法)。如果需要私下的交流，也可以将想说的话直接发到某个人的电子信箱中。如果想与正在使用的某个人聊天，可以启动聊天程序加人闲谈者的行列，虽然谈话的双方素不相识，　却可以亲近地交谈。在BBS里，人们之间的交流打破了空间、时间的限制。在与别人进行交往时，无须考虑自身的年龄、学历、知识、社会地位、财富、外貌，健康状况，而这些条件往往是人们在其他交流形式中无可回避的。同样地，也无从知道交谈的对方的真实社会身份。这样，参与BBS的人可以处于一个平等的位置与其他人进行任何问题的探讨。这对于现有的所有其他交流方式来说是不可能的。BBS连人方便，可以通过Internet登录，也可以通过电话网拨号登录。BBS站往往是由一些有志于此道的爱好者建立，对所有人都免费开放。

E-Mail
电子邮件E-mail是传统邮件的电子化。它的诱人之处在于速度之快，而且可以进行一对多的邮件传递，同一邮件可以一次同时发给许多人。另外它并不需要通信双方同时在场 。

Usenet 
用户交流网Usenet是网络新闻服务器的主要信息来源。Usenet完全是一个民间自发建立 的，使用Internet交换信息但又不完全依赖Internet进行通讯的用户交流网络。使用Usenet的自愿者共同遵守一些约定的网络使用规则。

ICQ 
ICQ是"I Seek You"的英文缩写,网友们常称它为"网络寻呼机"。ICQ是互联网新增的一项功能，它主要用于让你得知你的网友现在是否在线(注意：你网友的机器上必须安装有ICQ),并且可以实现互相交谈或者传输信息,它与Email相比更具有即时性,更具有现场感。

IRC
IRC(Internet Relay Chat)，它提供在Internet上的使用者实时聊天、沟通的服务 。
Internet Phone
Internet Phone是一个结构在互联网络上用语音交谈的通信商业软件，可以实现网上实时交谈 。
ISP
ISP(Internet Service Provider)指Internet网络服务提供商。

TCP/IP
TCP/IP通信协议主要包含了在Internet上网络通信细节的标准，以及一组网络互连的协议和路径选择算法。TCP是传输控制协议，相当于物品装箱单，保证数据在传输过程中不会丢失。IP是网间协议，相当于收发货人的地址和姓名，保证数据到达指定的地点。

浏览器(Browser)
是观看全球信息网上信息的必备工具。常见的有：Netscape Navigator、Internet Explorer 、Internet in a Box 等。

URL
URL(Uniform Resource Locator)指一致性资源定位法,用于指明资料在互联网络上的取 得方式与位置。其格式为：通讯协议：//服务器地址：通讯端口/路径/文件名。例如：电脑报的URL为Http://www.cpcw.com/

Intranet
是采用Internet技术的企业级内部网。对于分散的企业公司无需使用昂贵的专用线路，只需使用公用的Internet，通过对防火墙的设置，就可很容易的将其连成一个虚拟的专用网 。

Web节点
您可以把WWW视为Internet上的一个大型图书馆，Web节点就象图书馆中的一本书，而Web页则是书中的某一页。多个Web页合在一起便组成了一个Web节点。主页是某一个Web节点 的起始页，就象一本书的封面或者目录。

超级链接
Web上的页是互相连接的，单击被称为超级链接的文本或图形就可以连接到其它页。超级 链接是带下划线或边框，并内嵌了Web地址的文字和图形，通过单击超级链接，您可以跳 转到特定Web节点上的某一页。

代理服务器(Proxy Server)
代理服务就是代理Web用户去取得资料回来，通常使用WWW软件要去连结远方的终端取得资料时，必须送出要求信号然后再一个字节一个字节的传送回来。有了proxy的设定以后，要求资料的信号会先送到Proxy Server。当Proxy Server得到用户的请求时，首先会到cache中寻找有没有同样的资料，如果有，就由Proxy Server直接将资料传给用户，如果cache没有资料，Proxy Server就会利用网络上所可以使用的频宽，到远端站台取回资料，一边储存在cache中，一边传送给用户。即使线路阻塞，还是比用户自己直接抓取要来得快速的。

超文本(HyperText)
超文本基本上与一般的文字档案没有差别，可用文本编辑器来生成和修改。唯一的差别在于超文本中有链接(Link)，可以链接其它文档，如果你使用过Windows软件的话，那么或许用过它的帮助文档，当你用鼠标单击帮助文档中的带绿色下划线的单词时，它会显示与它相关的文档，其实这就是一种超文本。利用链接文档可以相互引用，这种引用就形成了一个蜘蛛网状的结构，故将这种信息系统称为Web(蜘蛛)。
防火墙（firewall）
Firework(防火墙)是加强Internet 与 Intranet（内部网）之间安全防范的一个或一组系统。防火墙可以确定哪些内部服务允许外部访问，哪些外人被许可访问所允许的内部服务，哪些外部服务可由内部人员访问。　为了使防火墙发挥效力,来自和发往 Internet的所有信息都必须经由防火墙出入。防火墙只允许授权信息通过，而防火墙本身不能被渗透。 

MUD
MUD的英文全名是Multiple User Dimension、Multiple User Dialogue或 Multiple User Dungeon，译为“多人世界”、“多人对话”或“多人地牢”，俗称“泥巴”游戏。

CGI（Common Gateway Interface）公用网关接口
公用网关接口是一个可以产生相同结果或结果随用户输入而变化的程序。它可以用一种解释性的界面语言编写，也可以用一种编译方式的编程语言编写。CGI规定了Web服务器调用其它可执行程序的接口协议标准。Web服务器通过调用CGI程序实现和Web浏览器的交互，也就是CGI程序接受Web浏览器发送给Web服务器的信息，进行处理，并将响应结果再回送给Web服务器和Web浏览器。CGI程序一般完成Web网页中表单数据的处理、数据库查询和实现与传统应用系统的集成等工作。CGI程序虽然可以用任何程序设计语言编写，但是用C语言编写的CGI程序具有执行速度快、安全性高等特点。
163
163网即中国公用计算机互联网（CHINANET），该网络由邮电部建设经营，是我国四个计算机互联网之一，是Internet在中国的接入部分，其用户特服输入号码为163，故称163网。 

169
　169网则是指邮电部于1997年投资经营、采用Internet／Intranet技术、充分利用国家公用通信网的网络资源组建的中国公众多媒体通信网。该网络的特服输入号码为169，故又称169网。 

Hacher
Hacher（黑客）指热衷于深入了解计算机系统或网络内部工作原理的那些程序设计人员。这个词汇常被用于贬意的场合，指那些利用其掌握的网络技术侵入非公开的机构(如金融机构，军事部门等)网络进行破坏或制造恶作剧的人。 

Homepage（主页） 
在World Wide Wed环境中，信息是以信息页的形式显示和链接的。信息页主要由HTML语言实现，其中可以包含文字，图形，图象，动画，声音和视频等信息内容，信息页之间建立了超文本链接（Hyper Text Link）以便于测览。Homepage（主页）是指个人或机构的基本信息页面，用户通过主页可以访问有关信息资源的其他页（Pages）。主页通常是用户使用Web浏览器程序访问Internet上任何Web主机所看到的第一个页面。

MIME
是multipurpose Internet mail extensions 的缩写。它是一种协议，可使电子邮件除包含一般纯文本以外，还可加上彩色图片、视频、声音或二进位格式的文件。它要求邮件的发送端和接收端必须有解读MIME 协议的电子邮件程序。

POP
是Post Office Protocol 的缩写，是互联网电子邮件协议标准。我们可以通过有POP 服务功能的主机传送及接收电子邮件。该协议的缺陷是，当你接收电子邮件时，所有的信件都从服务器上清除，下载到你的本地硬盘。当然
也有一些客户端程序可以将电子邮件留在服务器上，或设置成超过一定大小的文件不可下载。随着邮件采用多媒体格式，邮件会越来越大，我们希望能够灵活掌握下载什么文件、何时下载，这就需要IMAP 协议。目前POP的版本为POP3。

IMAP
是Internet Message Access Protocal 的缩写。IMAP 提供了一个在远程服务器上管理邮件的手段，它与POP 协议相似，但功能比POP 要多，功能包括：只下载邮件的标题、建立多个邮箱和在服务器上建立保存邮件的文件夹。

MAPI
是Messaging Application Progrmming Interface 的缩写。微软和其它一些公司开发了MAPI，可使Windows 应用程序接入到从Microsoft Mail 到Novell MHS的多种消息系统。但是， MAPI 仅限于在日常工作的水平上工作，即感知邮件的应用程序，它可在网络上交换邮件与数据。

SMTP
是“简单邮件传输协议”(simple mail transfer protocol) 的缩写。当你在互联网上收发电子邮件时，是SMTP在维护传输秩序，它规定邮件服务器之间进行哪些工作。

UUencode
像 MIME 一样，UUencode可以让你在互联网上发送二进制文件。UUencode即从Unix 到Unix之间编码，将二进制数据转换成ASCII 文本格式，以便插入电子邮件的正文。收件人必须用UUdecode 应用程序将文本转回二进制格式。
attachment附件
即附在电子邮件正文上的文件。许多邮件包都采用MIME编码来附加文件。

Filters
过滤器也称“规定”，过滤器可用来管理收到的文件和保存的文件。具有过滤功能的软件可根据一定的规则自动采取行动，如按照发信人地址自动将邮件放到有关的文件夹内，或对某类信件予以事先写好的回复，或删除指定“事由”内容的信件

网络综合症
这是虚拟世界里特有的一种病。症状表现为：上网眼发绿，下网心发慌；开口言伊妹，闭口皆老猫。治疗此病的最好办法是将他的老猫藏起。

网虫
网络里特有一种小虫子，长有千里眼和顺风耳。能将千里之外的信息声音图像尽收眼前。

老猫
老是老了点，不过没它可真不行。发起脾气来，谁拿它也没治。不过只要你用心，了解了猫性，它还是蛮听话的，对着你亲切的“喵咪”一叫，好舒坦哪。

网吧
一种没有咖啡，没有啤酒，但品起来却比咖啡味浓，比啤酒更醇的场所。不过时下有的人挂羊头卖狗肉，把这地方糟蹋得不象样子。

黑客
虽是客人，但却经常搞些恶作剧，让人生厌让人烦。一不留神，他反客为主，让你气不打一处来。

东东
如果把网络比作一个超级市场的话，那么上面琳琅满目的各类商品，就是网虫们的“东东”了。

斑竹
原称“版主”。一个常常板着面孔教导你如何在网络上生存如何立足如何成“家”立“业”（个人主页 HOMEPAGE）的人。相当于报纸的责任编辑和电台电视台的节目主持人。在网络论坛中，掌管你文章的生杀大权。

伊妹儿
有时比你的亲妹妹还可爱。温柔漂亮，不辞辛苦，把你的问候带向千山万水，把朋友的祝愿带到你的案头。但有时也良莠不分，带来些病毒，可把你害苦了。

泥巴
一种能让网虫陶醉其中不能自拔的万能“胶水”，好糊不好洗，因为这种泥巴能让一个普通人尝到做英雄美女侠客大亨的滋味。

网上冲浪
这是网虫最青睐的一种体育运动。但有时网海深不可测，不知何处是暗礁，何处有鲨鱼，搞得网虫叫苦连天。