SharePoint Designer使用指南.doc

SharePoint Designer使用指南Tip_1: 模板区域标签1. 首先，我们用Designer打开任一SharePoint网站，签出任一页面。2. 然后依次选择菜单栏中的“视图“视觉帮助”“模板区域标签“。之后我们会发现，设计视图上多了许多如下图的框框。这就是“模板区域标签“模板区域标签“的作用，就是在设计视图时为我们提供了直观的显示，指出各个PlaceHolder所在的位置，方便我们定位。Tip_2:SharePoint Designer之 签入/签出SharePoint有一个版本控制机制。所以，认识签入/签出对我们来说格外重要。1.用Designer打开任意SharePoint网站之后，如图：2.在文件夹列表中，我们右键单击任一文件，“签出“此时，我们发现，文件前面出现了绿色的“勾“，这就表明，此文件现在已经被你签出。任一文件被签出之后，此文件当前就只有签出人能加以修改。任何其他人对文件都只能以只读形式进行。Tip_3:“母版页“工具1.打开任一SharePoint站点，依次点击“视图“”工具栏“”母版页“2.此时，会弹出一个“母版页“工具栏，如图：3.点击下拉菜单按钮，此处列出了所有你当前页面上放置的PlaceHolder，选中一个，页面上的对应PlaceHolder也会被直接选中。利用“母版页“工具栏，我们能很快地定位到我们要找的PlaceHolder，进行我们的操作。Tip_4:存为自定义文件SharePoint的机制，就是大部分内容都是存在数据库中。也就是说，我们在文件夹列表上看到的文件，都是“虚拟”的，其实都是数据库里面的数据。1. 当我们签出一个文件之后(文件前面不带任何图标)，此时图标变为“，当我们再将文件签入时，此时会弹出对话框，提示将为站点自定义一个文件。2. 此时，文件前面的图标就变成了“感叹号“，这就表示，现在的文件已经在数据库里另外存储了一份，然后将此自定义的文件应用于我们的网站。而原先最原始的SharePoint默认自带的那个文件，也还存储在数据库中。3. 当我们想将自定义过的文件还原成SharePoint默认的时候，如图：在某一文件上点击右键，有“重置为网站定义“，点击之后，文件前面的图标将消失，并且还原为SharePoint默认自带的文件。在最页面进行过多的自定义之后，要小心使用此功能！因为会将我们原先的所有对此页面的更改全部擦除，还原为默认文件。Tip_5:样式CSS快速显示1. 用Designer打开网站，签出任意一个文件，这里签出一个母版页。2. 单击选择母版页上的“我的链接”，如图：可看到，右侧“管理样式选项卡里自动列除出了与当前选择相关的CSS样式。”3. 之所以如此，看下面这幅截图：看管理样式标签中，单击“选项”，可发现，分别有：l显示所有样式l显示当前页面中使用的样式l显示选择的内容使用的样式其中，我们选择了“显示选择的内容使用的样式”。这就是为什么自动列出了相关的样式的原因。Tip_6:版本历史记录1. 打开Designer，在“文件夹列表”标签中右键点击我们自定过的任一文件选择“版本历史记录”弹出如图所示：2.这里，就会将我们对此文件的每次修改都记录在案！如果我们不小心将文件弄坏，或者哪里改错，版本历史记录就可以帮助我们很好地恢复文件。所以，每次对文件作出修改，在签入的时候，都要做好版本记录，方便自己以后恢复。Tip_7:插入SharePoint内容Designer与SharePoint结合紧密的其中一个地方，就是可以直接在Designer中插入SharePoint内容。1.打开Designer，签出任一页面。2.选中页面中任意可自定义区域3.依次点击菜单栏，“插入”“SharePoint控件”“Web部件”，如图：4.此时，弹出“Web部件”标签页，如图：5.在此标签页中，你就可以选择当前网站中所包含的Web部件添加到页面中。而不用访问SharePoint站点，然后编辑页面，再添加Web部件。若插入“Web部件区域“，必须是在aspx布局页面中。有关SharePoint页面定制的若干细节Tip 1: 改了Logo，怎么还是没变呢？！默认提供的“发布门户”类型的网站中，即使你在网站设置里，将站点图标换成其他的图片，但在前台的展示页面，却永远不会显示你替换的那张，它依然不变！问题是，你在后台的管理页面，居然可以看到它，你换上去的logo。而前台怎么就不变呢？下面，我们来找原因。首先，用Designer打开网站，打开前台页面所引用的母版页。打开代码视图，找到如下代码：可以看到，母版页中居然用了AspMenu控件来显示logo！这就是为什么，我们在后台换了logo之后，后台能看到换上去的logo，而前台却没变的原因。因为后台所更改的logo地址设置，只会在SharePoint的SiteLogoImage控件上奏效！如下：l 下面，有两个方法可以实现我们的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 sites1. Open the Local_Drive:Program FilesCommon FilesMicrosoft SharedWeb Server Extensions12TEMPLATEIMAGES 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. 此时，我们再回去浏览我们修改的页面，发现，导航栏已经不见了！_问题出来了：虽然删除了导航栏，但为什么左侧还留着它的位置呢？Alex百思不得其解。下面我们继续，来彻底“铲除”这顽固的导航栏！5. 打开Des