欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

子数涵数·DW纯文字页面

程序员文章站 2022-06-16 22:57:23
...
一、设置Mate属性

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

子数涵数·DW纯文字页面

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

子数涵数·DW纯文字页面

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

子数涵数·DW纯文字页面

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

子数涵数·DW纯文字页面

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

子数涵数·DW纯文字页面

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

子数涵数·DW纯文字页面

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

子数涵数·DW纯文字页面

二、设置页面属性

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

子数涵数·DW纯文字页面

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

子数涵数·DW纯文字页面

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

子数涵数·DW纯文字页面

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

子数涵数·DW纯文字页面

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

子数涵数·DW纯文字页面

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

子数涵数·DW纯文字页面子数涵数·DW纯文字页面

三、代码

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

 1 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 html xmlns="http://www.w3.org/1999/xhtml"> 
 3 head>
 4 meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
 5 title>子数涵数·纯文本页面title> 
 6 meta name="author" content="张子涵" /> 
 7 meta name="keywords" content="子数涵数,dreamweaver,网页制作" /> 
 8 meta name="description" content="子数涵数——记录我的成长之路。" /> 
 9 meta http-equiv="refresh" content="10" /> 
10 
11 style type="text/css"> 
12 
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>