SharePoint Designer使用指南

SharePoint Designer使用指南Tip_1: 模板区域标签
1. 首先，我们用Designer打开任一SharePoint网站，签出任一页面。

2. 然后依次选择菜单栏中的“视图“→“视觉帮助”→“模板区域标签“。

之后我们会发现，设计视图上多了许多如下图的框框。

这就是“模板区域标签“
Tip_2: SharePoint Designer之签入/签出
SharePoint有一个版本控制机制。

所以，认识签入/签出对我们来说格外重要。

1. 用Designer打开任意SharePoint网站之后，如图：
2. 在文件夹列表中，我们右键单击任一文件，“签出“
此时，我们发现，文件前面出现了绿色的“勾“，这就表明，此文件现在已经被你签出。

Tip_3: “母版页“工具
1. 打开任一SharePoint站点，
依次点击“视图“→”工具栏“→”母版页“
2. 此时，会弹出一个“母版页“工具栏，如图：
3. 点击下拉菜单按钮，此处列出了所有你当前页面上放置的PlaceHolder，选
中一个，页面上的对应PlaceHolder也会被直接选中。

Tip_4: 存为自定义文件
1. 当我们签出一个文件之后(文件前面不带任何图标)，此时图标变为““，当我们再将文件签入时，此时会弹出对话框，提示将为站点自定义一个文件。

2.此时，文件前面的图标就变成了“感叹号“，这就表示，现在的文件已经在数据库里另外存储了一份，然后将此自定义的文件应用于我们的网站。

而原先最原始的SharePoint默认自带的那个文件，也还存储在数据库中。

3. 当我们想将自定义过的文件还原成SharePoint默认的时候，如图：
在某一文件上点击右键，有“重置为网站定义“，点击之后，文件前面的图标将消失，并且还原为SharePoint默认自带的文件。

Tip_5: 样式[CSS]快速显示
1.用Designer打开网站，签出任意一个文件，这里签出一个母版页。

2.单击选择母版页上的“我的链接”，如图：
可看到，右侧“管理样式选项卡里自动列除出了与当前选择相关的CSS样式。

”
3.之所以如此，看下面这幅截图：
看管理样式标签中，单击“选项”，可发现，分别有：
●∙显示所有样式
●∙显示当前页面中使用的样式
●∙显示选择的内容使用的样式
其中，我们选择了“显示选择的内容使用的样式”。

这就是为什么自动列出了相关的样式的原因。

Tip_6: 版本历史记录
1.打开Designer，在“文件夹列表”标签中→右键点击我们自定过的任一文件→选择“版本历史记录”
弹出如图所示：
2.这里，就会将我们对此文件的每次修改都记录在案！
Tip_7: 插入SharePoint内容
1.打开Designer，签出任一页面。

2.选中页面中任意可自定义区域
3.依次点击菜单栏，“插入”→“SharePoint控件”→“Web部件”，如图：
4.此时，弹出“Web部件”标签页，如图：
5.在此标签页中，你就可以选择当前网站中所包含的Web部件添加到页面中。

而不用访问SharePoint站点，然后编辑页面，再添加Web部件。

有关SharePoint页面定制的若干细节
Tip 1: 改了Logo，怎么还是没变呢？！
默认提供的“发布门户”类型的网站中，即使你在网站设置里，将站点图标换成其他的图片，但在前台的展示页面，却永远不会显示你替换的那张，它依然不变！问题是，你在后台的管理页面，居然可以看到它，你换上去的logo。

而前台怎么就不变呢？
下面，我们来找原因。

首先，用Designer打开网站，打开前台页面所引用的母版页。

打开代码视图，找到如下代码：
可以看到，母版页中居然用了AspMenu控件来显示logo！！
这就是为什么，我们在后台换了logo之后，后台能看到换上去的logo，而前台却没变的原因。

因为后台所更改的logo地址设置，只会在SharePoint的SiteLogoImage控件上奏效！如下：
<SharePoint:SiteLogoImage id="onetidHeadbnnr0"LogoImage
Url="/_layouts/images/titlegraphic.gif" runat="server"/>
下面，有两个方法可以实现我们的logo显示。

方法1：
当然就是直接把aspmenu控件注释掉，然后加上我们的sitelogoimage控件啦！
方法2：
按住“Ctrl”，点“logo”的css引用。

签出band.css文件后，我们看见代码如下：
发现，原来已经在css里面将这一图片连接给定死了！！！
OK，到此，我们的第二个方法也出来了，修改此连接，让它导向我们正确的logo图片。

PS：Service SDK上还附有另一方法
To customize logos used on home pages of SharePoint sites
1.Open the Local_Drive:\Program Files\Common Files\Microsoft Shared\Web Server
Extensions\12\TEMPLATE\IMAGES directory.
2.Copy the images that you want to appear on the home pages of your Web sites to
this directory.
3.Remove the image files TITLEGRAPHIC.GIF and HOMEPAGE.GIF, which contain the
logos used on the left and right sides of the home page, respectively.
4.Rename the new image files TITLEGRAPHIC.GIF and HOMEPAGE.GIF.
All sites now display new logos on their home pages.
Caution:
The image files that you add may be overwritten when you install updates or service packs for Windows SharePoint Services, or when you upgrade an installation to the next product version.
Tip 2: 如何去掉左边的导航
当我们新建一个非发布站点的时候，页面的左侧都会有一个“当前导航”控件。

(如图)
如果我们哪天看着它烦，或者，对我们当前的需求不适用的时候，我们该如何去掉呢？！
下面介绍详细方法：
1.用SharePoint Designer打开我们要修改的网站，签出你想去掉导航栏的页面。

2.在设计视图中，我们单击左侧导航栏控件→单击它的智能感知标签→点击“Create Custom
Content [创建自定义内容]”(如图)
此时，我们发现，原先控件上方的“(母版页)”变成了“(自定义)”。

(如图)
3.然后单击选中导航栏，按Delete删除！保存！会弹出一窗口。

(如图)
选择“是”。

之后，数据库中就生成了我们自定义以后的页面。

图标的左侧，也出现了感叹号。

4.此时，我们再回去浏览我们修改的页面，发现，导航栏已经不见了！^_^
5.打开Designer，再回到刚才我们删除导航栏的页面。

发现，还有一个叫
“PlaceHolderNavSpacer”的东西，通过智能标签，把它转化为自定义内容。

(如图) 6.然后，直接转到“代码视图”。

发现，此PlaceHolder中多了一个”Div”！(如图)
哈哈，现在知道该怎么做了吧？！直接删除那个div，然后保存，再回到页面刷新，试试！
^_^
嘿！左侧的空间夺回来了！。