第一部分：网页字体的美化.doc

你可能正在建立自己的主页，正在为怎样把自己的主页建得更漂亮而发愁。美化主页的方式多种多样，比如如何把字体弄地更漂亮，如何做出种种的特技，如何加入计数器、表单甚至聊天室，如何做出动画效果等等。这里，我们首先从美化字体开始来谈谈网页制作中的各种技巧。　　第一部分：网页字体的美化　　从一开始做网页，我们就不断地同字体打交道，漂亮的字体给人一种美的享受，可以让人阅读起来很轻松，不会让浏览者因为眼睛吃不消而放弃浏览。　　在HTML中，字体的控制是采用font face=宋体 size=3 color=blue追梦工作室/font类似的格式来进行控制的。其中的三个属性值的含义入下：　　face=...：这是字体样式的设置，例如：face=黑体，但前提是浏览者的系统中必须安装有该字体，否则将以默认的宋体显示；另外一种格式是face=第一种字体，第二种字体，这种格式表示假如浏览者的系统中没有安装第一种字体，那么将以第二种字体显示。size=...：设置字体的大小，一般是从1到7，它的默认值是+3，每次改变字体都是+3或者-3。color=...：设置字体的颜色，例如：color=red，这是直接采用颜色的英文来定义；还有就是color=#000000，这是采用颜色的RGB16进制值来定义；采用RGB16进制比采用英文名称定义表示的颜色更多，更丰富。但是，你是不是觉得采用上面的办法定义的字体仍然不够美观，字体边缘不够圆滑，而且不具有动感。好的，我们现在就改用CSS（层叠样式表）来对字体进行控制。CSS是放在/title和/head之间的一段代码，例如：style type=text/cssBODY { FONT-FAMILY: 宋体; FONT-SIZE: 9pt }P { FONT-FAMILY: 宋体; FONT-SIZE: 9pt }BR { FONT-FAMILY: 宋体; FONT-SIZE: 9pt }A:link { COLOR: #000000; FONT-SIZE: 9pt; TEXT-DECORATION: none}说明了超级链接还没有被访问，它没有下划线，颜色为黑色。A:visited { COLOR: red; FONT-SIZE: 9pt TEXT-DECORATION: none}说明了超级链接被访问过了，它没有下划线，颜色为红色。A:active { color: blue; text－decoration:underline }说明超级链接处于活动状态，它的颜色变成了蓝色，有下划线。A:hover { COLOR: green; TEXT-DECORATION: underline }说明鼠标移动到超级链接后，它有下划线，文字颜色变成了绿色。/style　　其中，BODY...、P...、BR...这三行分别表示在标签BODY/BODY、P/P和BR/BR之间的字体的属性。所有的值大家都可以根据需要进行改变。CSS是一个非常复杂的东西，他所能够做的远不止这些，有兴趣的朋友可以多到网上看看相关的文章。　　对于字体的美化工作，我们还可以把文字做成图片的方式来“对付”那些没有安装此种字体的浏览器，不过这种办法不适合在大段的文字上采用，因为他损失的是浏览者的下传时间。　　第二部分：JavaScript的引用　　JavaScript是在网页中使用得最多的一种特效了，JavaScript的结构比较简单，而实现的功能却非常强大。这里我们不向大家介绍JavaScript，因为这不是一个教程；我们只举出一些实用的JavaScript小程序例子，让你可以马上使用。　　1、显示日期和时间（请将下列代码COPY到body/body之间的任何一个你想放置日期显示的地方）table border=1 width=80%tbodytrtd bgColor=#000000 width=100%font color=#ffffffscript language=JavaScript!--now = new Date()hour = now.getHours() 得到当前的小时if (hour 12) { document.write(现在是: + now.toLocaleString())} else if (hour 18){ document.write(现在是: + now.toLocaleString())} else if (hour = 18) {document.write(现在是: + now.toLocaleString())}// --/script /font/td/tr/tbody/table　　2、在状态栏显示走动的时