umbraco教程之⼿把⼿教你⽤umbraco7.4.3做⼀个⼩⽹页【图解】
⼿把⼿教你做个umbraco 7.4.3版本的⼩⽹页。
⽹页效果如下图
⽹页的标题还有正⽂是可以通过后台来更改的，这样我们就可以通过后台来控制⽹页⽂字的显⽰内容了。
总共分三步：
1、制作doucument types
2、制作templates
3、制作content
具体步骤：
创建⼀个包涵⼀个标题和正⽂的doucument type
1、创建⼀个【Document Type】
2、创建【Document Type】以后，在Enter a name 的地⽅填写document type的名字【newsDetail】，如下图所⽰
3、点击【Add new tap】添加⼀个tap，并给tap命名news。
4、点击【Add property】添加属性，出现Property settings界⾯，如下图所⽰
5、在【Property setting】页⾯输⼊相关信息，点击【Add editor】添加⼀个编辑器，点击【Add editor】以后出现select editor界⾯，因为是要做标题所以我们选textbox这个编辑器，然后点击【submit】。如下图所⽰。（此处我们把这个作为标题）
6、添加完标题以后，再次点击【add Property】我们⽤同样的⽅法添加⼀个正⽂，因为正⽂可能包括⽂字图⽚等信息，所以我们在select editor界⾯选择RichText 这个编辑器。如下图所⽰：
7、好了，document type制作完毕，包含了⼀个标题和正⽂。如下图所⽰：
创建⼀个Templates
1、在创建document type以后，系统会默认创建⼀个对应的templates模版。下图中红框内的部分是我们要⼿动写的html代码，css样式我们也可以写在html代码⾥⾯，但是此处我们专们写个css⽂件。
html代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>东⽅价值线资讯</title>
<meta name="viewport"content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/ty_rule.css"rel="stylesheet">
</head>
<body>
<div id="agreement"class="agreement">
<h1>这是标题</h1>
这是正⽂。
如何做网页</div>
</body>
</html>
2、把html代码贴到templates⾥⾯，如下图
3、
这⼀步正重要哦
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论