基本网站自定义入门

重要:  本文是由机器翻译的,请参阅免责声明。请在 此处 中查找本文的英文版本以便参考。

您以后就可以轻松地创建动态和专业水准的网站 — 包括工作组网站、 博客网站和会议工作区网站各种 — 使用任何丰富的网站模板。从这些网站模板创建网页工作,就像是许多组织和目的,但有时您可能希望自定义您的网站,或者甚至的所有页面在您的网站中的页面。例如,如果您想要使用新的 intranet 网站以获取您的组织的销售人员兴奋和培训上新的产品,您可以将网站基于工作组网站模板中。然后,您可以添加文本或图形转换为单个页面,更改顶部链接栏、 重新排列和编辑快速启动上的项目并更改字体和格式设置为网站。

Microsoft Office SharePoint Designer 2007是用于自定义Windows SharePoint Services 3.0网站和Microsoft Office SharePoint Server 2007网站选择的工具。本文向您介绍一些基本的方式在其中您可以使用自定义 SharePoint 网站Office SharePoint Designer 2007。

注意: 所有这篇文章中的示例使用 SharePoint 工作组网站模板。

本文内容

自定义页面简介

向页面添加文本或图形

自定义顶部链接栏

自定义快速启动栏

更改字体和格式

建议的后续步骤

自定义页面简介

打开页面,想要开始自定义,但好像找不到选择所需的内容和指针通常看起来像如下图所示。

带有指示不可编辑区域的指针的网页

指针看起来像这表示不可编辑的区域。由指定页面所基于的母版页的内容占位符控制是否可编辑区域。因此,若要了解如何自定义页面,您必须首先了解母版页和内容占位符。

主页页面在何处获得其内容和格式?

主页页面内容和格式来自默认母版页。母版页是保持附加到页的页面模板。当母版页的更改时,所有附加到其页面还可以更改。母版页更加轻松地更新多个页面一个操作。母版页还使易于应用一致的外观,包括图形、 字体和格式设置 — 到少数几名或所有 SharePoint 网站中的页面。

Windows SharePoint Services 3.0网站中的默认母版页名为 default.master,并且位于网站的母版页_catalogs/文件夹中。Default.master 控件的格式和所有其他默认页 (如列表窗体) 的主页页面。若要自定义主页页面的外观,您可以将内容添加到区域内的主页页面的默认母版页,会将被指定为可编辑或您可以自定义网站的默认母版页。

注意: 不能通过 default.master,而是由不同的母版页,则可能控制Office SharePoint Server 2007中的网站主页。主页页面附加到哪个母版页取决于网站创建网站定义。

占位符有哪些?

当您首次在Office SharePoint Designer 2007打开 SharePoint 网站的主页上时,您将看到如下所示的一个主页页面上的占位符。

主页上的占位符

母版页占位符可以在其中添加或编辑内容的附加页面上定义的区域。占位符也预订点的功能已在页面上使用,或者由另一个程序,如Microsoft Office Forms Server 2007或Microsoft Office Project Server 2007保留以供将来使用。母版页Office SharePoint Server 2007网站中的有多个默认、 所需的占位符比执行Windows SharePoint Services 3.0网站母版页。

在区域标签上,该占位符名称后面跟有(Master)(自定义)。标记(Master)的占位符包含从母版页在网站中的默认内容和占位符标记(自定义)包含已添加到当前页面上的自定义内容。

若要自定义占位符内容,例如顶部链接栏或快速启动中,必须首先解除占位符锁定以进行编辑。若要执行此操作,请单击占位符旁边的箭头,然后单击创建自定义内容

带有显示“创建自定义内容”命令的菜单的占位符

您可以自定义独立于其他母版页上的每个占位符。例如,您可以更改的样式应用于占位符,请将其移动到另一个位置在页上,或完全删除它。但是,您应删除仅谨慎内容占位符。如果删除您的母版页内容占位符,每个提供该区域内容的内容页将显示错误。

遇到问题时,会发生什么情况?

在编辑主页页面时,有时甚至经验丰富的用户可以使错误。在主页页面的自定义发生倾斜后,可以重置使用最初从中创建网站的网站定义到原始主页。若要了解如何操作,请阅读重置为网站定义自定义的页面。此外,如果您有存储在该文档库中启用了您的网站和您正在编辑的页面中的文档库版本控制,您可以始终回滚到页面的早期版本如果您遇到的问题。

什么是不是主页页面的页面?

主页页面中,如 SharePoint 网站中的默认页面的所有受母版页。如果您想要自定义页面,您可以开始通过在页面上的占位符中输入自定义内容。如果您不能使用占位符中的更改,您可以编辑控件的页面的母版页。

当您在Office SharePoint Designer 2007打开任何页上时,您可以识别的母板页控制该页面格式通过查看在页面视图的右上角中的位置和页面的名称指定的位置,如下图所示。

“网页”视图的右上角,标识了母版页

在此例中,页面 AllItems.aspx 附加到默认母版页,它位于_catalogs文件夹中的网站母版页文件夹,命名为 default.master。每次您自定义页面,您决定这两种类型的自定义设置以使:

  • 自定义设置到单个页面仅,通过添加或编辑内容占位符中的内容

  • 附加到该主控形状的所有页面,将会反映母版页的自定义

返回页首

向页面添加文本或图形

单击内容占位符,并通过单击创建自定义内容,使该区域可编辑之后,可以占位符框内单击,然后开始键入。您也可以拖动到占位符驻留在网站中的文件夹列表中的图像。

返回页首

自定义顶部链接栏

顶部链接栏上的选项卡自动同时列出主页和链接到它。同时列表,而且链接到任何子网站,在此网站,但只有您使用浏览器中创建子网站并选中显示父网站的顶部链接栏上的此网站选项下的主页页面。

带有主页链接的顶部链接栏

您可以修改顶部链接栏或者在浏览器中 (通过单击网站设置,然后转到顶部链接栏页) 或Office SharePoint Designer 2007 (通过使用以下步骤)。修改顶部链接栏中Office SharePoint Designer 2007是工作的可视化效果更佳方法,因为可以拖动到链接栏的页面。此外,当命名导航视图中的页面,在浏览器窗口中显示的页面标题将自动更改为新的名称。

  1. 打开您要修改Office SharePoint Designer 2007在顶部链接栏的网站。

  2. 网站菜单上,单击导航

    导航视图打开以显示网站的直观表示。由地球仪符号框表示链接栏。

    显示链接栏的“导航”视图

移至顶部链接栏中您的网站添加现有页的链接

  • 文件夹列表中,单击您想要从顶部链接栏中,链接到的页面,然后将其拖动到SharePoint 顶部导航栏框中的正下方的位置。位置页面时,您将看到一个连接线线条,指示,此页面的链接会添加到的顶部链接栏。

    注意: 

    • 列表的主页面名为 AllItems.aspx,且位于列表/列表名称 / 目录在您的网站 (其中列表名称是列表,如通知、 日历、 链接、 任务或工作组讨论的名称)。对库的主页名为 AllItems.aspx,且位于库名称/表单/目录在您的网站 (库名称所在的库的名称)。

    • 如果看不到文件夹列表中,单击任务窗格菜单上的文件夹列表。如果您无法读取导航视图中的框上的标签,因为剪切文本,请将指针停留在框中。在屏幕提示中显示的完整名称。如果在SharePoint 顶部导航栏框下不显示的任何页面,底部的以展开的页列表框中单击加号 (+)。

顶部链接栏中添加新页面的链接

  • 右键单击SharePoint 顶部导航栏,指向新建,然后单击页面

    创建新的页面。

    如果看不到文件夹列表中的新页面,请双击它以将其打开进行编辑,然后才会出现。

重命名的顶部链接栏上的链接

  1. SharePoint 顶部导航栏框中,右键单击要更改的页面,然后单击重命名

  2. 键入新名称的页面。只要您单击其他页面已更改的链接栏上的链接。

    此更改会影响仅 SharePoint 顶部链接栏上的链接。它不会影响文件名或页面标题。

从顶部链接栏中删除链接

  • 在导航视图下的SharePoint 顶部导航栏框中,右键单击要删除的页面,然后单击删除

    从顶部链接栏中删除页面上的链接。不会删除页面本身。

更改顶部链接栏上的链接的顺序

  • 您可以拖动页面进行重新排序。例如,如果列出了第一次一个名为开始页和一个名为计划页列出了第二步,但要颠倒顺序排序,请在导航视图中,开始向右拖动的计划。

    注意: 确保两个框保持SharePoint 顶部导航栏框下方。

返回页首

自定义“快速启动”

快速启动会自动显示的所有 SharePoint 列表和库,您在Office SharePoint Designer 2007或在浏览器中创建的网站上的链接 (在浏览器中,您必须选择选项显示在快速启动栏上的此列表 [或库])。网站部分中自动提供所有的子网站的链接。人员和组部分中自动提供的所有用户和组具有此网站的访问权限的列表的链接。下面是自定义文档、 图片、 列表、 讨论和调查部分的快速启动使用Office SharePoint Designer 2007时可以采取的步骤。

显示默认设置的“快速启动”

  1. 在Office SharePoint Designer 2007,打开您要修改快速启动的网站。

  2. 网站菜单上,单击导航

    导航视图打开以显示网站的直观表示。由地球仪符号框表示链接栏。

    显示展开的“快速启动”的导航栏

删除了某个分区的快速启动

您可能想要删除的快速启动部分,如果不使用所表示该分区的功能。例如,如果您不使用讨论,您可以删除讨论部分。

  • 右键单击框中,表示您想要删除的信息,如讨论的节,然后单击快捷菜单上的删除

将现有页的链接在您的网站添加到快速启动

  • 文件夹列表中,单击您想要从快速启动链接到的页面,然后拖动页面到快速启动框下的位置。

注意: 

  • 列表的主页面称为 AllItems.aspx,且位于列表/列表名称 / 目录在您的网站。对库的主页称为 AllItems.aspx,且位于库名称/表单/目录在您的网站。

    如果您希望链接显示在快速启动 (如文档、 图片和列表) 的标题级别,请确保将其拖正下方的快速启动框。如果您希望显示现有的标题下面的链接,请确保将其拖动该标题的正下方。链接到的页面将添加到快速启动。

  • 如果看不到文件夹列表中,单击任务窗格菜单上的文件夹列表。如果您无法读取导航视图中的框上的标签,因为剪切文本,请将指针停留在框中。在屏幕提示中显示的完整名称。如果在快速启动框下不显示的任何页面,底部的以展开的页列表框中单击加号 (+)。

将新页面的链接添加到快速启动

  • 右键单击快速启动框中,在快捷菜单上,指向新建,然后单击页面

    创建新的页面。

    此选项为文档中,图片相同级别的页眉中创建新页面和相应的链接,并列出。如果您想要在现有的分区中创建新的页面,右键单击该标题,而不快速启动框中的分区的框在快捷菜单上,指向新建,然后单击页面

重命名快速启动上的链接

  1. 快速启动框中,右键单击要更改的页面,然后单击重命名

  2. 键入新名称的页面。只要您单击页面外更改链接栏上的链接。

    此更改影响快速启动上的链接。它不会影响文件名或页面标题。

更改快速启动上的链接的顺序

  • 在导航视图中,拖动页面进行重新排序。例如,如果您希望列表放在文档中,单击文档,然后将其拖动到列表的右侧 (或单击列表,然后将其拖到文档的左侧)。

    注意: 执行此操作时,请确保框中,在快速启动框下保持。

返回页首

更改字体和格式

字体和格式的每个网站受行业标准级联样式表 (CSS)。对于Windows SharePoint Services 3.0网站,称为位于 http://my_server/_layouts/language ID 中的样式的 core.css 文件中指定的 CSS 规则。(Office SharePoint Server 2007网站可能使用不同的样式表)。如果您有权编辑 core.css,您可以修改要更改的字体颜色、 字号、 段落间距、 背景图像、 边框、 字符间距。修改 core.css 时,您的网站中自动创建 core.css 的本地副本。本地 core.css 会覆盖服务器 core.css 在其附加到的页面或母版页。但是,如果发生误操作,并且想要返回到默认 core.css,很容易地执行通过仅删除复制的 core.css。

通过使用您的网站的默认母版页和通过使用CSS 属性管理样式任务窗格,您可以确定哪些样式应用到所需的更改,然后修改这些样式的可视元素。如果您希望所做的更改显示在网站中的所有页面上,确保您正在使用的网站的默认母版页和而不是 default.aspx 页面。

从“CSS 属性”打开“修改样式”对话框

例如,如果您想要更改的页面的背景色,您需要找到样式定义的背景色的位置,然后更改这些样式以应用所需的背景色。

通常是最好直接创建 Default.master,而不是修改 Default.master 的副本。但是,如果您执行直接向 Default.master 进行更改,而不满意所做的更改,您始终可以为网站定义重 Default.master。有关详细信息,请参阅文章重置为网站定义自定义的页面

  1. 若要创建一份 Default.master,在文件夹列表中,右键单击 Default.master,,然后单击复制

  2. 右键单击母版页文件夹,然后单击粘贴

    文件夹列表中默认母版页的副本

  3. 双击 default_copy (1).master 以将其打开进行编辑。

  4. 在设计视图中,单击要修改的样式 default_copy (1).master。

    注意: 在设计视图中显示某些内容区域没有样式应用到它们,,因此在应用样式任务窗格中会显示没有对应的样式。例如,如果您选择的内容占位符,请在应用样式任务窗格中将显示无样式。内容占位符,但是,请内部 HTML 元素,例如,< td > 标记出现。

  5. 如果未显示应用样式任务窗格,在任务窗格菜单上,单击应用样式

  6. 应用样式任务窗格中,单击选项,然后单击显示选定内容中使用的样式

    每个样式应用于光标所在的区域的轮廓为蓝色,并在轮廓内显示的样式的预览。

    在下图中,在设计视图中,选择的 div.ms-titleareaframe 处于选中状态。在应用样式任务窗格,显示应用于选择的 div.ms-titleareaframe 的三种样式。顶部的样式,选择的 Div.ms-titleareaframe,定义的背景色。

    注意: 样式是区分大小写,因为大写选择的 Div.ms-titleareaframe与小写选择的 div.ms-titleareaframe区别。

    在设计视图中选择的 Div.ms-titleareaframe 显示“应用样式”任务窗格中的对应样式

    1.选择的 Div.ms-titleareaframe 处于选中状态,在设计视图中。

    2.在应用样式任务窗格中显示三个样式应用于 div.mstitleareaframe。

  7. 右键单击要修改的样式,然后单击选择所有 X 实例,其中 X 是在页面应用样式的实例数。

    本示例中,右键单击顶部的样式,选择的 Div.ms-titleareaframe

  8. 选择样式的所有实例后,再次右键单击该样式,然后单击修改样式

  9. 修改样式对话框中,进行所需的更改,然后单击确定

    要关注的示例中,在修改样式对话框中,在类别下单击背景。在背景色列表中,单击红色 红色 ,,然后单击确定

新样式应用于页面。

设计视图中修改后的样式

继续直到母版页上查找您希望向其如何修改样式。

如果任何时候,您决定您是不满意母版页上所做的更改,您可以将其重置为网站定义。有关详细信息,请参阅文章重置为网站定义自定义的页面

返回页首

建议的后续步骤

基本自定义是要开始,但进行全面、 网站自定义的好地方,您必须首先了解有关母版页和样式表。有关详细信息,请参阅下列文章:

返回页首

注意: 机器翻译免责声明:本文是由无人工介入的计算机系统翻译的。Microsoft 提供机器翻译是为了帮助非英语国家/地区用户方便阅读有关 Microsoft 产品、服务和技术的内容。由于机器翻译的原因,本文可能包含词汇、语法或文法方面的错误。

扩展你的技能
了解培训
抢先获得新功能
加入 Office 预览体验计划

此信息是否有帮助?

谢谢您的反馈!

谢谢你的反馈! 可能需要转接到 Office 支持专员。

×