zoukankan      html  css  js  c++  java
  • 无废话SharePoint入门教程五[创建SharePoint页面布局]

    朋友炒股两个月赚了10万,我帮他推广一下公众号,把钱用来投资总比放银行连通货膨胀都跑不过里强硬核离职,在家炒股 ,这是他每天的日志,有些经验是花钱也买不到的。

    一、前言

    文章成体系,如果有不明白的地方请查看前面的文章。

    二、目录

    1.创建页面布局

    2.首次使用页面布局

    3.修改页面布局

    4.使用页面布局

    5.最终效果

    1.创建页面布局

    (1)打开设计管理器,并点击【创建页面布局】如下图所示:

    (2)填写名称、内容类型、选择母版页,如下图所示:

    (3)发布主要版本,如下图所示:

    此时,包含有“欢迎页面”内容类型的页面布局创建完毕。

    2.首次使用页面布局

    (1)打开首页,点击【页面】更换页面布局,如下图所示:

    (2)修改内容并发布,如下图所示:

    (3)效果预览,如下图所示:

    虽然页面布局创建了,但实际上还不能完全适应我们的需求,下面的我们来一起修改页面布局,让他能够按我们的需要而改变。

    3.修改页面布局

    (1)使用Designer打开网站,如下图所示:

    (2)打开页面布局,如下图所示:

    (3)删除页面布局中内容类型自带的代码(PlaceHolderMain中的),如下图所示:

    删除完成代码后我们要把我们想创建的代码放到这个指定的区域,些处以两个web部件区域为例。

    (4)再次打开设计管理器,并找到testLayout页面布局,如下图所示:

    (5)点击“testLayout”,找到代码段,如下图所示:

    (6)点击Web部件区域,如下图所示:

    (7)复制Web部件区域的代码段,如下图所示:

    (8)把该代码段粘贴到Designer中,并加入适当的div进行定位,如下图所示:

    (9)保存并关闭页面布局,如下图所示:

    (10)得新发布主要版本,如下图所示:

    4.使用页面布局

    (1)逐项删除无用内容,如下图所示:

    (2)添加需要的内容,如下图所示:

    (3)发布页面

    5.最终效果

     

    说明:本篇文章中的页头页尾为了减少信息量只做了两个DIV,掌握了方法后可以自定义扩展

    版权:http://www.cnblogs.com/iamlilinfeng

  • 相关阅读:
    JavaScript日期处理类库momentjs
    sublime text 2 学习
    node.js代理设置
    使用nodejs将html5 canvas base64编码图片保存为文件
    Sublime Text 2 常用插件介绍
    把silverlight treeview 节点前面的小三角换成自定义的图片
    文件监控
    linux内核中的红黑树代码解析
    static关键字
    红黑树的实现(二)
  • 原文地址:https://www.cnblogs.com/iamlilinfeng/p/3201590.html
Copyright © 2011-2022 走看看