Skip Ribbon Commands
Skip to main content
Navigate Up
Sign In
Launch the Developer Dashboard

Secret Site


AD SLACPortal > Accelerator Research Division > Test Facilities Department > Secret Site

Welcome to the Secret Site.

Store miscellaneous stuff and site images here. The images must be stored on a public site. Otherwise, non-SLAC-affiliated site visitors will not be able to see the pictures.

Also, this will be sort of a documentation page for the tips, tricks, and tutorials for how to design, edit content, and manage the Test Facilities SharePoint 2007 sites. For some more SharePoint 2007 information and video tutorials, click here.

It's always better to do SharePoint stuff if your browser is Internet Explorer. It's possible with other browsers such as Firefox or Chrome, but there will problems, confusion, glitches, and errors.

The more programming you know, the better. HTML. JavaScript. CSS.

From the Advanced Computations Group: How to Edit. How to Insert a Picture.

My name is Spencer Key.

Get back to the Test Facilities Department site by clicking here.


 Miscellaneous Tips, Tricks, and Links


Tips and Tricks:

  1. When working on SharePoint, it's useful to have two or more windows open. For instance, you can have one window actually editing the site you're working on while a second window looks up content, information, and resources to use on the page.
  2. If you are editing a SharePoint site, if you ever make a mistake or don't like the changes you made and want things to go back to the way they were before, simply click "Discard Check Out" under the "Page" drop-down menu on the Page Editing Toolbar. Sometimes, I go into page editing mode just to copy some content or HTML code for use on a different site. Then, I discard the check-out so that I don't make any changes to the page.
  3. If you want to add a little red lock icon next to a link from the Summary Link Web Part, simply add #crossLink to the end of the the Link URL.
  4. Sometimes, even when a page is restricted or inaccessible, you still get to the View All Site Content page by adding "_layouts/viewlsts.aspx" at the end of the URL. For example (as of September 9, 2010), the About the NLCTA page at brings up an error when  try to access the site. However, I can still View All Site Content by going directly to From here, I access all of the documents and images for the page. I can even copy or change the content of the site without being able to access the page by going to Pages under the Document Libraries and clicking Edit Properties for the Default page. In order to get to the content of the page and edit it if I want to, change the Content Type from Page to Article Page or Welcome Page. From here, you should notice down near the bottom of the page a new Page Content area as well as some Web Parts.

Links (opens in new window):

  1.     Google Search Engine
  2.     SLAC National Accelerator Laboratory home page
  3.     Microsoft Exchange - Outlook Web Access
  4.     Carsten Hast Dancing
  5.     F.A.Q.s about the Hadron Collider
  6.     Funny Picture
  7.     SASS: SLAC Association for Student Seminars
  8.     SLAC Computing Services
  9.     Code for image rotation used on Test Facilities Department home page
  10.     For Staff : SLAC National Accelerator Laboratory
  11.     Image of Linac 1 used on ECHO-7 Home Page
  12.     Cool images
  13.     The Big Pipe Test
  14.     ARD SharePoint site
  15.     Old ARD site
  16.     Old FACET site
  17.     SLAC Science Controlled Documents
  18.     Miscellaneous NLCTA pictures
  19.     Obsolete NLCTA link
  20.     Old NLCTA Controlled Documents
  21.     Keith Jobe's Pages
  22.     Alison Chaiken's Web Page
  23.     SLAC Online Videos
  24.     Accelerator Directorate Site Collection Images
  25.     SLAC Policy Repository
  26.     Stanford University Administrative Guide
  27.     Tours at SLAC
  28.     Site Entry Authorization Form
  29.     Old Next Linear Collider Home Page
  30.     The Next Linear Collider Program Navbar Links
  31.     Directory of photo albums - SLAC Pictures
  32.     Accelerator Directorate - All Site Content
  33.     Old Home Page of the Linac Coherent Light Source
  34.     LCLS
  35.     Old ATF(KEK) home page
  36.     Index of -accel
  37.     SSRL User Research Administration
  38.     SLAC Linac Coherent Light Source User Site
  39.     ILC @ SLAC
  40.     ATF2 at ILC-Asia
  41.     E-163 home page
  42.     NLC 8-PACK Home Page
  43.     Experimental Facilities Next Linear Collider Test Facility (NLCTA) (SLAC VVC)
  44.     NLCTA - spring 2002.pdf

 Navigation Links

  1. The easiest way to get to these settings is by going through Site Actions --> Site Settings --> Modify Navigation.
  2. This is one of the most complicated and frustrating things about SharePoint.
  3. Now you should be on the Site Navigation Settings page.
    1. Subsites and Pages     "Specify whether this site should display subsites and publishing pages in navigation. If you select to show these items, newly created subsites and pages will automatically be added, and can be individually hidden in the bottommost section of this page."
      1. Check these boxes so that sub-sites and pages will be displayed.
      2. They can always be deleted or hidden from the actual page navigation, so there's nothing to worry about.
    2. Sorting     "Specify how subsites, pages, headings and navigation links should be sorted when displayed in navigation."
      1. I always have it set on "Sort manually."
      2. Having it set to "
    3. Global Navigation     "Specify the navigation items to display in global navigation for this Web site. This navigation is shown at the top of the page in most Web sites."
      1. I always leave this set to "
  4. After you're done changing the navigation, click OK near the bottom of the page.
  5. Conveniently, you don't have to go into Page Editing Mode or Publish anything to do this. The navigation changes are applied immediately.

 Adobe® Stuff


There are several Adobe® products that can be very helpful with web design. Here, I will list some of them along with video tutorials and additional information. All links open in a new window.

  1. Illustrator CS4: video tutorials, how to use, Help and Support, Scripting Guide
  2. Photoshop CS4: how to use, Help and Support, Adobe®TV video tutorials
  3. Dreamweaver CS5: developer center, Help and Support, Adobe®TV video tutorials
  4. Acrobrat 9 Pro: how to use, Help and Support, Adobe®TV video tutorials
  5. InDesign CS4: how to use, video tutorials
  6. Bridge/Version Cue CS4: how to use, video tutorials



 Page Editing Mode

  1. After clicking Edit Page, you will be in Page Editing Mode and you should see the Page Editing Toolbar under the top navigation bar.
  2. There's a lot of useful information on the Page Editing Toolbar. They're inconspicuous and easy to overlook, but the "Page" and "Tools" drop-down menus on the left side of the toolbar can be extremely useful.
  3. Under "Page"
    1. You can modify the Page Settings that you can't find anywhere else. If you have access to these Page Settings, you can change the Title of the page, which will control what gets displayed at the top of the browser. Play around with it. Also, the Page Layout can be changed from here (unless you're on a ARD SharePoint sub-site template, as there is only one to choose from...) Also, Page Contact and Historical Details are here.
    2. You can also Check In the page you're working on in order to Share the Draft. This way, multiple people can work on the page at the same time. I have not tried this yet, and it seems that things would get very complicated and confusing without proper coordination.
    3. Delete Page will cause the page to be deleted. It gives you a quick warning to make sure that you really want to delete the page. If you are working on the Default page for a site or sub-site, I highly recommend that you DO NOT delete the page. I've done this and it does not delete the site just because you deleted the Default page, even if it's the only page. It makes things complicated and navigating to somewhere where you actually delete the site after the Default page is gone is very difficult, but it is possible.
    4. Add Web Parts is pretty self-explanatory. From here, you can Browse, Search, or Import web parts. SharePoint has a nifty user interface for people who choose to add web parts this way. However, I think it's faster to just click on "Add a Web Part" right on the page being edited and follow the steps.
    5. The last option is Modify Web Parts. From here, you can bring out a menu of web parts on the page you're editing. Then, you can select one of the web parts listed in order to open up the Modify Shared Web Parts Mode thingey for the selected web part. It's the same effect as if you would have gone to the particular web part you want to modify, clicked on it's edit option, and selected Modify Shared Web Part.
    6. Save. I don't know.
    7. Save and Stop Editing. I don't know.
    8. Check In... I don't Know.
  4. I've never had to use "Workflow" and I don't really see the point of it. The only useful action here is Publish... This does the same thing as the big Publish button directly on the Page Editing Toolbar except that it gives you the option to add version comments to the version of the page you are about to publish. Interestingly enough, if you are not in Page Editing Mode, under "Workflow", there is an option to Unpublish, which will put you back into Page Editing Mode right before the page was published. You may want to try this in order to see what your page looks like without opening a preview in a new window. Though, it's probably much safer and easier to open a preview in a new window. The only other option available to me from here was Start a Workflow... which took me to the default workflow page, of which there was nothing to do. For completeness, I will list the options under "Workflow" here:
    1. Publish... Already discussed in the paragraph directly above.
    2. Cancel Approval.
    3. Cancel Scheduling.
    4. Unpublish. Mentioned above.
    5. Approve/Reject...
    6. View Page Tasks (0).
    7. View Workflow Status...
    8. Start a Workflow... Also mentioned above.
  5. Under "Tools"
    1. Spelling... Description: "Open a new window to check spelling on HTML fields". I've never used this. I guess it could be useful if you make a lot of spelling mistakes or want to check your work.
    2. Preview in New Window is an extremely useful tool for viewing the changes you've made (in a new window) before making a final decision about whether to Publish or not. It's worth noting that the preview which is opened up in a new window is not the final published version yet. It's merely displaying what the page would look like IF you decide to have the page Published with the content on it at the time that the Preview was made.
    3. Check for Unpublished Items is pretty cool, but not very useful. Try it out. The Tool will put  colorful dashed boxes like red and orange are items it deems to be unpublished. You can also view more details and information from the "full report" in the little red alert message that comes up. The unpublished items don't seem to do anything or cause problems. Everything still works fine.
    4. Submit a Variation... I don't know.
    5. Update Variations. I don't know.
    6. Quick Deploy. I don't know.
    7. Version History is very cool and very useful. All current and previous versions of the page are somewhat documented here. There's lots of good information here such as the version number, when it was modified, by whom it was modified, the size, and comments. Properties for each of these versions can be viewed usually. They can also be deleted, though I don't know why you would do that. Theoretically, there is a way to restore the old versions. Unsuccessfully, I've tried to do it, but I can't get it to work.
    8. Compare Text Changes. Description: "Show textual changes on this Web page against the last publish version". I'm not sure why you'd want to do this and it looks very confusing with many options.
    9. View Page Status. Description: "Open a new window to view the page status". The same page status information can also be found by clicking on the hyperlinked text that comes right after Version: and Status:. This can be pretty cool and there's lots of information here. It will tell you things such as what version of the page you are viewing, when the page was last modified, current versions of the page, and the currently selected page layout for the page.
    10. View Recycle Bin. The page is saved and you are taken to the recycle bin page. You can get to this page also by clicking on View All Site Content, scrolling down to the bottom, and clicking on Recycle Bin there.
  6. When you're satisfied with the changes you've made, click Publish in order to save the modifications. If these changes are made on a public (blue) site, then everybody can see these changes after they've been Published. 

 Site Actions


Clicking on Site Actions will bring down a list of options.

  1. Edit Page     "Change the content and web parts on the page."
    1. For more, see "Page Editing Mode".
  2. Create Page     "Create a page in this site."
    1. See "Sites vs. Pages".
  3. Create Site     "Add a new site under this site."
    1. See "Sites vs. Pages".
  4. Show/Hide Page Editing Toolbar     "Display/Hide the page status and editing options for this page." 
    1. Though it takes up space and may clutter up the page a bit, I highly reccommend always having the Page Editing Toolbar displayed. There are lots of useful features and information to be found on here.
    2. For more, see "Page Editing Mode".
  5. View All Site Content     "View all libraries and lists in this site."
    1. The "View All Site Content" link (also found directly on top of the left navigation panel) is extremely useful. This is not the same as the Site Settings, but there is a lot of information that can be found under "View All Site Content". You can see which site you are viewing all the content of from the breadcrumb navigation trail near the top bar of the site. From "View All Site Content", you can see all of the Site's Libraries, Lists, Sub-Sites, and more. Depending on the site, you can see things such as names, descriptions, number of items, when they were last modified, and by whom. If you are curious and have the option available, you can use "View All Site Content" from various levels of SharePoint sites to see exactly who has been doing what and when.
    2. From here, if it's a site you control, you can change your view of the content from the drop-down menu on near the right of the page.
    3. From a specific list or library, you can modify columns and views and control exactly how you want the information to be displayed. This can be a bit confusing and there are tons of options. The default settings are good enough for me, so I just leave it that way.
    4. In fact, each library, list, and items inside libraries and lists can be edited sort of like a SharePoint page with a special Web Parts zone.
  6. View Reports     "View reports on documents, pages and tasks." Clicking View Reports does nothing. There are several options from the fly-out menu here. In fact, these are all simply options available through the Manage Content and Structure site action described below. These site actions are more like quick navigation links. However, I don't have much experience with these Site Actions, so I will list them and their descriptions here.
    1. Checked Out To Me. "All documents and pages checked out to me in this site and subsites."
    2. Last Modified By Me. "All documents and pages last modified by me in this site and subsites."
    3. Pending Approval. "All documents and pages submitted by me and waiting for approval in this site and subsites."
    4. My Tasks. "All tasks assigned to me in this site and subsite."
    5. All Draft Documents. "All documents and pages not yet published in this site and subsites."
    6. Going Live Within Next Seven Days. "All documents and pages that will be published and visible to readers within the next seven days in this site and subsites."
    7. Expiring Within Next Seven Days. "All documents and pages that will only be visible to authorized users within the next seven days in this site and subsites."
  7. Site Settings     "Manage site settings on this site." Clicking Site Settings does nothing. There are several options from the fly-out menu here. The important one is Modify All Site Settings. The other options are quick links to pages that could be navigated to from Modify All Site Settings.
    1. Modify All Site Settings. "Change all site settings in this site." This page lists all of the site information and links to specialized pages in order to modify any site settings.I will list those pages here:
      1. Under "Users and Permissions"
        1. People and groups. From here, you can view and manage all people and groups for this site collection.
        2. Advanced permissions. "Use this page to assign permission levels to users and groups. This Web site does not inherit permissions from its parent." This is an easy way to see everybody who has access to the site and what they can do with it.
      2. Under "Look and Feel"
        1. Master page. "Use this page to review current settings or to assign a different Site Master Page, System Master Page or Alternate CSS URL for this site."
        2. Title, description, and icon. Also, the Logo URL and Description and Web Site Address can be found here.
        3. Navigation. "Use this page to specify the navigation items that you want to display in the navigation link bars of this site. Items in sublevels and flyouts can be modified only in the navigation of the subsite that contains these items." See more in the "Navigation Links" section on the Secret Site.
        4. Page layouts and site templates. "Use this page to set the preferred site templates and page layouts that users will see when they create subsites and pages."
        5. Welcome page. "Use this page to select a new welcome page."
        6. Tree view. "Manage this site's left navigation panel."
        7. Site theme. "Use this page to change the fonts and color scheme for your site. Applying a theme does not affect your site's layout, and will not change any pages that have been individually themed." There are really cool, but don't do it for the SLAC web sites.
        8. Reset to site definition. Don't do this.
        9. Searchable columns. "Select columns that need to be nocrawl for search."
      3. Under "Galleries"
        1. Site content types. "Use this page to create and manage content types declared on this site and all parent sites. Content types visible on this page are available for use on this site and its subsites."
        2. Site columns. "Use this page to manage columns on this site and all parent sites."
        3. Master pages and page layouts. "Use the master page gallery to store master pages. The master pages in this gallery are available to this site and any sites underneath it."
      4. Under "Site Administration"
        1. Regional settings. "Use this page to set regional settings such as the locale and time zone."
        2. Site libraries and lists. "To change the design of a list, document library, discussion board, or survey, click one of the "Customize" links below."
        3. Site usage reports. "Both Windows SharePoint Services Usage logging and Office SharePoint Usage Processing must be enabled to view usage reports. Please contact your administrator to ensure that these services are enabled."
        4. User alerts. "Error: Unknown Error."
        5. RSS. "Use this page to enable/disable RSS feeds for this site collection."
        6. Search visibility. "Manage this site's search visibility settings."
        7. Site features. These look really cool. Only some of them were active. To be safe, I would leave everything the way it is.
        8. Delete this site. It gives a clear warning before the site is deleted. Note: Sites with sub-sites cannot be deleted.
        9. Related Links scope settings. "Error: Access Denied." Darn it SharePoint...
        10. Site output cache. "Configure the output cache settings for the publishing site." Also, "Note that the output cache is currently disabled."
        11. Content and structure. This takes you to the same site as the Manage Content and Structure site action does. See below.
    2. People And Groups. "Manage the users and groups in this site." Takes you to the same page as you would by navigating through Site Actions --> Site Settings --> Modify All Site Settings --> Users and Permissions --> People and groups.
    3. Modify Navigation. "Change the navigation links in this site." Takes you to the same page as you would by navigating through Site Actions --> Site Settings --> Modify All Site Settings --> Look and Feel --> Navigation. See more in the "Navigation Links" section on the Secret Site.
    4. Modify Pages Library Settings. "Change settings such as versioning and workflow for Web pages in this site." Takes you to the same page as you would by navigating through Site Actions --> Site Settings --> Modify All Site Settings --> Site Administration --> Site Libraries and Lists --> Customize "Pages". There are tons of options and information here in order to customize the page however you would like.
  8. Manage Content and Structure     "Reorganize content and structure in this site collection."
    1. Clicking this brings you to a page with an organized style listing all of the sites and all of their content.
    2. The best way to learn how to use this new view is probably just by clicking stuff and seeing what happens through trial and error.
    3. All of the site actions found under View Reports can easily be seen here by switching the View from the Default View to any of the options mentioned above.
    4. There's so much that can be done from this page. You can create pages and sites, change all of the site and content organizational structure, and modify all of the page and site settings from here.
    5. If you spend enough time at it, there's probably a way to do everything that SharePoint has to offer from this single site action.
    6. Though I've barely ever used it, this site action is worth checking out.

 Sites vs. Pages


A site (or sub-site) is simply a page with it's own set of permissions. Yet, for practical purposes, there are some key differences between sites and pages.

  1. There are different options available when creating a page than for when a site (or sub-site) is being created.
    1. They both ask for a Title, Description, and URL name. Description is optional. For creating pages, the Title is optional as well. For the URL name, enter something that makes sense and is related to the page or site being created.
    2. The main advantage for creating pages is the variety of Page Layouts available. I will list them here along with their descriptions:
      1. (Article Page) Article page with body only.
        The article page with body only contains a rich text field.
      2. (Article Page) Article page with image on left.
        The article page with image on left contains an image field and a rich text field.
      3. (Article Page) Article page with image on right.
        The article page with image on right contains an image field and a rich text field.
      4. (Article Page) Article page with summary links.
        The article page with links contains an image field and summary links.
      5. (Redirect Page) Redirect Page.
        This page layout contains a redirect control for automatically directing readers to any specified URL.
      6. (Welcome Page) Advanced Search.
        This page layout contains a tab control. It has Web Part zones arranged in a header, footer and 2 columns.
      7. (Welcome Page) Blank Web Part Page.
        Page layout for creating web part pages.
      8. (Welcome Page) People Search Results Page.
        This page layout contains a tab control.  It has Web Part zones arranged in a right column, header, footer, 2 columns and 2 rows.
      9. (Welcome Page) Search Page.
        This page layout contains a tab control, and search box Web Part. It has Web Part zones arranged in a header and footer.
      10. (Welcome Page) Search Results Page.
        This page layout contains a tab control, and search Web Parts. It has Web Part zones arranged in a right column, header, footer, 2 columns and 2 rows.
      11. (Welcome Page) Site Directory Home.
        This page layout contains a tab control. It has Web Part zones arranged in a header, footer, and 2 columns.
      12. (Welcome Page) Welcome page with summary links.
        The welcome page with summary links contains an image field on left, a rich text field, 2 summary links, and Web Part zones arranged in a header, a footer, and 2 columns.
      13. (Welcome Page) Welcome page with table of contents.
        The welcome page with table of contents contains an image field on left, a rich text field, a table of contents Web Part, and Web Part zones arranged in a header, a footer, and 2 columns.
      14. (Welcome Page) Welcome page with Web Part zones.
        This page layout contains an image field on left, a rich text field, and Web Part zones arranged in a right column, header, footer and 2 columns.
      15. (Welcome Page) Welcome splash page.
        The welcome with splash contains an image field on left, a rich text field and Web Part zones arranged in a header, and 2 columns.  The left navigation pane is hidden.
      For creating sites, there are also many site templates to choose from. However, to keep the site having the same structure and layout as the other SharePoint sites in the Accelerator Research Division, there are only a few custom template that can be used. I usually used the "ARD-template1" template under the Custom tab. This template will cause the main page of the new site to have the Page Layout of "Welcome Page with Web Part zones". Just for reference, I will list all of the site templates here along with their descriptions:
      1. Collaboration
        1. Team Site.
          A site for teams to quickly organize, author, and share information. It provides a document library, and lists for managing announcements, calendar items, tasks, and discussions.
        2. Blank Site.
          A blank site for you to customize based on your requirements.
        3. Document Workspace.
          A site for colleagues to work together on a document. It provides a document library for storing the primary document and supporting files, a tasks list for assigning to-do items, and a links list for resources related to the document.
        4. Wiki Site.
          A site for a community to brainstorm and share ideas. It provides Web pages that can be quickly edited to record information and then linked together through keywords.
        5. Blog.
          A site for a person or team to post ideas, observations, and expertise that site visitors can comment on.
      2. Meetings
        1. Basic Meeting Workspace.
          A site to plan, organize, and capture the results of a meeting. It provides lists for managing the agenda, meeting attendees, and documents.
        2. Blank Meeting Workspace.
          A blank meeting site for you to customize based on your requirements.
        3. Decision Meeting Workspace.
          A site for meetings that track status or make decisions. It provides lists for creating tasks, storing documents, and recording decisions.
        4. Social Meeting Workspace.
          A site to plan social occasions. It provides lists for tracking attendees, providing directions, and storing pictures of the event.
        5. Multipage Meeting Workspace.
          A site to plan, organize, and capture the results of a meeting. It provides lists for managing the agenda and meeting attendees in addition to two blank pages for you to customize based on your requirements.
      3. Enterprise
        1. Document Center.
          A site to centrally manage documents in your enterprise.
        2. Records Center.
          This template creates a site designed for records management. Records managers can configure the routing table to direct incoming files to specific locations. The site prevents records from being modified after they are added to the repository.
        3. Personalization Site.
          A site for delivering personalized views, data, and navigation from this site collection into My Site. It includes personalization specific Web Parts and navigation that is optimized for My Site sites.
        4. Site Directory.
          A site for listing and categorizing important sites in your organization. It includes different views for categorized sites, top sites, and a site map.
        5. Report Center.
          A site for creating, managing, and delivering Web pages, dashboards, and key performance indicators that communicate metrics, goals, and business intelligence information.
        6. Search Center with Tabs.
          A site for delivering the search experience. The welcome page includes a search box with two tabs: one for general searches, and another for searches for information about people. You can add and customize tabs to focus on other search scopes or result types.
        7. Search Center.
          A site for delivering the search experience. The site includes pages for search results and advanced searches.
      4. Publishing
        1. Publishing Site.
          A blank site for expanding your Web site and quickly publishing Web pages. Contributors can work on draft versions of pages and publish them to make them visible to readers. The site includes document and image libraries for storing Web publishing assets.
        2. Publishing Site with Workflow.
          A site for publishing Web pages on a schedule by using approval workflows. It includes document and image libraries for storing Web publishing assets. By default, only sites with this template can be created under this site.
        3. News Site.
          A site for publishing news articles and links to news articles. It includes a sample news page and an archive for storing older news items.
      5. PublishingSiteTemplate
        1. ard_dept.
          SLACPortal ARD Department-level sub-site. Web space, contacts html table, announcements, links.
        2. Test2.
      6. Custom
        1. ard_division.
        2. ARD-template1.
          definable sharepoint links
    3. For creating sites, there are two more options: Permissions and Navigation Inheritance.
      1. Permissions controls who can see your site and what they can do with it. I usually leave this on "

 About the Content Editor Web Part


It's annoying and frustrating to use, but it allows you to do things in SharePoint that wouldn't be possible otherwise, such as JavaScript and other interactivity. To add this Web Part, you have to scroll down to the Miscellaneous section. Next, go to the little edit drop-down menu thing and select Modify Shared Web Part (which is like a vague of saying "if you want to actually use this thing, click here"). Now, there are a lot of options here; most of them being confusing and unnecessary. Hidden under "Appearance" heading, you'll probably want to change the web part Title to something more appropriate or simply hide the title and border by setting the Chrome Type to "none" (which can be great for shaping the look of the web page). Also, you can adjust the Height and Width of the web part under Appearance, which can be useful.

The worst part is that for any change made, no matter how insignificant, the entire page has to refresh in order to view the changes. Though, this is an unfortunate feature of SharePoint altogether.

Also, while the Rich Text Editor or the Source Editor are open, you can not access any other parts of the window, such as other tabs you might have open with content you were trying to copy over... This is why it is useful to have at least two windows open while working on SharePoint.


 Image Maps


For a basic tutorial of an image map with JavaScript, click here.

To make an image map, you'll need an image (like JPEG or GIF). The rest depends on what you want to do. You can make as many map areas as you want on an image. Probably the easiest form of image map would be an image with clickable areas that are hyperlinked to something else. You can do this purely with HTML such as in this example or as seen on the Facilities page. This way, you don't have to put the image map in a Content Editor Web Part and can leave it in the Page Content zone. If you want to make your image map interactive, such as having something happen when the user mouse's over a certain part of the image like on the ECHO page, it helps to know some JavaScript. Here's a tutorial.

For image map with JavaScript:

  1. On a SharePoint site with a web parts zone, add a Content Editor Web Part. Edit it and Modify the Shared Web Part.
  2. Add an image either with the Rich Text Editor or the Source Editor.
  3. In the Source Editor, create an image map. Add comments to keep things organized and more readable.
  4. Check your work by opening the Rich Text Editor and looking at the image. There should be a black outline to your map areas.

More information about the HTML DOM Area Object (with the <area> tag) can be found here. The shape of the area on your image map can be the entire image (default), a rectangle (rect), a circle (circle), or a polygon (poly). For more about the shape property, click here. I always use rectangles because they are simple and easy. There are several ways to find the coordinates for the <area> tag. Click here for more info. Here's what I do:

For the coordinates:

  1. If you haven't done so already, save the image to somewhere on your computer.
  2. Find the file, right-click it, and open with Paint. The reason is that, when you mouse over the image in MS Paint, you can see the coordinates of exactly where your mouse is on the image displayed in the lower-right corner.
  3. From Microsoft Paint, click the magnifier on the left panel and magnify the image 2x or however you want depending on how big your image is. Doing this makes it easier to see and more precise when finding the coordinates.
  4. Go to the place where you want to make the <area>. Since mine are rectangles, I like to draw lines around the area (without actually saving the changes to the picture). This makes it much easier to place the mouse at the right spot.
  5. Place your mouse at a corner of the rectangle. Record the coordinates somewhere or just remember them and place them into the HTML code for your image map.
  6. Now place the mouse at the corner diagonally across from the one you just used and do the same thing. Repeat this process for each <area>.

Voilà! You're done. Congrats.


 Setting Up a Red Subsite


Creating the subsite

  1. After you are logged in, go to the red site that you want to create a red subsite from.
  2. From this red parent site, click "Create Site" from the Site Actions drop-down menu.
  3. Give your new site a Title and a URL name (usually same or similar to the Title). I usually leave the URL name lowercase, unless there are multiple words or something. Description is optional, though I think that it modifies the page somewhat, so I just usually leave it blank. There are many templates to choose from; I haven't tried them all. Forthe correct page layout and style, I use "ard_dept" under the "PublishingSiteTemplate" templates. For user permissions,  I always leave it on "Use same permissions as parent site." For navigation inheritance, I always leave it on "Yes" for using the top link bar. Click Create.

Setting it up

  1. There are several ways to do this. This is in no particular order. It all depends on what you want to do with it.
  2. One method is to delete everything. Click "Edit Page" and delete everything from the Page Content zone either manually or by selecting all the HTML, deleting, and saving. Then, click the x's in the upper-right-hand corner of the web parts in the Right Zone. You could also simply minimize them for later use.
  3. After you're done with the first round of modifications, click "Publish."
  4. Something I like to do is change the Page Settings so that it says something other than "Home" at the top of the browser. Though, you have to have the proper permission levels to do this.

 Test Facilities Department Site Navigation


All links open in a new window. Public (blue) sites and sub-sites:

  1. Test Facilities Department
    1. About Us
    2. Experiments
      1. ECHO-7
        1. Animations
        2. Presentations
        3. Publications
        4. What is ECHO
      2. THz
    3. Experimental Facilities     (Previously called "Facilities")
      1. ASTA
      2. ATF2
      3. NLCTA
        1. About the NLCTA     (Inaccessible?)
        2. Beamline Documentation
        3. NLCTA Operations Page     (Inaccessible?)
    4. Research     (Hidden)
      1. EEHG
        1. Papers
      2. THz
    5. Secret Site     (Hidden)
      1. Example Site 1     (Using ARD-template1)
    6. User Support
    7. News

Internal (red) sites and sub-sites:

  1. Test Facilities Department
    1. Experiments
      1. ECHO-7
      2. THz
    2. Facilities
      1. ASTA
      2. NLCTA
        1. NLCTA Operations

Last updated: Friday, September 10, 2010.

SLAC SLAC National Accelerator Laboratory, Menlo Park, CA
Operated by Stanford University for the U.S. Dept. of Energy