你的位置:首页 > 网页设计

[网页设计]子数涵数DW——纯文字页面


一、设置Mate属性

1.打开Dreamweaver,新建一个的HTML项目。

2.设置Meta属性,点击左上角图示位置,或插入->HTML->文字头标签->Meta。

3.弹出Meta设置的窗口,输入相关信息(最常用的就是author),然后单击确定。

4.同理,在趋于相同的位置单击(插入->HTML->文字头标签->关键字),设置关键字(关键字是用于搜索引擎查找的,用英文状态下的‘,’逗号来分类)。

5.同理,设置说明(说明和关键字的作用相同,都是用于搜索引擎,区别是说明一般是一句话或一段话,较关键字文字更长,不存在分类)。

6.同理,设置刷新(刷新的作用是自动跳转网页,可以是本页面,也可以是其他页面,一般在时效性较强的新闻类网页中常见)。

7.Meta属性设置完成后,我们可以在设计区上方查看,如果你们的DW没有图示部分,可以点击查看->文件头内容(Ctrl+Shift+H)。

二、设置页面属性

1.右键设计区的空白部分,单击页面属性,弹出页面属性窗口(我们这里不做过多的设置,就只设置标题和外观,有兴趣也可每个都试一试)。

2.选中外观,设置其具体参数。

3.选中标题,设置其具体参数。

4.选中标题/编码,设置其具体参数。

5.单击确定,单击设计区,使其获取焦点,输入文字(例如:Hello world),还可以在下方的属性面板中设置它具体属性,这里不做演示。

6.保存页面(Ctrl+S),按下F12,测试预览。

三、代码

现在,已经制作完成了,让我们来看下代码部分。

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html ="http://www.w3.org/1999/xhtml"> <!--第一行和第二行是DW对页面的文档信息做的一个设置,无须硬记--> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <!--定义了页面是简体中文,它也属于Meta属性,可以在属性面板下的标题/编码里修改--> 5 <title>子数涵数·纯文本页面</title> <!--这就是页面显示的标题--> 6 <meta name="author" content="张子涵" /> <!--我们设定的Meta信息--> 7 <meta name="keywords" content="子数涵数,dreamweaver,网页制作" /> <!--我们设定的关键字--> 8 <meta name="description" content="子数涵数——记录我的成长之路。" /> <!--我们设定的说明--> 9 <meta http-equiv="refresh" content="10" /> <!--我们设定的刷新-->10 11 <style type="text/css"> <!--以下是我们设定的页面属性,它属于CSS层叠样式表-->12 <!--13 body,td,th {14   font-family: 宋体;15   font-size: 20px;16   color: #333333;17 }18 body {19   background-color: #CCCCCC;20   margin-left: 10px; <!--以下四行,是外观中的边距-->21   margin-top: 10px;22   margin-right: 10px;23   margin-bottom: 10px;24 }25 h1,h2,h3,h4,h5,h6 {26   font-family: 黑体;27 }28 h1 {29   font-size: 30px;30   color: #663333;31 }32 -->33 </style></head>34 35 <body>36 hello world <!--这就是页面显示的内容-->37 </body>38 </html>