SharePoint Online 创建门户网站系列之准备篇
前 言
门户是SharePoint自推出以来,就非常适合的一种站点类型,在Server版本中,发布站点的应用非常广泛。这里,我们以一个个简单的例子,然后以一个固定的项目Demo,为大家演示如何一步步在SharePoint Online中创建门户网站。
一、 设计工具SharePoint Designer简介
打开Designer,首先需要点击红框的按钮打开站点,输入站点的地址即可;一般来说,网站地址是打开的首页(如:https://linyus-public.sharepoint.com/Pages/default.aspx)的Pages前面的部分,即https://linyus-public.sharepoint.com;
Designer可以打开顶级站点或者子网站进行修改和编辑等操作,如果需要修改的内容在哪个部分,就打开所在网站即可。
输入网站地址,点击确定以后,会弹出Office 365的登陆框,输入账号和密码确认以后,即可登录,登陆后如下图:
Designer的操作基本和Office 2013的风格一致,所有的功能都在软件最上面的Ribbon菜单中,如果发现需要的功能找不到,可以直接去Ribbon上寻找即可;
至于Designer的功能有诸如修改母版页、页面布局、页面、添加WebPart Zone和WebPart、添加列表表单和数据视图等,这里不一一描述,会在后续的博客中分别介绍到。
二、 创建网站
在Office 365中创建网站集,我们需要进入SharePoint管理中心,首先进入管理员,如下图:
在左侧菜单的最下面,找到SharePoint,如下图:
进入网站集管理菜单,点击网站集上面的新建按钮,选择公共网站,如下图:
填写标题,选择网址、语言、时区,添加管理员,设置存储配额和服务器资源,点击确定稍等片刻(我这里等了好久,哎)即可;
提示创建需要的时间,可能15分钟或者更多,基本都会更多,呵呵;
可以看到创建完毕,如下图:
打开网站,如下图,接下来我们会在这个公共网站上,一步步为大家演示,如何创建一个门户网站。
同样在SharePoint管理中心,网站集的回收站中,也可以看到我们删除的网站,如果是误删除,还可以还原回来,如下图:
三、 网站目录介绍
1、 母版页和页面布局,位于网站设置 – 母版页和页面布局
如下图点击设置,找到网站设置,点击进入:
进入菜单,点击母版页和页面布局,即可:
进入菜单以后,即可看到所有的母版页、页面布局,如下图:
特别要说的是,SharePoint的母版页和页面布局,具有签入签出功能、版本控制功能等文档管理的基础功能,方便我们进行修改和维护。
如果,一不小心错误发布了新版本的母版页和页面布局,均可通过版本控制找回来;如果没有执行签入操作,普通用户也是没有权限看到的。
2、 页面库,位置 网站设置 – 网站内容 – 页面
点击网站设置,进入网站内容,如下图:
进入网站内容以后,找到页面这个库,即是页面库,如下图:
点击页面库,即可进入,如下图:
与母版页和页面布局一样,页面库也是具有签入签出功能和版本控制的,但是区别是母版页和页面布局是顶级网站和子站点共用的,但是页面库是网站独占的。
3、 资源文件,位置:网站内容 – 特定文档库
SharePoint Online的开发中,资源文件的保存需要特别的规划,以免后期使用和维护过程中,造成资源混乱;这里,我们可以利用自带的文档库,也可以自行创建均可;
一般进入资源库,先按照文件类型分类创建好需要的文件夹,用来保存同一类型的文件,以方便我们后期管理和维护,如下图:
四、 建议
在SharePoint Online的开发中,我们推荐将样式表、脚本外部引用,图片文件不要太大,尽量使用JavaScript API而非沙盒解决方案,所有库名称、字段名称的命名先英文,后改中文,不要用特殊符号等,以方便我们后来的实施工作。
SharePoint Online 创建门户网站系列之准备篇的更多相关文章
- SharePoint Online 创建门户网站系列之创建栏目
前 言 SharePoint Online的栏目,简单描述即显示在首页上的各个模块信息,这里,我们主要介绍我们首页上的栏目,包括简介类型.新闻列表类型.图片类型: 下面,让我们开始在SharePoin ...
- SharePoint Online 创建门户网站系列之图片滚动
前 言 创建SharePoint Online栏目我们之前已经介绍过了,具体就是内容编辑器方式.自带WebPart方式和JavaScript读取后台数据前台做展示的三种: 但是,对于复杂的展示来说,这 ...
- SharePoint Online 创建门户网站系列之定制栏目
前 言 SharePoint Online自带的库就带有二级页面和详细页面,也就是Allitems页面和DispForm页面,但是实在不够美观,尤其对于门户网站这一企业门面来说,更是无法接受. 下面, ...
- SharePoint Online 创建门户网站系列之导航
前 言 关于SharePoint Online中的导航,基本是由Html + Css + JavaScript组成效果以及样式,然后在后台列表或者SharePoint Online元数据导航当做数据源 ...
- SharePoint Online 创建门户网站系列之首页布局
前 言 SharePoint Online中创建首页布局,一般都是首先将美工提供的效果图,切图成为Html + Css + Script的形式,然后,将所有资源文件传到SharePoint Onlin ...
- SharePoint Online 创建门户网站系列之母版页
前 言 虽然SharePoint中母版页看起来只是头部Banner和底部版权信息这两个部分,但是实质在SharePoint Online中的页面模型中占有重要地位,而且SPO对母版页有着完善的签入签出 ...
- SharePoint入门——创建一个网站
1.首先安装SP相关环境,可以百度到具体操作步骤: (以下步骤基于本人环境:本人用的Win10自带的Hyper-V虚拟机.Windows Server2012R2.SQL2014以及SharePoin ...
- SharePoint 2010 文档管理系列之准备篇
前言:很早自己就想写一个系列的文章,但是不知道写什么,最近在QQ群里,好多人说在做文档管理,其实文档管理也是SharePoint的一个很不错的功能点,自己想了想,也想多学习点东西,所以写这个主题吧,今 ...
- SharePoint 2010 文档管理系列
前言,这是自己第一次写一个系列的文档,本来想使用SharePoint 2013版本,但是碍于SharePoint 2013对于硬件要求过高,自己的笔记本无法承受,所以退而求其次选择了在SharePoi ...
随机推荐
- 关于Unicode和URL encoding入门的一切以及注意事项
本文同时也发表在我另一篇独立博客 <关于Unicode和URL encoding入门的一切以及注意事项>(管理员请注意!这两个都是我自己的原创博客!不要踢出首页!不是转载!已经误会三次了! ...
- js每天进步一点点3
JS之样式的改变
- Mybatis逆向生成
在已经有了数据库的表的时候,为了方便起见,我们可以逆向生成javabean,xml,dao接口等,当然,下载mybaits-generation的工具,我这里用的是eclipse插件,然后准备一 个x ...
- 简单设置,解决使用webpack前后端跨域发送cookie的问题
最近用vue来做项目,用webpack来做前端自动化构建.webpack-dev-server会在本地搭建一个服务器,在和后端调试的时候,就会涉及到跨域的问题. 刚开始时,没有用vue-cli来构建项 ...
- 精美素材:40个漂亮的 PSD 贴纸模板《上篇》
贴纸经常被网页设计师用于为标注网站中的不同元素,以此吸引访客的注意.此外,使用贴纸也使网站更具吸引力.虽然设计者可以使用 Photoshop 制作贴纸,但他们也可以利用从互联网上下载现成的模板.这些模 ...
- 自制简单的.Net ORM框架 (一) 简介
在自己研究ORM之前,也使用过几个成熟的ORM方案,例如:EntityFramework,PetaPoco,Dapper 等,用是很好用,但是对自己来说总是不那么方便,EF比较笨重,Dapper要自定 ...
- [C++][操作符]四种显示转换操作符
整理了C++ Primer中提到的四种显示转换,用思维导图写出来,是不是很清晰O(∩_∩)O.
- 前端工程化开发之yeoman、bower、grunt
上两遍文章介绍了前端模块化开发(以seaJs为例)和前端自动化开发(以grunt为例)的流程,参见: http://www.cnblogs.com/luozhihao/p/4818782.html ( ...
- VUE2.0不可忽视的很多变化
今天使用webpack-sample初始一个vue-cli项目,在app.vue文件中添加了个钩子函数ready,可是ready内的事件一直不执行,检查了webpack文件和package.json也 ...
- C# CSV文件读写
public class CSVFileHelper { /// <summary> /// 将DataTable中数据写入到CSV文件中 /// </summary> /// ...