|
今天我们继续用DW4来学习HTML语言。需要读者注意的是：一定要跟文章同步进行——看着教程，打开DW4，一步一步跟着来，一定收益匪浅。
我们提到了<meta>跟<body>这两个需要参数的标记，也就是行04：<meta http-equiv="Content-Type" content="text/html; charset=gb2312">。这是<meta>标记运用了参数的例子。这一行设定了HTML文件(也就是你做出来的主页)的语系，我们接触最多的就是简体中文、繁体中文、英文、日文等语言。我们在设计页面框内点击鼠标右键，选择Page Properties。就会看到一个新的窗口弹出，找到Doucment Encoding 这一栏，点向下的箭头。选好语系。为了举例，我们选Traditional Chinese(BIG5)这一项，这是繁体中文的语系。
选择以后点击“OK”，会看到<meta>那段代码从<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 改变成<meta http-equiv="Content-Type" content="text/html; charset=big5"> 。仔细看看哪里不一样？对了，就是 charset=big5 这里。这一改变已经设定了这个页面所支持的语系就是繁体中文了。我们再把big5改写成iso-8859-1，就会看到字体的变化，这是纯英文站点应该使用的语系。我们不一定会对所有语系参数都掌握清楚(这么多语系，记常用的几个就行)，你可以回到刚才Page Properties那里，自己选择不同的语言，就会学到很多相应的标记。
上文所述只是<meta>标记中的一个参数(功能)，现在来看看(Description)你的站点在引擎上的描述和(Keywords)搜索引擎借以分类的关键词。这两个参数，都是应用在搜索引擎的登录上的。我们现在就写入这样的一行，来使我们的站点更容易在搜索引擎中被人找到。在行04下面插入两行：<meta name="Description" content="LearnHtml4.0 With Dreamweaver 4.0">，<meta name="Keywords" content="web,html,macromedia,dreamweaver">。
我们可以很明显地看到meta分两种：一种是http-equiv，相当于 http 文件头的作用，可以直接影响网页的传输；另一种是name，主要用于描述网页, 对应于 content。关于http-equiv这种还有一个非常实用的就是自动刷新，并指向一个网址：<meta http-equiv="Refresh" content="13; url=  http://yourlink"> 13秒后刷新http://yourlink这个连接。对于不想加入浏览缓存的文件，加入这样的一行代码：<meta httpequiv="Pragma" content="no-cache">就行了。
讲完了<meta>，接下来说说<body>这个标记。别小看它，每一幅页面都有这个标记呢。
我们可以通过DW4的简便设置来了解的大部分功能：在设计窗框点击鼠标右键，然后选择Page Properties，进入了页面设计参数的框架，这里的设置大都与<body>有关，如图3把所有设置弄好，然后点击“OK”，就会出现相应的代码。我来解释一下这些参数的具体意思。对于bgcolor跟text大家在上节课都已经了解了；link=“#666666”是设置文字连接的颜色；vlink=“#FF0000”是设置被按过后的文字链接的颜色；alink=“#999999”是设置刚按过的文字连接的颜色；leftmargin=“0”设置了整个主页的左边距为0，也就是贴着左边；topmargin=“0”设置了整个主页的顶边距为0；marginwidth=“0”和marginheight=“0”共同设置了页边空白区域为0；background=“bg01.gif”设定背景图片，只能是GIF 或 JPEG文件格式的图片，地址可以是绝对路径或相对路径。很清楚了吧，但是如果要设置浮动的背景(固定背景图片，当卷轴卷动时不会跟着卷动)的话，就要自己加上这一句bgproperties=“fixed”在<body……>内。我们都设置好了的代码。
今天就说到这里了，如果大家喜欢，下一次笔者会教大家在主页中输入内容(文字和图片)，并且进行图文排版。可以学到有关文字、图片的概念，以及表格标记的运用。
|
