首页 技术 正文
技术 2022年11月15日
0 收藏 433 点赞 2,298 浏览 606 个字

在这节里,我们将抛开Umbraco来看看已创建的站点。在我们介绍Umbraco之前,需要了解站点是如何工作的,如何使用使用浏览器工具。

我们看到在标签顶端的内容叫做页面标题。每个页面的标题都会改变表示该页面的主题。

介绍WEB站点结构

另一部分是地址栏,

介绍WEB站点结构

当我们转到Umbraco后台可以看到我们内容树。我们可以看到页面的结构,类似于我们网站上的导航栏。

介绍WEB站点结构

你会发现主页URL地址后面没有任何内容,这就意味着所有其他页面在这个根目录下。这个根页面我们称之为一级页面。

介绍WEB站点结构

在Getting Started 页面,所有后续页面都创建在根目录页面下。比如:如果我们想去新闻板块并点击其中一篇文章,那么将在地址栏中添加三级目录。

介绍WEB站点结构

这将帮助我们在后台找到新闻文章内容,如果 你想展开所有的新闻页面,你将看到所有新闻文章并显示在这儿。

介绍WEB站点结构

下面这张图能帮助我们很好理解网站目录结构:

介绍WEB站点结构

每当添加一层,这类似于植物或树的根,当网站启动从根目录开始,然后从第一级目录移到下一个层。

现在我们理解为什么URL非常重要了,当我们管理或者编辑站点内容,第一件事你需要在Umbraco中找到属性和数据类型。在 Getting Started 页面中,这是一个图片。如果我们想要换一张图,我需要在内容树找到它。

介绍WEB站点结构

如果我们仅仅只是看看URL,我们可以用它作为我们的路线图。

介绍WEB站点结构

页面的其他部分都很简单,现在我们可以将页面拆分为三个部分。头部包含一个导航栏、主体内容区域和页脚通常包含一些社交媒体链接等信息。

介绍WEB站点结构

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,085
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,560
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,409
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,182
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,819
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,902