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而非沙盒解决方案,所有库名称、字段名称的命名先英文,后改中文,不要用特殊符号等,以方便我们后来的实施工作。

时间: 2024-10-24 14:32:47

SharePoint Online 创建门户网站系列之准备篇的相关文章

SharePoint Online 创建门户网站系列之图片滚动

?? 前 言 创建SharePoint Online栏目我们之前已经介绍过了,具体就是内容编辑器方式.自带WebPart方式和JavaScript读取后台数据前台做展示的三种: 但是,对于复杂的展示来说,这些方式还是会比较难以实现,虽然对于首页的图片轮播来说,通过JavaScript方式已经完全能够胜任,但是,我还是想通过这个栏目,为大家介绍如何使用沙盒解决方案创建WebPart,来完成更加复杂的前台展示. 下面,让我们开始在SharePoint Online的门户网站中创建沙盒解决方案吧 .

SharePoint Online 创建门户网站系列之创建栏目

前 言 SharePoint Online的栏目,简单描述即显示在首页上的各个模块信息,这里,我们主要介绍我们首页上的栏目,包括简介类型.新闻列表类型.图片类型: 下面,让我们开始在SharePoint Online的门户网站中创建栏目吧 . 一. SharePoint Online 为栏目创建列表 创建新闻中心列表,如下图: 我们创建一个内容(多行文本)字段,用来保存新闻的内容: 创建联系我们列表,如下图: 字段:联系人.电话.手机.邮编.网址,类型均为单行文本: 二. SharePoint

SharePoint Online 创建门户网站系列之定制栏目

前 言 SharePoint Online自带的库就带有二级页面和详细页面,也就是Allitems页面和DispForm页面,但是实在不够美观,尤其对于门户网站这一企业门面来说,更是无法接受. 下面,我们就开始学习如何定制SPO的二级页面和详细页面. 一. SharePoint Online定制列表的二级页面 在“新闻中心”的列表页创建一个视图,用来当做二级页面,如下图: 视图类型,选择 基于所有项目创建一个新的视图,如下图: 输入视图名称为“新闻中心”,同时设置为默认视图,如下图: 选择栏,我

SharePoint Online 创建门户网站系列之导航

前 言 关于SharePoint Online中的导航,基本是由Html + Css + JavaScript组成效果以及样式,然后在后台列表或者SharePoint Online元数据导航当做数据源进行展示,通常数据源为列表的我们称之为自定义导航. 下面,让我们分别介绍SharePoint Online的元数据导航和自定义导航. 一.SharePoint Online默认导航 如果想使用SharePoint Online默认导航,可以用F12的方式,看看控件在母版页中的位置,如下图: 在Des

SharePoint Online 创建门户网站系列之首页布局

前 言 SharePoint Online中创建首页布局,一般都是首先将美工提供的效果图,切图成为Html + Css + Script的形式,然后,将所有资源文件传到SharePoint Online的资源库,在Designer中创建页面,添加Html页面,修改引用. 下面,让我们一步步来演示这一过程. 一. 拿到效果图,进行切图 SharePoint Online的布局,通常由美工制作效果图,并且切图为Html+图片+样式+脚本的方式,到我们开发人员手里,就方便页面的创建了. 这里,我已经由

SharePoint Online 创建门户网站系列之母版页

前 言 虽然SharePoint中母版页看起来只是头部Banner和底部版权信息这两个部分,但是实质在SharePoint Online中的页面模型中占有重要地位,而且SPO对母版页有着完善的签入签出机制和版本控制,方便使用. 同时,除了保持网站所有页面的一致性,还方便所有页面中使用的脚本.样式表引用,可以同时影响所有页面. 一. SharePoint Online母版页的签入签出和版本控制 查找母版页和页面库位置,首先进入“网站设置”,如下图: 到网站设置页面以后,点击“母版页和页面布局”,进

SharePoint Online 创建网站

前言 最近计划给大家分享一下,如何在Office 365的SharePoint Online站点中,实现简单的流程审批功能.而且,文章会针对几乎无SharePoint 基础的人群,所以,会有一个系列的文章,这篇文章是最开始的如何创建站点. 当然,如果你接触过SharePoint 很久,也可以围观一下,有问题问问题,有意见提意见,欢迎留言交流. 正文 登陆Office 365首页,点击Admin选项卡,如下图 点击左侧菜单里的SharePoint 选项,如下图: 第一步点击Active sites

SharePoint 2013 创建 Site Collection

在之前的文章中,通过SharePoint Central Administration 创建了Web Application.在这篇文章中将继续SharePoint 2013之旅——还是以Step By Step的形式演示如何在SharePoint 2013中创建Site Collection(网站集),首先梳理下知识点. Site Collection Site Collection是Sites(网站)的集合. Site Collection最大可以包含250000个Sites和Sub Sit

Office 365管理员指引 13——创建部门网站

网站.页面和网站集简介 网站是指您的工作组可以在其中处理项目和共享信息的一组相关网页和应用程序.与特定项目.工作组.组或位置相关的多个子网站和页面可以在单个网站之下组织在一起.创建子网站(或网站集)时,您可以从多个网站模板中进行选择以快速构建网站. 通常,站点.网站.页面和网页之类的术语几乎可以互换使用.在 SharePoint 中,词语"网站"和"页面"有着更具体的含义.网站通常用作组协作或信息共享的位置.例如,常见网站模板包括工作组网站.博客和文档中心.网站上的