子数涵数·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://HdhCmsTestw3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"  > 
  2     html   xmlns  ="http://HdhCmsTestw3.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  >  

查看更多关于子数涵数·DW纯文字页面的详细内容...