SharePoint Online 创建门户网站系列之准备篇

news/2024/5/14 4:42:41/文章来源:https://blog.csdn.net/weixin_33691817/article/details/86316301

  门户是SharePoint自推出以来,就非常适合的一种站点类型,在Server版本中,发布站点的应用非常广泛。这里,我们以一个个简单的例子,然后以一个固定的项目Demo,为大家演示如何一步步在SharePoint Online中创建门户网站。

一、 设计工具SharePoint Designer简介

  打开Designer,首先需要点击红框的按钮打开站点,输入站点的地址即可;一般来说,网站地址是打开的首页(如:https://linyus-public.sharepoint.com/Pages/default.aspx)的Pages前面的部分,即https://linyus-public.sharepoint.com;

  Designer可以打开顶级站点或者子网站进行修改和编辑等操作,如果需要修改的内容在哪个部分,就打开所在网站即可。

clip_image001

  输入网站地址,点击确定以后,会弹出Office 365的登陆框,输入账号和密码确认以后,即可登录,登陆后如下图:

clip_image002

  Designer的操作基本和Office 2013的风格一致,所有的功能都在软件最上面的Ribbon菜单中,如果发现需要的功能找不到,可以直接去Ribbon上寻找即可;

  至于Designer的功能有诸如修改母版页、页面布局、页面、添加WebPart Zone和WebPart、添加列表表单和数据视图等,这里不一一描述,会在后续的博客中分别介绍到。

二、 创建网站

  在Office 365中创建网站集,我们需要进入SharePoint管理中心,首先进入管理员,如下图:

clip_image003

  在左侧菜单的最下面,找到SharePoint,如下图:

clip_image004

  进入网站集管理菜单,点击网站集上面的新建按钮,选择公共网站,如下图:

clip_image005

  填写标题,选择网址、语言、时区,添加管理员,设置存储配额和服务器资源,点击确定稍等片刻(我这里等了好久,哎)即可;

clip_image006

  提示创建需要的时间,可能15分钟或者更多,基本都会更多,呵呵;

clip_image007

  可以看到创建完毕,如下图:

clip_image008

  打开网站,如下图,接下来我们会在这个公共网站上,一步步为大家演示,如何创建一个门户网站。

clip_image009

  同样在SharePoint管理中心,网站集的回收站中,也可以看到我们删除的网站,如果是误删除,还可以还原回来,如下图:

clip_image010

三、 网站目录介绍

  1、 母版页和页面布局,位于网站设置 – 母版页和页面布局

  如下图点击设置,找到网站设置,点击进入:

clip_image011

  进入菜单,点击母版页和页面布局,即可:

clip_image012

  进入菜单以后,即可看到所有的母版页、页面布局,如下图:

clip_image013

  特别要说的是,SharePoint的母版页和页面布局,具有签入签出功能、版本控制功能等文档管理的基础功能,方便我们进行修改和维护。

  如果,一不小心错误发布了新版本的母版页和页面布局,均可通过版本控制找回来;如果没有执行签入操作,普通用户也是没有权限看到的。

  2、 页面库,位置 网站设置 – 网站内容 – 页面

  点击网站设置,进入网站内容,如下图:

clip_image014

  进入网站内容以后,找到页面这个库,即是页面库,如下图:

clip_image015

  点击页面库,即可进入,如下图:

clip_image016

  与母版页和页面布局一样,页面库也是具有签入签出功能和版本控制的,但是区别是母版页和页面布局是顶级网站和子站点共用的,但是页面库是网站独占的。

  3、 资源文件,位置:网站内容 – 特定文档库

  SharePoint Online的开发中,资源文件的保存需要特别的规划,以免后期使用和维护过程中,造成资源混乱;这里,我们可以利用自带的文档库,也可以自行创建均可;

clip_image017

  一般进入资源库,先按照文件类型分类创建好需要的文件夹,用来保存同一类型的文件,以方便我们后期管理和维护,如下图:

clip_image018

四、 建议

  在SharePoint Online的开发中,我们推荐将样式表、脚本外部引用,图片文件不要太大,尽量使用JavaScript API而非沙盒解决方案,所有库名称、字段名称的命名先英文,后改中文,不要用特殊符号等,以方便我们后来的实施工作。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_771671.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

腾讯云服务器手动和自动安装WordPress网站程序

如果我们需要建站的话,对于基础个人网站、博客建站选择基础的1Mbps带宽配置的1GB内存的腾讯云服务器还是够用的,且如果我们需要用来建网站的话可以手工添加程序,以及有些面板,比如宝塔面板是自带CMS程序可以直接快速安装WordPress…

MVC5 网站开发之六 管理员 2、添加、删除、重置密码、修改密码、列表浏览

目录 奔跑吧,代码小哥! MVC5网站开发之一 总体概述 MVC5 网站开发之二 创建项目 MVC5 网站开发之三 数据存储层功能实现 MVC5 网站开发之四 业务逻辑层的架构和基本功能 MVC5 网站开发之五 展示层架构 MVC5 网站开发之六 管理员 1、登录、验证和注销 MVC…

网站注册图形验证码

后台代码:package cn.itcast.shop.user.action;import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.Graphics2D; import java.awt.p_w_picpath.BufferedImage; import java.util.Random;import javax.p_w_picpathio.ImageIO;…

深夜分享建站过程---我的启示录

2019独角兽企业重金招聘Python工程师标准>>> 每个人都有做网站的冲动,都想当管理员,拥有更高级的权限,但往往是在私下里与好友或在网上热火朝天、激情澎湃地讨论一番而很少付诸行动。梦想高远固然重要,但脚踏实地的筹划…

嵌入式学习网站

2019独角兽企业重金招聘Python工程师标准>>> 1. 微软嵌入专业技术社区 http://www.winbile.net/cms/ 2. Pocket PC Developer Network http://www.pocketpcdn.com/sections/evc.html 3. 嵌入式研发之家 http://www.itxxh.cn/ 4. Windows Mobile 应用开发 http:/…

python 登陆网站图片验证,用python登录带弱图片验证码的网站

上一篇介绍了使用python模拟登陆网站,但是登陆的网站都是直接输入账号及密码进行登陆,现在很多网站为了加强用户安全性和提高反爬虫机制都会有包括字符、图片、手机验证等等各式各样的验证码。图片验证码就是其中一种,而且识别难度越来越大&a…

linux服务器打包文件,linux系统怎么进行文件打包_网站服务器运行维护,linux,文件...

linux系统怎么打开终端_网站服务器运行维护linux系统打开终端的方法是:1、使用快捷键【ctrlaltt】打开终端,linux支持多终端,可以一次性打开多个终端;2、通过【search your computer】功能搜索terminal。打包(.tar):tar -cvf Pro.…

网站架构文章和MySQL在国际知名网站中的使用量

2008年4月18日,在Alexa安排的一次“Scaling MySQL -- Up or Out?” 的小组辩论中,MySQL、Sun、Flickr、Fotolog、Wkipedia、Facebook、YouTube等国际知名网站的DBA们,对其 网站MySQL数据库服务器、Web服务器、缓存服务器的数量,M…

html gif素材在哪儿找,不会GIF动图制作?不知道从哪里找动图素材?送你2个网站1个软件...

原标题:不会GIF动图制作?不知道从哪里找动图素材?送你2个网站1个软件现在我们再创作内容时,都喜欢加上gif动图,特别是搞笑领域用的更多,这样看上去互让整篇文章都有画面感,而我们想要制作动图应…

一个服务器可以装几个网站,ecs云服务器可以装几个网站

ecs云服务器可以装几个网站 内容精选换一换拥有多个网卡的弹性云服务器,如果每个网卡对应的子网中的DNS服务器地址配置不一致时,通过该弹性云服务器将无法访问公网网站或云中的内部域名。请确保虚拟私有云的多个子网中的DNS服务器地址配置一致。您可以通…

Html CSS Javascript实现星巴克网站的Demo-传统网页布局(一)

Html,Css,JavaScript实现星巴克网站的Demo-传统网页布局(一) 本文实现了星巴克网站的传统布局方法。 图片素材放在百度网盘 链接:https://pan.baidu.com/s/1kzjzY3NNlOEH1qWMgVEzZw 提取码:lpq1 现提供完整…

Html,Css,JavaScript实现星巴克网站的Demo-响应式布局(二)

响应式布局 响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着大屏幕移动设备的普及,用“大势所趋”来形容也不为过。随着越来越多的设计师采用这个技术,我们不仅看到很多的创新,还看到了一些成形的模式…

网站建设公司浅谈比较好网站页面设计的需要哪些合理性?

怎样做出一个好的网站,让你做出网站很容易传递给客户正确的信息表达。通常建站的专业人员都清楚用户体验的重要性,所以大家在制作页面过程中下工夫。那么,如何布局合理的网站设计才能得到用户欣赏呢?根据搜客大伟在网站建设公司多…

大型网站架构演变和知识体系

之前也有一些介绍大型网站架构演变的文章,例如LiveJournal的、ebay的,都是非常值得参考的,不过感觉他们讲的更多的是每次演变的结果,而没有很详细的讲为什么需要做这样的演变,再加上近来感觉有不少同学都很难明白为什么…

几个主流网站系统的引用结构图

引用结构图描述了一个系统中各个部分的关联性:哪个文件与那个文件相关联、哪个系统是另一个系统的子系统。 在研究一个系统之前,最好先把它的引用结构图画出来,这将非常有用。Federico Cargnelutti为我们带来了几个主流网站系统的引用结构图…

百度推广:如何正确理解“网站权重”?

我们知道影响网站排名的因素有很多,网站权重经常被用于SEO工作最重要的参考指标,而在实际运营中,它并不是与企业产品转化,完全成正向比例。那么,SEO人员该如何理解网站权重?在回答这个问题之前,…

小云APP移动建站初体验

这段时间一直在研究想给自己的站做一个真正意义上的移动站,APP也好、自适应也罢,也是伤透了脑筋。为何要做移动站?说简单一点,就是身边的朋友已证实,移动端的流量太大了,真是非常大。随便做一个H5页面带来的流量都要比…

介绍MyBatis代码生成网站(三) --- [ Mapper接口类 ] 实际生成效果

为什么80%的码农都做不了架构师?>>> 实际生成的Mapper接口类 package com.icsm.paybank.mapper;import java.util.List; import java.util.Map; import com.icsm.paybank.entity.TabDemo;/*** 实体名称 演示主表* 数据库表 TAB_DEMO* 开发日期 2016-09-…

阿里云服务器(云主机)搭建网站攻略 最新9.5一个月

想了解更多,可前往最新个人博客:Amaya丶夜雨博客 或访问主页:https://www.amayaliu.cn 继2017版本 阿里云服务器(云主机)搭建网站攻略 - 云翼计划 - 博客园 后的服务器攻略,这篇攻略主要针对阿里云出售的…

大型网站架构演变和知识体系

之前也有一些介绍大型网站架构演变的文章,例如LiveJournal的、ebay的,都是非常值得参考的,不过感觉他们讲的更多的是每次演变的结果,而没有很详细的讲为什么需要做这样的演变,再加上近来感觉有不少同学都很难明白为什么…