We encourage you to contact us with any questions or concerns.

Burke Library - 3rd Floor
helpdesk@hamilton.edu

859-4181
859-4185 - fax

Resource Center Home

SiteManager

Hamilton's own content management system used by faculty, staff, and students used to maintain web pages for the college, academic departments, student organizations, individuals, courses, and conferences.

Available Resources

:
Hamilton Website
  • Assistant Web Developer Training Tasks Hamilton Website Purpose The outline below provides guidelines for training a new web team employee. Training should be tailored to the employee’s existing skill set. As such, training elements can be added and/or removed as needed. Administrative New Employee paperwork Requires: Two forms of identification as described at http://www.uscis.gov/files/form/i-9.pdf Canceled check for direct deposit form Discuss, create schedule Contact Help Desk regarding new employee user account Add user to Web Admins or Web Students group Schedule   Orientation Time Sheets Labor Time Tracker Break Room Restrooms Hours Campus Safety: Parking Sticker Webhelp Schedule Monitoring E-mail Account Setup/Thunderbird Configuration Name, Office, Phone, E-mail, Request Summary   Training HTML Javascript HTML DOM  CSS ColdFusion (Lynda.com CDs: Essential, Beyond the Basics, What’s New in CF9) SQL Fundamentals JQuery Essential Training: Lynda.com See Maureen Scoones for log in. Hamilton Development Environment Server Environment Test & Live SiteManager & Templates Trusted Cache Version Control Sample Application 1 Quatrino has project proposal Form to Database/E-mail Code Reviews Sample Application 2 Quatrino has project proposal CRUD Interface (CReate, Update, Delete) Code Reviews Generator Bug Log Application Inventory/Case Tracking Web Support Form Email, clear, thorough descriptions are important.   Begin Standard Responsibilities Application Development System Support    
  • SiteManager - How do I add a page or file? Hamilton Website Add a Page or File NOTE: SiteManager can be used both on and off the Hamilton campus. Within the site/section where you want to add the new page, click on Add a page.   Enter a Page Title. The Page Title is what appears in your list of pages and in the blue band at the top of the web page.  If you include spaces within your title, the address will include hyphens where you had spaces. Choose a Page Type. The Page Type can be either Web Page or downloadable file, e.g. PDF, Word or Excel document. If uploading a file, click on Browse and locate and select the file to upload.  If the file is not a PDF and you want to convert it, check the box to Convert to PDF. The page will inherit the template design of the site/section. Click on Submit. Related Links How do I delete a page? How do I edit a page/replace a downloadable file?
  • SiteManager - How do I add audio/video? Hamilton Website Add Audio NOTE: Accepted File Types:  MP3 Select the Audio module. Find Media tab:  search for media you or others have already added. Add New Media tab:  add new audio files for immediate or later use. My Media tab:  see all audio media you have uploaded.   When you’ve found the audio file, select insert. Adding Video NOTE: Accepted File Types:  Flash (FLV) and Quicktime (MOV) (DV) NOTE: Files must be limited to 500 MB Select the Video module. The video media library will look exactly like the audio media library. Find Media tab:  search for media you or others have already added. Add New Media tab:  add new video files for immediate or later use. My Media tab:  see all video media you have uploaded. When you’ve found your video file, select insert.
  • SiteManager - How do I add comments? Hamilton Website Add Comments Select the Comments module. Settings Tab – Set Type of Comments: Moderated – add the list of moderators Not Moderated Comments Tab – See the comments posted, approve to show on page. Add Custom Content NOTE: Only use if you have knowledge of HTML. Select the Custom Content module. Enter your HTML code and click on save. Add Google Forms and Calendars Select the Google Forms and Calendars module. Follow the instructions in the box and click on Save. Add a Google Map Select the Google Map module. Fill in the information and click on Save. Add Hamilton News Select the Hamilton News module. Fill in the information and click on Save. Add Navigation Select the Navigation module. NOTE: Links will appear as the default heading. That can be changed later. Under your heading, enter a title and a URL, either by choosing a page or entering a specific URL, then click save. Repeat the previous step for all other links you want to add. Add Site Contact Information Select the Site Contact module. Fill in the information and click save. If the information is already in the text and correct, click save.
  • SiteManager - How do I add custom content? Hamilton Website Add Custom Content NOTE: Only use if you have knowledge of HTML. Click on an Add Content button and select the Custom Content module. Enter your HTML code and click on save. Add Facebook Like Button Click on Add Content and select the custom content module. In a separate window or tab, go to http://developers.facebook.com/docs/reference/plugins/like/ Enter the URL of the Facebook page for which you want to create a like button. Uncheck send button. Click Get code. Select the IFRAME option and copy the code. In your content module, paste the code and click save. Add Facebook Feed NOTE: Currently doesn't work on the people.hamilton.edu domain Click on an Add Content button and select the Custom Content module. Insert the following code (Include < and at the beginning of the code and remove the spaces in < / iframe>): iframe allowtransparency="true" src="http://www.facebook.com/connect/connect.php?id=###############&connections=0&stream=1" style="border: none; width: 300px; height: 380px;" frameborder="1" scrolling="no"> < / iframe> Insert your Facebook page's 10 or 15-digit id in place of the 15 # symbols. Your page's id is normally at the end of your page's URL. (You will need another tab/window to get to the Facebook page) If not, follow these instructions: On your page, right click and select view page source. In the Source Code, search (Control F on Windows, Cmd F on Mac) for profile_id=. Following that portion of the code is a 10 or 15-digit id. Insert that in place of the 15 # symbols. Click save. Add Twitter Feed NOTE: Currently doesn't work on the people.hamilton.edu domain Click on an Add Content button and select the Custom Content module In a new tab, go to https://twitter.com/about/resources/widgets/widget_profile Select a username (the twitter feed you would like your website to follow). Once you've finished editing the other preferences (we do not recommend editing appearance or dimensions), click finish & grab code. Copy that code and paste it into the custom content module and click save.
  • SiteManager - How do I add Facebook Plugins? Hamilton Website Add Facebook Like Button Click on Add Content and select the custom content module. In a separate window or tab, go to http://developers.facebook.com/docs/reference/plugins/like/ Enter the URL of the Facebook page for which you want to create a like button. Uncheck send button. Click Get code. Select the IFRAME option and copy the code. In your content module, paste the code and click save. Add Facebook Feed NOTE: Currently doesn't work on the people.hamilton.edu domain Click on an Add Content button and select the Custom Content module. Insert the following code (Include < and at the beginning of the code and remove the spaces in < / iframe>): iframe allowtransparency="true" src="http://www.facebook.com/connect/connect.php?id=###############&connections=0&stream=1" style="border: none; width: 300px; height: 380px;" frameborder="1" scrolling="no"> < / iframe> Insert your Facebook page's 10 or 15-digit id in place of the 15 # symbols. Your page's id is normally at the end of your page's URL. (You will need another tab/window to get to the Facebook page) If not, follow these instructions: On your page, right click and select view page source. In the Source Code, search (Control F on Windows, Cmd F on Mac) for profile_id=. Following that portion of the code is a 10 or 15-digit id. Insert that in place of the 15 # symbols. Click save.
  • SiteManager - How do I add Google Forms, Calendars, and Maps? Hamilton Website Add Google Forms and Calendars Click on an Add Content button and select the Google Forms and Calendars module. Follow the instructions in the box and click on Save. Add a Google Map Click on an Add Content button and select the Google Map module. Fill in the information and click on Save.
  • SiteManager - How do I add Hamilton News? Hamilton Website Add Hamilton News NOTE: Academics Sites do not have this module; they have an "Article Database" module, which is currently unusable. Click on an Add Content button and select the Hamilton News module. Fill in the information (be sure to enter tags or no articles will display!) and click on Save.
  • SiteManager - How do I add Navigation? Hamilton Website Add Navigation Click on an Add Content button and select the Navigation module. NOTE: Links will appear as the default heading. That can be changed later. Under your heading, enter a title and a URL, either by choosing a page or entering a specific URL, then click save. (NOTE: If you are linking to a website outside of hamilton.edu, we suggest checking new window.) Repeat the previous step for all other links you want to add. NOTE: All navigation modules on the official (www) Hamilton site must be accordion.
  • SiteManager - How do I add new media? Hamilton Website The Web Media Library The Web Media Library holds image, audio, and video assets. Add Assets to the Web Media Library  You can get to the Web Media Library via: From within SiteManager, click on the Web Media Library tab. When in the editing mode, follow the steps above to Add Content, choosing the Audio, Images, or Video option. When in the text editing mode, click on the Image icon   on the toolbar. Click on the Add New Media tab. NOTE:  Manipulation of assets should be done BEFORE adding them to SiteManager,  For example, you can resize images in SiteManager, but you cannot edit them, e.g. crop or fix red eye. The Name field is required.  Use names that accurately describe the image.  Appropriately named images will allow for easier retrieval by you and by other web editors at a future time. Click on the Select Media button to locate the audio file, image, or video on your hard drive, network space, CD, etc. If you’d like, you can add a Caption or Attribution. If you want to share this asset with others, leave the box next to Private unchecked, otherwise click once in the box to check it.  You will be the only person able to see and edit this image. Click on Save Media.
  • SiteManager - How do I add text? Hamilton Website Add Text Click on an Add Content button and select the Text module. Enter your text in the Edit Content window. Click Save. Paste Text from Word Chances are that you already have the text for your page typed, most likely in Microsoft Word.  When pasting into the Edit Content Window, all of the formatting will be stripped. If, however, you drag and drop the text, the formatting will be preserved. Styles The styles available for you to use when formatting your pages are dependent on the Template.  These are predefined styles and cannot be changed, i.e. use a different color, font or size. Styles for pages on http://www.hamilton.edu need to follow the Web Style Guidelines. Apply a Style Select the text to which you want to apply a style. From the Styles menu, choose the desired style. Remove a Style (subject to change)  Select the text for which you want to remove the style. Click on the Remove Format button on the toolbar.
  • SiteManager - How do I add/edit a slideshow? Hamilton Website Add a Slideshow Click on an Add Content button and select the Slideshow module. Click on Add Image. Search for or upload your images. Click on Insert. Add your next image. Rearrange your images using drag and drop. Click on the Advanced tab to set how your slideshow will play. Click on Save Settings.
  • SiteManager - How do I add/edit images? Hamilton Website Add Images Accepted File Types:  JPG, GIF, and PNG    Images can be added in one of two ways: In their own Content module:  Select the Images module. Within a Text module, e.g. if you want your text to flow around an image:  Click on the Image   button on the toolbar within the text editor.  Click on Browse Server. Does the image you need already exist?  If you are not sure, search for it. Type in a search term under Search and click on Search Images. To use an image that already exists, click on the Insert. On the Basic tab, select the size of the image, choose to include the caption and/or attribution associated with the image. On the Advanced tab, if applicable, define a link to associate with the image, and/or a custom width and height. Click on Insert Media. If you are inserting the image within a Text module, the Image Properties window will appear at which point you can add Alternative Text (important for people using screen readers), change the size of the image (measured in pixels), add a border to it (the images on our site have a border of zero), add horizontal or vertical space (so the image is not so close to the text), and finally, choose how you want it aligned. Click OK. Edit Your Image SiteManager cannot edit images. For advice on editing images, see here.
  • SiteManager - How do I delete a page? Hamilton Website Delete a Page Click on the Delete icon next to the name of the page. Click on OK in the window that appears to delete the page.
  • SiteManager - How do I edit a page/replace a downloadable file? Hamilton Website Edit Pages There are two ways to get into edit mode: Within SiteManager, click on the Edit button next to the page you want to edit. In your browser window navigate to the page you want to edit and hit the key.  If you navigate to the page and you are not logged into My Hamilton, you will be prompted to login. Your page will appear the editing tools layered on top of it, shown below. [NOTE:  If you do not have the rights to edit a page, you will see the message:  You do not have permission to access this page.]
  • SiteManager - How do I edit content modules? Hamilton Website Edit Content When you mouse over a module, it will be highlighted in yellow.  You have three choices: Move the module:  Click on the two vertical lines and drag the module above or below another module.  Please note, you can only move modules within the same content areas. Edit the content:  Click on the Edit button.  The editing options are dependent upon the type of content module. Change Options: Settings:  Change the Layout and Style of the module box. 1/3 Width, 1/2 Width, 2/3 Width, Full Width:  By default a module spans the Full Width of the designated column. Sets how much space the content uses in the column Inherit:  Typically used in conjunction with Lock.  Ensures the selected module will appear on all pages in the site or section. Lock:  Typically used in conjunction with Inherit.  Ensures the Ensures the selected module will appear on all pages in the site or section. Remove: Deletes the content.  
  • SiteManager - How do I edit textboxes? Hamilton Website Table of Contents The Editing Tools Insert/Edit E-mail Link The Edit Toolbar Insert/Edit Anchor Insert/Edit URL Link Insert/Edit Image Remove a Link Insert/Edit Table The Editing Tools SiteManager provides a full set of tools to simplify the process of editing your pages.  Please be aware that although it looks like a toolbar you would find in Microsoft Word, editing a web page differs from editing a Word document.  For example, if you hit "enter" when editing a web page, you will automatically get double spacing, also known as a paragraph break. To get single spacing you have to hit "shift" "enter", also known as a line break. The Edit Toolbar Insert/Edit URL Link  Highlight the text or image you want to become a link. Click on the Insert/Edit Link   button on the toolbar. Under Link Type, select URL. Either type or paste a link in the URL box or click on Browse Server. Navigate to the page. Use the preview button to see a preview of the page. Use the link button to insert the page's URL into the URL box. To have the link open in a new browser window, click on the Target tab and from the drop down menu below Target, select New Window (_blank). Click on OK. Remove a Link Highlight the text currently formatted as a link. Click on the Remove Link button.  Insert/Edit E-mail Link Highlight the text you want to become a link. Click on the Insert/Edit Link   button on the toolbar. Under Link Type, select E-mail Type in the E-mail address and if desired, you can also type in the Message Subject and Message Body so that when a visitor clicks on an e-mail link, a portion of the e-mail message is created for them. Click on OK. Insert/Edit Anchor Anchors are used on a page to quickly take a visitor to a specific section of the page. Place the cursor at the beginning of the line where you want the anchor to be. Click on the Insert/Edit Anchor   button. Enter the name of the anchor in the Anchor Properties window that appears. To use the anchor as a link, click on the Insert/Edit Link  button. Under Link Type, select Link to anchor in the text. Select an anchor name from the drop down list. Click on OK. Insert/Edit Image Follow the instruction under Adding Images on “How do I add/edit images?” Insert/Edit Table Use tables when you need to present information that lends itself to a tabular setup. Place the cursor at the point you need the table to appear. Click on the Insert/Edit Table   button on the toolbar. (NOTE: Pressing "tab" in a table will not move you to the next cell.) Width: Measured either in pixels (200 pixels is the default) or as a percent of the module area you are in.  The width of Hamilton pages is 960 pixels. Height:  Measured in pixels. Cell Spacing: sets the amount of space between adjacent layout cells (in pixels).  This value should be less than 5 Cell padding: sets the amount of space between the content of a layout cell and the cell boundary (in pixels).  This value should be less than 5. Headers:  bolds the first row, first column, or both. Border size: specifies the width, in pixels, of the table’s borders.  A border size of zero will produce a borderless table, but you will see gridlines when editing your table. Alignment:  sets the alignment of the whole table.  Since the default size of the table is 100%, he Center and Right choices will appear to have no effect. Click on OK. Once your table is in place, you can right click in a cell or on the table to see the menu of options you can use to edit your table.
  • SiteManager - Registration Tool Hamilton Website Event Registration Tool The event registration tool is a component of SiteManager that allows you to set up events with limited numbers of attendees. To use this tool for the first time, follow these instructions: Go to https://my.hamilton.edu/sitemanager/applications/events/index.cfm Select Add a new Calendar. Create a name for the calendar and press submit. Add other people to edit the events if necessary. Select Manage Events on this Calendar. This will bring you to the event listing, allowing you to create events, and giving you the public URL to the calendar. This URL can be given out to let people register for your events. To create an event, select Add Event. Be sure to enter your information correctly. Once an event is added, you can copy it and change the date to duplicate it. If people have registered for it, you can also manage them, adding or removing people, or editing their information. If you already have a calendar, it will appear on the opening page, from which you can manage it. To publicize your events, you can either submit the event to the Events Calendar, and include the registration link in the description, or you can use Google Calendar, adding the registration link to the description.
  • SiteManager - What are content modules? How do I add them? Hamilton Website What is Content? Content is the material that makes up the pages you create. Depending on the template you are using, you will see between one and five Add Content buttons: SiteHeader Available on academics, people, students, and courses Sitewide Navigation Available on academics, people, students, and courses Left or Left Column Available on all domains, use depends on template Right or Right Column Available on all domains, use depends on template Center or Main Content Available on all domains, use depends on templat Types of Content Modules Audio - Allows you to insert audio files. Available on all site domains Comments - Allows you to create commemnt boxes for visitors. Available on courses, people, and students Custom Content - Allows you to insert HTML Code. (Facebook Like Button/Facebook Feed/Twitter) Available on courses, people and students Google Forms and Calendars - Allows you to upload Forms and Calendars from Google. Available on all site domains Google Map - Allows you to upload a map to the page. Available on all site domains Hamilton News/Article Database Available only on official/Available on courses, people and students Images - Allows you to upload images. Available on all site domains Navigation - Allows you to create a navigation bar on your site. Available on all site domains Site Contact - Allows you to add contact information for a page. Available on all site domains Slideshow - Allows you to create a slideshow on a page. Available on all site domains Text (Add/Edit) - Allows you to add textboxes to a page. Available on all site domains Video - Allows you to add video to a page. Available on all site domains Add Content Click on the Add Content button in the desired area.  Please note:  it is not possible to drag and drop content between content areas. From the drop down menu, choose the type of module you want to add. Click on Add.
  • SiteManager - What are some good publishing practices? Hamilton Website Web publishing: Best practices We’ve put together a few questions (and comments) to guide you through an examination of the content and structure of your Web site. As you begin to use SiteManager to edit and to update your Web pages, please take a few minutes to review these questions, and to think about how you can apply your answers to your Web site. What is the most important information about you? Publish only the content that you can manage comfortably. That content should give the maximum amount of information to the maximum amount of people. Organize your information in a way that will make the most sense to your audience, even if that conflicts with the way that your office is organized. Think about what information from the rest of our Web site might be useful to your audience, and link to it. Trying to replicate it on your site just makes more work for you. When was the last time your Web site was updated? Current and accurate content is essential. If something on your Web site is obviously outdated, your audience will not trust your information. It’s useful to have a schedule of what you need to update, and when. Review any links that you have to make sure they are still valid and useful. What pages on your site require your audience to scroll down through several screens in order to read everything? On the Web, short and simple is best. Keep your information in easy-to-read chunks that your audience can quickly scan. If your text sounds awkward and wordy, it probably is. When editing a page, make use of “bulleted” information, and use clear and useful subheadings to introduce ideas. Who is your audience? A Web page can’t be all things for all people. Consider who your audience is, and decide what you want them to take away from the page.
  • SiteManager - What is a site? How do I navigate one? Hamilton Website What is a site? A site contains a collection of web files on a related subject.  The sites that you have the rights to edit will appear under My Sites.  Click once on the name link to see the contents of the site. Why don’t I see any sites? 1) You have not been given acess to any sites.  a) Did you take a SiteManager training class?  If not, here is the current schedule.  b) Are you editing an official college site? Access is given during the required Working Sessions. 2) You may be using the wrong address. SiteManager exists on five different Hamilton College domains: a) College departments, official college pages:   http://www.hamilton.edu/sitemanager b) Academic department pages and supporting content/sites:   http://academics.hamilton.edu/sitemanager Please note, pages created and maintained by the departments will not replace the Hamilton marketing pages created and maintained by C&D. Department maintained pages are accessed via a link from the official Hamilton pages that reads, " The [department name] department maintains its own Web site. More..." Only sites that display current information will be linked from the official academic page. c) Student organizations:   http://students.hamilton.edu/sitemanager d) All personal sites:   http://people.hamilton.edu/sitemanager e) Sites and content related to course work, academic projects:   http://courses.hamilton.edu/sitemanager f) Conference sites:   http://conferences.hamilton.edu/sitemanager   Navigating Around SiteManager There is a hierarchy that defines the navigation in SiteManager.  Depending on where you are in the hierarchy, you have different options available to you. Home is at the top.  Sites contain sections (organize like items together) and pages. Pages are made up of modules. SiteManager provides “bread crumb trail” navigation, so you can always quickly get to a site, section, or page. Note:  The first page you make in your site is the “home” page, noted by the icon of the house.  Site options: settings Section options: settings, move, delete “Home” page options: view, edit, settings, move, archive, delete Page options: view, edit, settings, move, make home, archive, delete
  • SiteManager 3.0 Hamilton Website Last Modified on 07/28/10 SiteManager ver. 3.0 Page 1 of 23 SiteManager 3.0 Table of Contents Table of Contents .................................................................................................................1 Log In................................................................................................................................2 What is a site? .....................................................................................................................2 Navigating Around SiteManager .............................................................................................3 Site/Section Settings ............................................................................................................4 Page Settings ......................................................................................................................5 Add a Page..........................................................................................................................6 Delete a Page ......................................................................................................................6 Edit Pages ...........................................................................................................................7 The Content Areas................................................................................................................7 Types of Content Modules .....................................................................................................7 Add Content ........................................................................................................................8 Edit Content ........................................................................................................................8 The Web Media Library .........................................................................................................9 Add Assets to the Web Media Library...................................................................................9 Add Audio (functionality forthcoming) ...................................................................................10 Add Comments ..................................................................................................................11 Add Google Forms ..............................................................................................................12 Add a Google Map ..............................................................................................................12 Add Hamilton News ............................................................................................................12 Add Images.......................................................................................................................13 Edit Your Image (documentation forthcoming)....................................................................14 Add Include Custom File (documentation forthcoming) ...........................................................14 Add Navigation (documentation forthcoming) ........................................................................14 Add Site Contact Information (functionality forthcoming) ........................................................14 Add a Slideshow.................................................................................................................15 Add Text ...........................................................................................................................16 The Editing Tools ............................................................................................................16 The Edit Toolbar .............................................................................................................16 Paste Text from Word......................................................................................................17 Styles...........................................................................................................................17 Insert/Edit URL Link ........................................................................................................18 Remove a Link ............................................................................................................19 Insert/Edit E-mail Link.....................................................................................................19 Insert/Edit Anchor...........................................................................................................20 Insert/Edit Image ...........................................................................................................21 Insert/Edit Table.............................................................................................................21 Adding Video (documentation forthcoming) ...........................................................................22 Log Out............................................................................................................................22 Last Modified on 07/28/10 SiteManager ver. 3.0 Page 2 of 23 Log In http://wwwtest.hamilton.edu/sitemanager Beta site http://www.hamilton.edu/sitemanager College departments, official college pages http://academics.hamilton.edu/sitemanager Academic department pages and supporting content/sites http://students.hamilton.edu/sitemanager Student organizations http://people.hamilton.edu/sitemanager All personal sites http://courses.hamilton.edu/sitemanager Sites and content related to course work, academic projects http://conferences.hamilton.edu/sitemanager Conference sites You will login with you’re my Hamilton username and password. When you login for the first time, you will see the following screen: What is a site? A site contains a collection of web files on a related subject. The sites that you have the rights to edit will appear under My Sites. Click once on the name link to see the contents of the site. Folders representing sections of your site. Pages at the top level of your site. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 3 of 23 Home Site Section/Pages Site Ex. Information Technology Services Section/Pages Ex. Support Section/Pages Ex. Network Services Section/Pages Ex. Index.html Section/Pages Ex. Web Services Site Section/Pages Navigating Around SiteManager There is a hierarchy that defines the navigation in SiteManager. Depending on where you are in the hierarchy, you have different options available to you. SiteManager provides “bread crumb trail” navigation, so you can always quickly get to a site, section, or page. Note: The first page you make in your site is the “home” page, noted by the icon of the house. Site and section options “Home” page options Page options Last Modified on 07/28/10 SiteManager ver. 3.0 Site/Section Settings Functionality Screen Shots The Basic tab includes the name of the site or section as it appears in SiteManager, and the template applied. Note: Template options subject to change. The Security tab controls Viewing permissions. 1. The View Permissions option allows you to control who is allowed to view the pages and files within a site over the Web. By editing these fields, you restrict access to the site to only those groups and users that you specify. The History tab shows the user that made the previous changes to the site/section. Last Modified on 07/28/10 SiteManager ver. 3.0 Page Settings Functionality Screen Shots The Basic tab contains: the Title and Page Type (either Web Page or Downloadable file). If you do not Inherit the template from the site/section, the Templates drop down menu will be available to you. The Security Settings section controls Viewing permissions. 1. The View Permissions option allows you to control who is allowed to view the page over the Web. By editing these fields, you restrict access to those pages to only those groups and users that you specify. The History tab shows the user that made the previous changes to the page. The Metadata Settings tab shows the HTML Title. For the time being, this tab does not need to be used. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 6 of 23 Add a Page 1. Within the site/section where you want to add the new page, click on Add a page. 1. The Page Title is what appears in your list of pages and in the blue band at the top of the web page. If you include spaces within your title, the address will include hyphens where you had spaces. 2. The Page Type can be either Web Page or downloadable file, e.g. PDF, Word or Excel document. 3. If uploading a file, click on Browse and locate and select the file to upload. If the file is not a PDF and you want to convert it, check the box to Convert to PDF. 4. The page will inherit the template design of the site/section. Click on Submit. Delete a Page 1. Click on the Delete icon next to the name of the page. 2. Click on OK in the window that appears to delete the page. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 7 of 23 Edit Pages 1. There are two ways to get into edit mode: a. Within SiteManager, click on the Edit button next to the page you want to edit. b. In your browser window navigate to the page you want to edit and hit the <ESC> key. If you navigate to the page and you are not logged into My Hamilton, you will be prompted to login. 2. Your page will appear the editing tools layered on top of it. [NOTE: If you do not have the rights to edit a page, you will see the message: You do not have permission to access this page.] The Content Areas Depending on the template you are using, you will see between one and five Add Content buttons: SiteHeader Available on academics, people, students, and courses Sitewide Navigation Available on academics, people, students, and courses Left or Left Column Available on all domains, use depends on template Right or Right Column Available on all domains, use depends on template Center or Main Content Available on all domains, use depends on template Types of Content Modules Audio Available on all site domains Comments Available on courses, people, and students Google Forms Available on all site domains Google Map Available on all site domains Hamilton News Available on all site domains Images Available on all site domains Include Custom File Available on courses, people and students Navigation Available on all site domains Site Contact Available on all site domains Slideshow Available on all site domains Text Available on all site domains Video Available on all site domains Last Modified on 07/28/10 SiteManager ver. 3.0 Page 8 of 23 Add Content 1. Click on the Add Content button in the desired area. Please note: it is not possible to drag and drop content between content areas. 2. From the drop down menu, choose the type of module you want to add. 3. Click on Add. Edit Content 1. When you mouse over a module, it will be highlighted in yellow. You have three choices: a. Move the module: Click on the two vertical lines and drag the module above or below another module. Please note, you can only move modules within the same content areas. b. Edit the content: Click on the Edit button. The editing options are dependent upon the type of content module. c. Change Options: i. Settings: Change the Layout and Style of the module box ii. 1/3 Width, 1/2 Width, 2/3 Width, Full Width: By default a module spans the Full Width of the designated column. iii. Inherit: Typically used in conjunction with Lock. Ensures the selected module will appear on all pages in the site or section. iv. Lock: Typically used in conjunction with Inherit. Ensures the Ensures the selected module will appear on all pages in the site or section. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 9 of 23 The Web Media Library New in SiteManager 3.0, the Web Media Library holds image, audio, and video assets. Add Assets to the Web Media Library 1. You can get to the Web Media Library via: a. From within SiteManager, click on the Web Media Library tab. b. When in the editing mode, follow the steps above to Add Content, choosing the Audio, Images, or Video option. c. When in the text editing mode, click on the Image icon on the toolbar. 2. Click on the Add New Media tab. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 10 of 23 3. NOTE: Manipulation of assets should be done BEFORE adding them to SiteManager, For example, you can resize images in SiteManager, but you cannot edit them, e.g. crop or fix red eye. 4. The Name field is required. Use names that accurately describe the image. Appropriately named images will allow for easier retrieval by you and by other web editors at a future time. 5. Click on the Select Media button to locate the audio file, image, or video on your hard drive, network space, CD, etc. 6. If you’d like, you can add a Caption or Attribution. 7. If you want to share this asset with others, leave the box next to Private unchecked, otherwise click once in the box to check it. You will be the only person able to see and edit this image. 8. Click on Save Media. Add Audio (functionality forthcoming) Accepted File Types: MP3 1. Follow the steps at the top of page eight to Add Content, selecting the Audio module. a. Find Media tab: search for media you or others have already added. b. Add New Media tab: add new audio files for immediate or later use. c. My Media tab: see all audio media you have uploaded. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 11 of 23 Add Comments 1. Follow the steps at the top of page eight to Add Content, selecting the Comments module. 2. Settings Tab – Set Type of Comments: a. Moderated – add the list of moderators b. Not Moderated 3. Comments Tab – See the comments posted, approve to show on page. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 12 of 23 Add Google Forms 1. Follow the steps at the top of page eight to Add Content, selecting the Google Forms module. Add a Google Map 1. Follow the steps at the top of page eight to Add Content, selecting the Google Map module. 2. Fill in the information and click on Save. Add Hamilton News 1. Follow the steps at the top of page eight to Add Content, selecting the Hamilton News module. 2. Fill in the information and click on Save. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 13 of 23 Add Images Accepted File Types: JPG, GIF, and PNG 1. Images can be added in one of two ways: a. In their own Content module: Follow the steps at the top of page eight to Add Content, selecting the Images module. 2. Within a Text module, e.g. if you want your text to flow around an image: Click on the Image button on the toolbar within the text editor. Click on Browse Server. 3. Does the image you need already exist? If you are not sure, search for it. 4. Type in a search term under Search and click on Search Images. 5. To use an image that already exists, click on the Insert. a. On the Basic tab, select the size of the image, choose to include the caption and/or attribution associated with the image. b. On the Advanced tab, if applicable, define a link to associate with the image, and/or a custom width and height. c. Click on Insert Media. NOTE: The text that appears in the Preview box to the left is known as “Lorem Ipsum” or “dummy” text. It's mostly Latin, and is used extensively in print to replicate what "real" text would look like, without actually having to write anything. In this case, you will be able to see how the image you insert will appear in relation of text which may surround it. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 14 of 23 6. If you are inserting the image within a Text module, the Image Properties window will appear at which point you can add Alternative Text (important for people using screen readers), change the size of the image (measured in pixels), add a border to it (the images on our site have a border of zero), add horizontal or vertical space (so the image is not so close to the text), and finally, choose how you want it aligned. 7. Click OK. Edit Your Image (documentation forthcoming) Add Include Custom File (documentation forthcoming) Add Navigation (documentation forthcoming) 1. Follow the steps at the top of page eight to Add Content, selecting the Navigation module. 2. Add Site Contact Information (functionality forthcoming) 1. Follow the steps at the top of page eight to Add Content, selecting the Site Contact module. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 15 of 23 Add a Slideshow 2. Follow the steps at the top of page eight to Add Content, selecting the Slideshow module. 3. Click on Add Image. 4. Search for or upload your images. 5. Click on Insert. 6. Add your next image. 7. Rearrange your images using drag and drop. 8. Click on the Advanced tab to set how your slideshow will play. 9. Click on Save Settings. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 16 of 23 Add Text 1. Follow the steps at the top of page eight to Add Content, selecting the Text module. 2. Enter your text in the Edit Content window. 3. Click Save. The Editing Tools SiteManager provides a full set of tools to simplify the process of editing your pages. Please be aware that although it looks like a toolbar you would find in Microsoft Word, editing a web page differs from editing a Word document. For example, if you hit <Enter> when editing a web page, you will automatically get double spacing, also known as a paragraph break. To get single spacing you have to hit <Shift> <Enter>, also known as a line break. The Edit Toolbar Cut Copy Paste Pop-up Window Roll-over text Check Spelling Spell Check As You Type Undo Redo Find Replace Select All Bold Italic Subscript Superscript Insert/Remove Numbered List Insert/Remove Bulleted List Decrease Indent Increase Indent Left Justify Center Justify Right Justify Insert/Edit Link Remove Link Insert/Edit Anchor Maximize Styles Remove Format Insert/Edit Image Insert/Edit Table Insert Special Character Maximize Last Modified on 07/28/10 SiteManager ver. 3.0 Page 17 of 23 Paste Text from Word Chances are that you already have the text for your page typed, most likely in Microsoft Word. When pasting into the Edit Content Window, all of the formatting will be stripped Styles The styles available for you to use when formatting your pages are dependent on the Template. These are predefined styles and cannot be changed, i.e. use a different color, font or size. Styles for pages on http://www.hamilton.edu need to follow the Web Style Guidelines (forthcoming). Apply a Style 1. Select the text to which you want to apply a style. 2. From the Styles menu, choose the desired style. Remove a Style (subject to change) 1. Select the text for which you want to remove the style. 2. Click on the Remove Format button on the toolbar. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 18 of 23 Insert/Edit URL Link 1. Highlight the text or image you want to become a link. 2. Click on the Insert/Edit Link button on the toolbar. 3. Under Link Type, select URL. 4. Either type or paste a link in the URL box or click on Browse Server. 5. Navigate to the page. a. Use the preview button to see a preview of the page. b. Use the link button to Last Modified on 07/28/10 SiteManager ver. 3.0 Page 19 of 23 6. To have the link open in a new browser window, click on the Target tab and from the drop down menu below Target, select New Window (_blank). 7. Click on OK. Remove a Link 1. Highlight the text currently formatted as a link. 2. Click on the Remove Link button. Insert/Edit E-mail Link 1. Highlight the text you want to become a link. 2. Click on the Insert/Edit Link button on the toolbar. 3. Under Link Type, select E-mail. 4. Type in the E-mail address and if desired, you can also type in the Message Subject and Message Body so that when a visitor clicks on an e-mail link, a portion of the e-mail message is created for them. 5. Click on OK. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 20 of 23 Insert/Edit Anchor Anchors are used on a page to quickly take a visitor to a specific section of the page. 1. Place the cursor at the beginning of the line where you want the anchor to be. 2. Click on the Insert/Edit Anchor button. 3. Enter the name of the anchor in the Anchor Properties window that appears. 4. To use the anchor as a link, click on the Insert/Edit Link button. 5. Under Link Type, select Link to anchor in the text. 6. Select an anchor name from the drop down list. 7. Click on OK. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 21 of 23 Insert/Edit Image Follow the instruction under Adding Images on page 13. Insert/Edit Table Known Issue: tables, bulleted lists and numbered lists appear center aligned in the editor, but are aligned correctly (left-aligned) on the actual page. Use tables when you need to present information that lends itself to a tabular setup. 1. Place the cursor at the point you need the table to appear. 2. Click on the Insert/Edit Table button on the toolbar. Width: Measured either in pixels (200 pixels is the default) or as a percent of the module area you are in. The width of Hamilton pages is 960 pixels. Height: Measured in pixels. Cell Spacing: sets the amount of space between adjacent layout cells (in pixels). This value should be less than 5. Cell padding: sets the amount of space between the content of a layout cell and the cell boundary (in pixels). This value should be less than 5. Headers: bolds the first row, first column, or both. Border size: specifies the width, in pixels, of the table’s borders. A border size of zero will produce a borderless table, but you will see gridlines when editing your table. Alignment: sets the alignment of the whole table. Since the default size of the table is 100%, he Center and Right choices will appear to have no effect. 3. Click on OK. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 22 of 23 4. Once your table is in place, you can right click in a cell or on the table to see the menu of options you can use to edit your table. Adding Video (documentation forthcoming) Accepted File Types: Flash (FLV) and Quicktime (MOV) (DV) 1. Follow the steps at the top of page eight to Add Content, selecting the Video module. Log Out When you have finished making changes to your pages, click on Log Out in the top right corner. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 23 of 23 Web publishing: Best practices We’ve put together a few questions (and comments) to guide you through an examination of the content and structure of your Web site. As you begin to use SiteManager to edit and to update your Web pages, please take a few minutes to review these questions, and to think about how you can apply your answers to your Web site. What is the most important information about you? Publish only the content that you can manage comfortably. That content should give the maximum amount of information to the maximum amount of people. Organize your information in a way that will make the most sense to your audience, even if that conflicts with the way that your office is organized. Think about what information from the rest of our Web site might be useful to your audience, and link to it. Trying to replicate it on your site just makes more work for you. When was the last time your Web site was updated? Current and accurate content is essential. If something on your Web site is obviously outdated, your audience will not trust your information. It’s useful to have a schedule of what you need to update, and when. Review any links that you have to make sure they are still valid and useful. What pages on your site require your audience to scroll down through several screens in order to read everything? On the Web, short and simple is best. Keep your information in easy-to-read chunks that your audience can quickly scan. If your text sounds awkward and wordy, it probably is. When editing a page, make use of “bulleted” information, and use clear and useful subheadings to introduce ideas. Who is your audience? A Web page can’t be all things for all people. Consider who your audience is, and decide what you want them to take away from the page.
SiteManager
  • Assistant Web Developer Training Tasks SiteManager Purpose The outline below provides guidelines for training a new web team employee. Training should be tailored to the employee’s existing skill set. As such, training elements can be added and/or removed as needed. Administrative New Employee paperwork Requires: Two forms of identification as described at http://www.uscis.gov/files/form/i-9.pdf Canceled check for direct deposit form Discuss, create schedule Contact Help Desk regarding new employee user account Add user to Web Admins or Web Students group Schedule   Orientation Time Sheets Labor Time Tracker Break Room Restrooms Hours Campus Safety: Parking Sticker Webhelp Schedule Monitoring E-mail Account Setup/Thunderbird Configuration Name, Office, Phone, E-mail, Request Summary   Training HTML Javascript HTML DOM  CSS ColdFusion (Lynda.com CDs: Essential, Beyond the Basics, What’s New in CF9) SQL Fundamentals JQuery Essential Training: Lynda.com See Maureen Scoones for log in. Hamilton Development Environment Server Environment Test & Live SiteManager & Templates Trusted Cache Version Control Sample Application 1 Quatrino has project proposal Form to Database/E-mail Code Reviews Sample Application 2 Quatrino has project proposal CRUD Interface (CReate, Update, Delete) Code Reviews Generator Bug Log Application Inventory/Case Tracking Web Support Form Email, clear, thorough descriptions are important.   Begin Standard Responsibilities Application Development System Support    
  • SiteManager - How do I add a page or file? SiteManager Add a Page or File NOTE: SiteManager can be used both on and off the Hamilton campus. Within the site/section where you want to add the new page, click on Add a page.   Enter a Page Title. The Page Title is what appears in your list of pages and in the blue band at the top of the web page.  If you include spaces within your title, the address will include hyphens where you had spaces. Choose a Page Type. The Page Type can be either Web Page or downloadable file, e.g. PDF, Word or Excel document. If uploading a file, click on Browse and locate and select the file to upload.  If the file is not a PDF and you want to convert it, check the box to Convert to PDF. The page will inherit the template design of the site/section. Click on Submit. Related Links How do I delete a page? How do I edit a page/replace a downloadable file?
  • SiteManager - How do I add a site contact? SiteManager Add Site Contact Information Click on an Add Content button and select the Site Contact module. Fill in the information and click save. If the information is already in the text and correct, click save.
  • SiteManager - How do I add audio/video? SiteManager Add Audio NOTE: Accepted File Types:  MP3 Select the Audio module. Find Media tab:  search for media you or others have already added. Add New Media tab:  add new audio files for immediate or later use. My Media tab:  see all audio media you have uploaded.   When you’ve found the audio file, select insert. Adding Video NOTE: Accepted File Types:  Flash (FLV) and Quicktime (MOV) (DV) NOTE: Files must be limited to 500 MB Select the Video module. The video media library will look exactly like the audio media library. Find Media tab:  search for media you or others have already added. Add New Media tab:  add new video files for immediate or later use. My Media tab:  see all video media you have uploaded. When you’ve found your video file, select insert.
  • SiteManager - How do I add comments? SiteManager Add Comments Select the Comments module. Settings Tab – Set Type of Comments: Moderated – add the list of moderators Not Moderated Comments Tab – See the comments posted, approve to show on page. Add Custom Content NOTE: Only use if you have knowledge of HTML. Select the Custom Content module. Enter your HTML code and click on save. Add Google Forms and Calendars Select the Google Forms and Calendars module. Follow the instructions in the box and click on Save. Add a Google Map Select the Google Map module. Fill in the information and click on Save. Add Hamilton News Select the Hamilton News module. Fill in the information and click on Save. Add Navigation Select the Navigation module. NOTE: Links will appear as the default heading. That can be changed later. Under your heading, enter a title and a URL, either by choosing a page or entering a specific URL, then click save. Repeat the previous step for all other links you want to add. Add Site Contact Information Select the Site Contact module. Fill in the information and click save. If the information is already in the text and correct, click save.
  • SiteManager - How do I add custom content? SiteManager Add Custom Content NOTE: Only use if you have knowledge of HTML. Click on an Add Content button and select the Custom Content module. Enter your HTML code and click on save. Add Facebook Like Button Click on Add Content and select the custom content module. In a separate window or tab, go to http://developers.facebook.com/docs/reference/plugins/like/ Enter the URL of the Facebook page for which you want to create a like button. Uncheck send button. Click Get code. Select the IFRAME option and copy the code. In your content module, paste the code and click save. Add Facebook Feed NOTE: Currently doesn't work on the people.hamilton.edu domain Click on an Add Content button and select the Custom Content module. Insert the following code (Include < and at the beginning of the code and remove the spaces in < / iframe>): iframe allowtransparency="true" src="http://www.facebook.com/connect/connect.php?id=###############&connections=0&stream=1" style="border: none; width: 300px; height: 380px;" frameborder="1" scrolling="no"> < / iframe> Insert your Facebook page's 10 or 15-digit id in place of the 15 # symbols. Your page's id is normally at the end of your page's URL. (You will need another tab/window to get to the Facebook page) If not, follow these instructions: On your page, right click and select view page source. In the Source Code, search (Control F on Windows, Cmd F on Mac) for profile_id=. Following that portion of the code is a 10 or 15-digit id. Insert that in place of the 15 # symbols. Click save. Add Twitter Feed NOTE: Currently doesn't work on the people.hamilton.edu domain Click on an Add Content button and select the Custom Content module In a new tab, go to https://twitter.com/about/resources/widgets/widget_profile Select a username (the twitter feed you would like your website to follow). Once you've finished editing the other preferences (we do not recommend editing appearance or dimensions), click finish & grab code. Copy that code and paste it into the custom content module and click save.
  • SiteManager - How do I add Facebook Plugins? SiteManager Add Facebook Like Button Click on Add Content and select the custom content module. In a separate window or tab, go to http://developers.facebook.com/docs/reference/plugins/like/ Enter the URL of the Facebook page for which you want to create a like button. Uncheck send button. Click Get code. Select the IFRAME option and copy the code. In your content module, paste the code and click save. Add Facebook Feed NOTE: Currently doesn't work on the people.hamilton.edu domain Click on an Add Content button and select the Custom Content module. Insert the following code (Include < and at the beginning of the code and remove the spaces in < / iframe>): iframe allowtransparency="true" src="http://www.facebook.com/connect/connect.php?id=###############&connections=0&stream=1" style="border: none; width: 300px; height: 380px;" frameborder="1" scrolling="no"> < / iframe> Insert your Facebook page's 10 or 15-digit id in place of the 15 # symbols. Your page's id is normally at the end of your page's URL. (You will need another tab/window to get to the Facebook page) If not, follow these instructions: On your page, right click and select view page source. In the Source Code, search (Control F on Windows, Cmd F on Mac) for profile_id=. Following that portion of the code is a 10 or 15-digit id. Insert that in place of the 15 # symbols. Click save.
  • SiteManager - How do I add Google Forms, Calendars, and Maps? SiteManager Add Google Forms and Calendars Click on an Add Content button and select the Google Forms and Calendars module. Follow the instructions in the box and click on Save. Add a Google Map Click on an Add Content button and select the Google Map module. Fill in the information and click on Save.
  • SiteManager - How do I add Hamilton News? SiteManager Add Hamilton News NOTE: Academics Sites do not have this module; they have an "Article Database" module, which is currently unusable. Click on an Add Content button and select the Hamilton News module. Fill in the information (be sure to enter tags or no articles will display!) and click on Save.
  • SiteManager - How do I add Navigation? SiteManager Add Navigation Click on an Add Content button and select the Navigation module. NOTE: Links will appear as the default heading. That can be changed later. Under your heading, enter a title and a URL, either by choosing a page or entering a specific URL, then click save. (NOTE: If you are linking to a website outside of hamilton.edu, we suggest checking new window.) Repeat the previous step for all other links you want to add. NOTE: All navigation modules on the official (www) Hamilton site must be accordion.
  • SiteManager - How do I add new media? SiteManager The Web Media Library The Web Media Library holds image, audio, and video assets. Add Assets to the Web Media Library  You can get to the Web Media Library via: From within SiteManager, click on the Web Media Library tab. When in the editing mode, follow the steps above to Add Content, choosing the Audio, Images, or Video option. When in the text editing mode, click on the Image icon   on the toolbar. Click on the Add New Media tab. NOTE:  Manipulation of assets should be done BEFORE adding them to SiteManager,  For example, you can resize images in SiteManager, but you cannot edit them, e.g. crop or fix red eye. The Name field is required.  Use names that accurately describe the image.  Appropriately named images will allow for easier retrieval by you and by other web editors at a future time. Click on the Select Media button to locate the audio file, image, or video on your hard drive, network space, CD, etc. If you’d like, you can add a Caption or Attribution. If you want to share this asset with others, leave the box next to Private unchecked, otherwise click once in the box to check it.  You will be the only person able to see and edit this image. Click on Save Media.
  • SiteManager - How do I add text? SiteManager Add Text Click on an Add Content button and select the Text module. Enter your text in the Edit Content window. Click Save. Paste Text from Word Chances are that you already have the text for your page typed, most likely in Microsoft Word.  When pasting into the Edit Content Window, all of the formatting will be stripped. If, however, you drag and drop the text, the formatting will be preserved. Styles The styles available for you to use when formatting your pages are dependent on the Template.  These are predefined styles and cannot be changed, i.e. use a different color, font or size. Styles for pages on http://www.hamilton.edu need to follow the Web Style Guidelines. Apply a Style Select the text to which you want to apply a style. From the Styles menu, choose the desired style. Remove a Style (subject to change)  Select the text for which you want to remove the style. Click on the Remove Format button on the toolbar.
  • SiteManager - How do I add/edit a slideshow? SiteManager Add a Slideshow Click on an Add Content button and select the Slideshow module. Click on Add Image. Search for or upload your images. Click on Insert. Add your next image. Rearrange your images using drag and drop. Click on the Advanced tab to set how your slideshow will play. Click on Save Settings.
  • SiteManager - How do I add/edit images? SiteManager Add Images Accepted File Types:  JPG, GIF, and PNG    Images can be added in one of two ways: In their own Content module:  Select the Images module. Within a Text module, e.g. if you want your text to flow around an image:  Click on the Image   button on the toolbar within the text editor.  Click on Browse Server. Does the image you need already exist?  If you are not sure, search for it. Type in a search term under Search and click on Search Images. To use an image that already exists, click on the Insert. On the Basic tab, select the size of the image, choose to include the caption and/or attribution associated with the image. On the Advanced tab, if applicable, define a link to associate with the image, and/or a custom width and height. Click on Insert Media. If you are inserting the image within a Text module, the Image Properties window will appear at which point you can add Alternative Text (important for people using screen readers), change the size of the image (measured in pixels), add a border to it (the images on our site have a border of zero), add horizontal or vertical space (so the image is not so close to the text), and finally, choose how you want it aligned. Click OK. Edit Your Image SiteManager cannot edit images. For advice on editing images, see here.
  • SiteManager - How do I create a Twitter Feed? SiteManager Add a Twitter Feed NOTE: Currently doesn't work on the people.hamilton.edu domain Click on an Add Content button and select the Custom Content module In a new tab, go to https://twitter.com/about/resources/widgets/widget_profile Select a username (the twitter feed you would like your website to follow). Once you've finished editing the other preferences (we do not recommend editing appearance or dimensions), click finish & grab code. Copy that code and paste it into the custom content module and click save.
  • SiteManager - How do I delete a page? SiteManager Delete a Page Click on the Delete icon next to the name of the page. Click on OK in the window that appears to delete the page.
  • SiteManager - How do I edit a page/replace a downloadable file? SiteManager Edit Pages There are two ways to get into edit mode: Within SiteManager, click on the Edit button next to the page you want to edit. In your browser window navigate to the page you want to edit and hit the key.  If you navigate to the page and you are not logged into My Hamilton, you will be prompted to login. Your page will appear the editing tools layered on top of it, shown below. [NOTE:  If you do not have the rights to edit a page, you will see the message:  You do not have permission to access this page.]
  • SiteManager - How do I edit content modules? SiteManager Edit Content When you mouse over a module, it will be highlighted in yellow.  You have three choices: Move the module:  Click on the two vertical lines and drag the module above or below another module.  Please note, you can only move modules within the same content areas. Edit the content:  Click on the Edit button.  The editing options are dependent upon the type of content module. Change Options: Settings:  Change the Layout and Style of the module box. 1/3 Width, 1/2 Width, 2/3 Width, Full Width:  By default a module spans the Full Width of the designated column. Sets how much space the content uses in the column Inherit:  Typically used in conjunction with Lock.  Ensures the selected module will appear on all pages in the site or section. Lock:  Typically used in conjunction with Inherit.  Ensures the Ensures the selected module will appear on all pages in the site or section. Remove: Deletes the content.  
  • SiteManager - How do I edit textboxes? SiteManager Table of Contents The Editing Tools Insert/Edit E-mail Link The Edit Toolbar Insert/Edit Anchor Insert/Edit URL Link Insert/Edit Image Remove a Link Insert/Edit Table The Editing Tools SiteManager provides a full set of tools to simplify the process of editing your pages.  Please be aware that although it looks like a toolbar you would find in Microsoft Word, editing a web page differs from editing a Word document.  For example, if you hit "enter" when editing a web page, you will automatically get double spacing, also known as a paragraph break. To get single spacing you have to hit "shift" "enter", also known as a line break. The Edit Toolbar Insert/Edit URL Link  Highlight the text or image you want to become a link. Click on the Insert/Edit Link   button on the toolbar. Under Link Type, select URL. Either type or paste a link in the URL box or click on Browse Server. Navigate to the page. Use the preview button to see a preview of the page. Use the link button to insert the page's URL into the URL box. To have the link open in a new browser window, click on the Target tab and from the drop down menu below Target, select New Window (_blank). Click on OK. Remove a Link Highlight the text currently formatted as a link. Click on the Remove Link button.  Insert/Edit E-mail Link Highlight the text you want to become a link. Click on the Insert/Edit Link   button on the toolbar. Under Link Type, select E-mail Type in the E-mail address and if desired, you can also type in the Message Subject and Message Body so that when a visitor clicks on an e-mail link, a portion of the e-mail message is created for them. Click on OK. Insert/Edit Anchor Anchors are used on a page to quickly take a visitor to a specific section of the page. Place the cursor at the beginning of the line where you want the anchor to be. Click on the Insert/Edit Anchor   button. Enter the name of the anchor in the Anchor Properties window that appears. To use the anchor as a link, click on the Insert/Edit Link  button. Under Link Type, select Link to anchor in the text. Select an anchor name from the drop down list. Click on OK. Insert/Edit Image Follow the instruction under Adding Images on “How do I add/edit images?” Insert/Edit Table Use tables when you need to present information that lends itself to a tabular setup. Place the cursor at the point you need the table to appear. Click on the Insert/Edit Table   button on the toolbar. (NOTE: Pressing "tab" in a table will not move you to the next cell.) Width: Measured either in pixels (200 pixels is the default) or as a percent of the module area you are in.  The width of Hamilton pages is 960 pixels. Height:  Measured in pixels. Cell Spacing: sets the amount of space between adjacent layout cells (in pixels).  This value should be less than 5 Cell padding: sets the amount of space between the content of a layout cell and the cell boundary (in pixels).  This value should be less than 5. Headers:  bolds the first row, first column, or both. Border size: specifies the width, in pixels, of the table’s borders.  A border size of zero will produce a borderless table, but you will see gridlines when editing your table. Alignment:  sets the alignment of the whole table.  Since the default size of the table is 100%, he Center and Right choices will appear to have no effect. Click on OK. Once your table is in place, you can right click in a cell or on the table to see the menu of options you can use to edit your table.
  • SiteManager - Registration Tool SiteManager Event Registration Tool The event registration tool is a component of SiteManager that allows you to set up events with limited numbers of attendees. To use this tool for the first time, follow these instructions: Go to https://my.hamilton.edu/sitemanager/applications/events/index.cfm Select Add a new Calendar. Create a name for the calendar and press submit. Add other people to edit the events if necessary. Select Manage Events on this Calendar. This will bring you to the event listing, allowing you to create events, and giving you the public URL to the calendar. This URL can be given out to let people register for your events. To create an event, select Add Event. Be sure to enter your information correctly. Once an event is added, you can copy it and change the date to duplicate it. If people have registered for it, you can also manage them, adding or removing people, or editing their information. If you already have a calendar, it will appear on the opening page, from which you can manage it. To publicize your events, you can either submit the event to the Events Calendar, and include the registration link in the description, or you can use Google Calendar, adding the registration link to the description.
  • SiteManager - What are content modules? How do I add them? SiteManager What is Content? Content is the material that makes up the pages you create. Depending on the template you are using, you will see between one and five Add Content buttons: SiteHeader Available on academics, people, students, and courses Sitewide Navigation Available on academics, people, students, and courses Left or Left Column Available on all domains, use depends on template Right or Right Column Available on all domains, use depends on template Center or Main Content Available on all domains, use depends on templat Types of Content Modules Audio - Allows you to insert audio files. Available on all site domains Comments - Allows you to create commemnt boxes for visitors. Available on courses, people, and students Custom Content - Allows you to insert HTML Code. (Facebook Like Button/Facebook Feed/Twitter) Available on courses, people and students Google Forms and Calendars - Allows you to upload Forms and Calendars from Google. Available on all site domains Google Map - Allows you to upload a map to the page. Available on all site domains Hamilton News/Article Database Available only on official/Available on courses, people and students Images - Allows you to upload images. Available on all site domains Navigation - Allows you to create a navigation bar on your site. Available on all site domains Site Contact - Allows you to add contact information for a page. Available on all site domains Slideshow - Allows you to create a slideshow on a page. Available on all site domains Text (Add/Edit) - Allows you to add textboxes to a page. Available on all site domains Video - Allows you to add video to a page. Available on all site domains Add Content Click on the Add Content button in the desired area.  Please note:  it is not possible to drag and drop content between content areas. From the drop down menu, choose the type of module you want to add. Click on Add.
  • SiteManager - What are some good publishing practices? SiteManager Web publishing: Best practices We’ve put together a few questions (and comments) to guide you through an examination of the content and structure of your Web site. As you begin to use SiteManager to edit and to update your Web pages, please take a few minutes to review these questions, and to think about how you can apply your answers to your Web site. What is the most important information about you? Publish only the content that you can manage comfortably. That content should give the maximum amount of information to the maximum amount of people. Organize your information in a way that will make the most sense to your audience, even if that conflicts with the way that your office is organized. Think about what information from the rest of our Web site might be useful to your audience, and link to it. Trying to replicate it on your site just makes more work for you. When was the last time your Web site was updated? Current and accurate content is essential. If something on your Web site is obviously outdated, your audience will not trust your information. It’s useful to have a schedule of what you need to update, and when. Review any links that you have to make sure they are still valid and useful. What pages on your site require your audience to scroll down through several screens in order to read everything? On the Web, short and simple is best. Keep your information in easy-to-read chunks that your audience can quickly scan. If your text sounds awkward and wordy, it probably is. When editing a page, make use of “bulleted” information, and use clear and useful subheadings to introduce ideas. Who is your audience? A Web page can’t be all things for all people. Consider who your audience is, and decide what you want them to take away from the page.
  • SiteManager - What is a site? How do I navigate one? SiteManager What is a site? A site contains a collection of web files on a related subject.  The sites that you have the rights to edit will appear under My Sites.  Click once on the name link to see the contents of the site. Why don’t I see any sites? 1) You have not been given acess to any sites.  a) Did you take a SiteManager training class?  If not, here is the current schedule.  b) Are you editing an official college site? Access is given during the required Working Sessions. 2) You may be using the wrong address. SiteManager exists on five different Hamilton College domains: a) College departments, official college pages:   http://www.hamilton.edu/sitemanager b) Academic department pages and supporting content/sites:   http://academics.hamilton.edu/sitemanager Please note, pages created and maintained by the departments will not replace the Hamilton marketing pages created and maintained by C&D. Department maintained pages are accessed via a link from the official Hamilton pages that reads, " The [department name] department maintains its own Web site. More..." Only sites that display current information will be linked from the official academic page. c) Student organizations:   http://students.hamilton.edu/sitemanager d) All personal sites:   http://people.hamilton.edu/sitemanager e) Sites and content related to course work, academic projects:   http://courses.hamilton.edu/sitemanager f) Conference sites:   http://conferences.hamilton.edu/sitemanager   Navigating Around SiteManager There is a hierarchy that defines the navigation in SiteManager.  Depending on where you are in the hierarchy, you have different options available to you. Home is at the top.  Sites contain sections (organize like items together) and pages. Pages are made up of modules. SiteManager provides “bread crumb trail” navigation, so you can always quickly get to a site, section, or page. Note:  The first page you make in your site is the “home” page, noted by the icon of the house.  Site options: settings Section options: settings, move, delete “Home” page options: view, edit, settings, move, archive, delete Page options: view, edit, settings, move, make home, archive, delete
  • SiteManager 3.0 SiteManager Last Modified on 07/28/10 SiteManager ver. 3.0 Page 1 of 23 SiteManager 3.0 Table of Contents Table of Contents .................................................................................................................1 Log In................................................................................................................................2 What is a site? .....................................................................................................................2 Navigating Around SiteManager .............................................................................................3 Site/Section Settings ............................................................................................................4 Page Settings ......................................................................................................................5 Add a Page..........................................................................................................................6 Delete a Page ......................................................................................................................6 Edit Pages ...........................................................................................................................7 The Content Areas................................................................................................................7 Types of Content Modules .....................................................................................................7 Add Content ........................................................................................................................8 Edit Content ........................................................................................................................8 The Web Media Library .........................................................................................................9 Add Assets to the Web Media Library...................................................................................9 Add Audio (functionality forthcoming) ...................................................................................10 Add Comments ..................................................................................................................11 Add Google Forms ..............................................................................................................12 Add a Google Map ..............................................................................................................12 Add Hamilton News ............................................................................................................12 Add Images.......................................................................................................................13 Edit Your Image (documentation forthcoming)....................................................................14 Add Include Custom File (documentation forthcoming) ...........................................................14 Add Navigation (documentation forthcoming) ........................................................................14 Add Site Contact Information (functionality forthcoming) ........................................................14 Add a Slideshow.................................................................................................................15 Add Text ...........................................................................................................................16 The Editing Tools ............................................................................................................16 The Edit Toolbar .............................................................................................................16 Paste Text from Word......................................................................................................17 Styles...........................................................................................................................17 Insert/Edit URL Link ........................................................................................................18 Remove a Link ............................................................................................................19 Insert/Edit E-mail Link.....................................................................................................19 Insert/Edit Anchor...........................................................................................................20 Insert/Edit Image ...........................................................................................................21 Insert/Edit Table.............................................................................................................21 Adding Video (documentation forthcoming) ...........................................................................22 Log Out............................................................................................................................22 Last Modified on 07/28/10 SiteManager ver. 3.0 Page 2 of 23 Log In http://wwwtest.hamilton.edu/sitemanager Beta site http://www.hamilton.edu/sitemanager College departments, official college pages http://academics.hamilton.edu/sitemanager Academic department pages and supporting content/sites http://students.hamilton.edu/sitemanager Student organizations http://people.hamilton.edu/sitemanager All personal sites http://courses.hamilton.edu/sitemanager Sites and content related to course work, academic projects http://conferences.hamilton.edu/sitemanager Conference sites You will login with you’re my Hamilton username and password. When you login for the first time, you will see the following screen: What is a site? A site contains a collection of web files on a related subject. The sites that you have the rights to edit will appear under My Sites. Click once on the name link to see the contents of the site. Folders representing sections of your site. Pages at the top level of your site. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 3 of 23 Home Site Section/Pages Site Ex. Information Technology Services Section/Pages Ex. Support Section/Pages Ex. Network Services Section/Pages Ex. Index.html Section/Pages Ex. Web Services Site Section/Pages Navigating Around SiteManager There is a hierarchy that defines the navigation in SiteManager. Depending on where you are in the hierarchy, you have different options available to you. SiteManager provides “bread crumb trail” navigation, so you can always quickly get to a site, section, or page. Note: The first page you make in your site is the “home” page, noted by the icon of the house. Site and section options “Home” page options Page options Last Modified on 07/28/10 SiteManager ver. 3.0 Site/Section Settings Functionality Screen Shots The Basic tab includes the name of the site or section as it appears in SiteManager, and the template applied. Note: Template options subject to change. The Security tab controls Viewing permissions. 1. The View Permissions option allows you to control who is allowed to view the pages and files within a site over the Web. By editing these fields, you restrict access to the site to only those groups and users that you specify. The History tab shows the user that made the previous changes to the site/section. Last Modified on 07/28/10 SiteManager ver. 3.0 Page Settings Functionality Screen Shots The Basic tab contains: the Title and Page Type (either Web Page or Downloadable file). If you do not Inherit the template from the site/section, the Templates drop down menu will be available to you. The Security Settings section controls Viewing permissions. 1. The View Permissions option allows you to control who is allowed to view the page over the Web. By editing these fields, you restrict access to those pages to only those groups and users that you specify. The History tab shows the user that made the previous changes to the page. The Metadata Settings tab shows the HTML Title. For the time being, this tab does not need to be used. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 6 of 23 Add a Page 1. Within the site/section where you want to add the new page, click on Add a page. 1. The Page Title is what appears in your list of pages and in the blue band at the top of the web page. If you include spaces within your title, the address will include hyphens where you had spaces. 2. The Page Type can be either Web Page or downloadable file, e.g. PDF, Word or Excel document. 3. If uploading a file, click on Browse and locate and select the file to upload. If the file is not a PDF and you want to convert it, check the box to Convert to PDF. 4. The page will inherit the template design of the site/section. Click on Submit. Delete a Page 1. Click on the Delete icon next to the name of the page. 2. Click on OK in the window that appears to delete the page. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 7 of 23 Edit Pages 1. There are two ways to get into edit mode: a. Within SiteManager, click on the Edit button next to the page you want to edit. b. In your browser window navigate to the page you want to edit and hit the <ESC> key. If you navigate to the page and you are not logged into My Hamilton, you will be prompted to login. 2. Your page will appear the editing tools layered on top of it. [NOTE: If you do not have the rights to edit a page, you will see the message: You do not have permission to access this page.] The Content Areas Depending on the template you are using, you will see between one and five Add Content buttons: SiteHeader Available on academics, people, students, and courses Sitewide Navigation Available on academics, people, students, and courses Left or Left Column Available on all domains, use depends on template Right or Right Column Available on all domains, use depends on template Center or Main Content Available on all domains, use depends on template Types of Content Modules Audio Available on all site domains Comments Available on courses, people, and students Google Forms Available on all site domains Google Map Available on all site domains Hamilton News Available on all site domains Images Available on all site domains Include Custom File Available on courses, people and students Navigation Available on all site domains Site Contact Available on all site domains Slideshow Available on all site domains Text Available on all site domains Video Available on all site domains Last Modified on 07/28/10 SiteManager ver. 3.0 Page 8 of 23 Add Content 1. Click on the Add Content button in the desired area. Please note: it is not possible to drag and drop content between content areas. 2. From the drop down menu, choose the type of module you want to add. 3. Click on Add. Edit Content 1. When you mouse over a module, it will be highlighted in yellow. You have three choices: a. Move the module: Click on the two vertical lines and drag the module above or below another module. Please note, you can only move modules within the same content areas. b. Edit the content: Click on the Edit button. The editing options are dependent upon the type of content module. c. Change Options: i. Settings: Change the Layout and Style of the module box ii. 1/3 Width, 1/2 Width, 2/3 Width, Full Width: By default a module spans the Full Width of the designated column. iii. Inherit: Typically used in conjunction with Lock. Ensures the selected module will appear on all pages in the site or section. iv. Lock: Typically used in conjunction with Inherit. Ensures the Ensures the selected module will appear on all pages in the site or section. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 9 of 23 The Web Media Library New in SiteManager 3.0, the Web Media Library holds image, audio, and video assets. Add Assets to the Web Media Library 1. You can get to the Web Media Library via: a. From within SiteManager, click on the Web Media Library tab. b. When in the editing mode, follow the steps above to Add Content, choosing the Audio, Images, or Video option. c. When in the text editing mode, click on the Image icon on the toolbar. 2. Click on the Add New Media tab. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 10 of 23 3. NOTE: Manipulation of assets should be done BEFORE adding them to SiteManager, For example, you can resize images in SiteManager, but you cannot edit them, e.g. crop or fix red eye. 4. The Name field is required. Use names that accurately describe the image. Appropriately named images will allow for easier retrieval by you and by other web editors at a future time. 5. Click on the Select Media button to locate the audio file, image, or video on your hard drive, network space, CD, etc. 6. If you’d like, you can add a Caption or Attribution. 7. If you want to share this asset with others, leave the box next to Private unchecked, otherwise click once in the box to check it. You will be the only person able to see and edit this image. 8. Click on Save Media. Add Audio (functionality forthcoming) Accepted File Types: MP3 1. Follow the steps at the top of page eight to Add Content, selecting the Audio module. a. Find Media tab: search for media you or others have already added. b. Add New Media tab: add new audio files for immediate or later use. c. My Media tab: see all audio media you have uploaded. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 11 of 23 Add Comments 1. Follow the steps at the top of page eight to Add Content, selecting the Comments module. 2. Settings Tab – Set Type of Comments: a. Moderated – add the list of moderators b. Not Moderated 3. Comments Tab – See the comments posted, approve to show on page. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 12 of 23 Add Google Forms 1. Follow the steps at the top of page eight to Add Content, selecting the Google Forms module. Add a Google Map 1. Follow the steps at the top of page eight to Add Content, selecting the Google Map module. 2. Fill in the information and click on Save. Add Hamilton News 1. Follow the steps at the top of page eight to Add Content, selecting the Hamilton News module. 2. Fill in the information and click on Save. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 13 of 23 Add Images Accepted File Types: JPG, GIF, and PNG 1. Images can be added in one of two ways: a. In their own Content module: Follow the steps at the top of page eight to Add Content, selecting the Images module. 2. Within a Text module, e.g. if you want your text to flow around an image: Click on the Image button on the toolbar within the text editor. Click on Browse Server. 3. Does the image you need already exist? If you are not sure, search for it. 4. Type in a search term under Search and click on Search Images. 5. To use an image that already exists, click on the Insert. a. On the Basic tab, select the size of the image, choose to include the caption and/or attribution associated with the image. b. On the Advanced tab, if applicable, define a link to associate with the image, and/or a custom width and height. c. Click on Insert Media. NOTE: The text that appears in the Preview box to the left is known as “Lorem Ipsum” or “dummy” text. It's mostly Latin, and is used extensively in print to replicate what "real" text would look like, without actually having to write anything. In this case, you will be able to see how the image you insert will appear in relation of text which may surround it. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 14 of 23 6. If you are inserting the image within a Text module, the Image Properties window will appear at which point you can add Alternative Text (important for people using screen readers), change the size of the image (measured in pixels), add a border to it (the images on our site have a border of zero), add horizontal or vertical space (so the image is not so close to the text), and finally, choose how you want it aligned. 7. Click OK. Edit Your Image (documentation forthcoming) Add Include Custom File (documentation forthcoming) Add Navigation (documentation forthcoming) 1. Follow the steps at the top of page eight to Add Content, selecting the Navigation module. 2. Add Site Contact Information (functionality forthcoming) 1. Follow the steps at the top of page eight to Add Content, selecting the Site Contact module. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 15 of 23 Add a Slideshow 2. Follow the steps at the top of page eight to Add Content, selecting the Slideshow module. 3. Click on Add Image. 4. Search for or upload your images. 5. Click on Insert. 6. Add your next image. 7. Rearrange your images using drag and drop. 8. Click on the Advanced tab to set how your slideshow will play. 9. Click on Save Settings. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 16 of 23 Add Text 1. Follow the steps at the top of page eight to Add Content, selecting the Text module. 2. Enter your text in the Edit Content window. 3. Click Save. The Editing Tools SiteManager provides a full set of tools to simplify the process of editing your pages. Please be aware that although it looks like a toolbar you would find in Microsoft Word, editing a web page differs from editing a Word document. For example, if you hit <Enter> when editing a web page, you will automatically get double spacing, also known as a paragraph break. To get single spacing you have to hit <Shift> <Enter>, also known as a line break. The Edit Toolbar Cut Copy Paste Pop-up Window Roll-over text Check Spelling Spell Check As You Type Undo Redo Find Replace Select All Bold Italic Subscript Superscript Insert/Remove Numbered List Insert/Remove Bulleted List Decrease Indent Increase Indent Left Justify Center Justify Right Justify Insert/Edit Link Remove Link Insert/Edit Anchor Maximize Styles Remove Format Insert/Edit Image Insert/Edit Table Insert Special Character Maximize Last Modified on 07/28/10 SiteManager ver. 3.0 Page 17 of 23 Paste Text from Word Chances are that you already have the text for your page typed, most likely in Microsoft Word. When pasting into the Edit Content Window, all of the formatting will be stripped Styles The styles available for you to use when formatting your pages are dependent on the Template. These are predefined styles and cannot be changed, i.e. use a different color, font or size. Styles for pages on http://www.hamilton.edu need to follow the Web Style Guidelines (forthcoming). Apply a Style 1. Select the text to which you want to apply a style. 2. From the Styles menu, choose the desired style. Remove a Style (subject to change) 1. Select the text for which you want to remove the style. 2. Click on the Remove Format button on the toolbar. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 18 of 23 Insert/Edit URL Link 1. Highlight the text or image you want to become a link. 2. Click on the Insert/Edit Link button on the toolbar. 3. Under Link Type, select URL. 4. Either type or paste a link in the URL box or click on Browse Server. 5. Navigate to the page. a. Use the preview button to see a preview of the page. b. Use the link button to Last Modified on 07/28/10 SiteManager ver. 3.0 Page 19 of 23 6. To have the link open in a new browser window, click on the Target tab and from the drop down menu below Target, select New Window (_blank). 7. Click on OK. Remove a Link 1. Highlight the text currently formatted as a link. 2. Click on the Remove Link button. Insert/Edit E-mail Link 1. Highlight the text you want to become a link. 2. Click on the Insert/Edit Link button on the toolbar. 3. Under Link Type, select E-mail. 4. Type in the E-mail address and if desired, you can also type in the Message Subject and Message Body so that when a visitor clicks on an e-mail link, a portion of the e-mail message is created for them. 5. Click on OK. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 20 of 23 Insert/Edit Anchor Anchors are used on a page to quickly take a visitor to a specific section of the page. 1. Place the cursor at the beginning of the line where you want the anchor to be. 2. Click on the Insert/Edit Anchor button. 3. Enter the name of the anchor in the Anchor Properties window that appears. 4. To use the anchor as a link, click on the Insert/Edit Link button. 5. Under Link Type, select Link to anchor in the text. 6. Select an anchor name from the drop down list. 7. Click on OK. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 21 of 23 Insert/Edit Image Follow the instruction under Adding Images on page 13. Insert/Edit Table Known Issue: tables, bulleted lists and numbered lists appear center aligned in the editor, but are aligned correctly (left-aligned) on the actual page. Use tables when you need to present information that lends itself to a tabular setup. 1. Place the cursor at the point you need the table to appear. 2. Click on the Insert/Edit Table button on the toolbar. Width: Measured either in pixels (200 pixels is the default) or as a percent of the module area you are in. The width of Hamilton pages is 960 pixels. Height: Measured in pixels. Cell Spacing: sets the amount of space between adjacent layout cells (in pixels). This value should be less than 5. Cell padding: sets the amount of space between the content of a layout cell and the cell boundary (in pixels). This value should be less than 5. Headers: bolds the first row, first column, or both. Border size: specifies the width, in pixels, of the table’s borders. A border size of zero will produce a borderless table, but you will see gridlines when editing your table. Alignment: sets the alignment of the whole table. Since the default size of the table is 100%, he Center and Right choices will appear to have no effect. 3. Click on OK. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 22 of 23 4. Once your table is in place, you can right click in a cell or on the table to see the menu of options you can use to edit your table. Adding Video (documentation forthcoming) Accepted File Types: Flash (FLV) and Quicktime (MOV) (DV) 1. Follow the steps at the top of page eight to Add Content, selecting the Video module. Log Out When you have finished making changes to your pages, click on Log Out in the top right corner. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 23 of 23 Web publishing: Best practices We’ve put together a few questions (and comments) to guide you through an examination of the content and structure of your Web site. As you begin to use SiteManager to edit and to update your Web pages, please take a few minutes to review these questions, and to think about how you can apply your answers to your Web site. What is the most important information about you? Publish only the content that you can manage comfortably. That content should give the maximum amount of information to the maximum amount of people. Organize your information in a way that will make the most sense to your audience, even if that conflicts with the way that your office is organized. Think about what information from the rest of our Web site might be useful to your audience, and link to it. Trying to replicate it on your site just makes more work for you. When was the last time your Web site was updated? Current and accurate content is essential. If something on your Web site is obviously outdated, your audience will not trust your information. It’s useful to have a schedule of what you need to update, and when. Review any links that you have to make sure they are still valid and useful. What pages on your site require your audience to scroll down through several screens in order to read everything? On the Web, short and simple is best. Keep your information in easy-to-read chunks that your audience can quickly scan. If your text sounds awkward and wordy, it probably is. When editing a page, make use of “bulleted” information, and use clear and useful subheadings to introduce ideas. Who is your audience? A Web page can’t be all things for all people. Consider who your audience is, and decide what you want them to take away from the page.
Training
  • SiteManager - How do I add a page or file? Training Add a Page or File NOTE: SiteManager can be used both on and off the Hamilton campus. Within the site/section where you want to add the new page, click on Add a page.   Enter a Page Title. The Page Title is what appears in your list of pages and in the blue band at the top of the web page.  If you include spaces within your title, the address will include hyphens where you had spaces. Choose a Page Type. The Page Type can be either Web Page or downloadable file, e.g. PDF, Word or Excel document. If uploading a file, click on Browse and locate and select the file to upload.  If the file is not a PDF and you want to convert it, check the box to Convert to PDF. The page will inherit the template design of the site/section. Click on Submit. Related Links How do I delete a page? How do I edit a page/replace a downloadable file?
  • SiteManager - How do I add audio/video? Training Add Audio NOTE: Accepted File Types:  MP3 Select the Audio module. Find Media tab:  search for media you or others have already added. Add New Media tab:  add new audio files for immediate or later use. My Media tab:  see all audio media you have uploaded.   When you’ve found the audio file, select insert. Adding Video NOTE: Accepted File Types:  Flash (FLV) and Quicktime (MOV) (DV) NOTE: Files must be limited to 500 MB Select the Video module. The video media library will look exactly like the audio media library. Find Media tab:  search for media you or others have already added. Add New Media tab:  add new video files for immediate or later use. My Media tab:  see all video media you have uploaded. When you’ve found your video file, select insert.
  • SiteManager - How do I add comments? Training Add Comments Select the Comments module. Settings Tab – Set Type of Comments: Moderated – add the list of moderators Not Moderated Comments Tab – See the comments posted, approve to show on page. Add Custom Content NOTE: Only use if you have knowledge of HTML. Select the Custom Content module. Enter your HTML code and click on save. Add Google Forms and Calendars Select the Google Forms and Calendars module. Follow the instructions in the box and click on Save. Add a Google Map Select the Google Map module. Fill in the information and click on Save. Add Hamilton News Select the Hamilton News module. Fill in the information and click on Save. Add Navigation Select the Navigation module. NOTE: Links will appear as the default heading. That can be changed later. Under your heading, enter a title and a URL, either by choosing a page or entering a specific URL, then click save. Repeat the previous step for all other links you want to add. Add Site Contact Information Select the Site Contact module. Fill in the information and click save. If the information is already in the text and correct, click save.
  • SiteManager - How do I add custom content? Training Add Custom Content NOTE: Only use if you have knowledge of HTML. Click on an Add Content button and select the Custom Content module. Enter your HTML code and click on save. Add Facebook Like Button Click on Add Content and select the custom content module. In a separate window or tab, go to http://developers.facebook.com/docs/reference/plugins/like/ Enter the URL of the Facebook page for which you want to create a like button. Uncheck send button. Click Get code. Select the IFRAME option and copy the code. In your content module, paste the code and click save. Add Facebook Feed NOTE: Currently doesn't work on the people.hamilton.edu domain Click on an Add Content button and select the Custom Content module. Insert the following code (Include < and at the beginning of the code and remove the spaces in < / iframe>): iframe allowtransparency="true" src="http://www.facebook.com/connect/connect.php?id=###############&connections=0&stream=1" style="border: none; width: 300px; height: 380px;" frameborder="1" scrolling="no"> < / iframe> Insert your Facebook page's 10 or 15-digit id in place of the 15 # symbols. Your page's id is normally at the end of your page's URL. (You will need another tab/window to get to the Facebook page) If not, follow these instructions: On your page, right click and select view page source. In the Source Code, search (Control F on Windows, Cmd F on Mac) for profile_id=. Following that portion of the code is a 10 or 15-digit id. Insert that in place of the 15 # symbols. Click save. Add Twitter Feed NOTE: Currently doesn't work on the people.hamilton.edu domain Click on an Add Content button and select the Custom Content module In a new tab, go to https://twitter.com/about/resources/widgets/widget_profile Select a username (the twitter feed you would like your website to follow). Once you've finished editing the other preferences (we do not recommend editing appearance or dimensions), click finish & grab code. Copy that code and paste it into the custom content module and click save.
  • SiteManager - How do I add Facebook Plugins? Training Add Facebook Like Button Click on Add Content and select the custom content module. In a separate window or tab, go to http://developers.facebook.com/docs/reference/plugins/like/ Enter the URL of the Facebook page for which you want to create a like button. Uncheck send button. Click Get code. Select the IFRAME option and copy the code. In your content module, paste the code and click save. Add Facebook Feed NOTE: Currently doesn't work on the people.hamilton.edu domain Click on an Add Content button and select the Custom Content module. Insert the following code (Include < and at the beginning of the code and remove the spaces in < / iframe>): iframe allowtransparency="true" src="http://www.facebook.com/connect/connect.php?id=###############&connections=0&stream=1" style="border: none; width: 300px; height: 380px;" frameborder="1" scrolling="no"> < / iframe> Insert your Facebook page's 10 or 15-digit id in place of the 15 # symbols. Your page's id is normally at the end of your page's URL. (You will need another tab/window to get to the Facebook page) If not, follow these instructions: On your page, right click and select view page source. In the Source Code, search (Control F on Windows, Cmd F on Mac) for profile_id=. Following that portion of the code is a 10 or 15-digit id. Insert that in place of the 15 # symbols. Click save.
  • SiteManager - How do I add Google Forms, Calendars, and Maps? Training Add Google Forms and Calendars Click on an Add Content button and select the Google Forms and Calendars module. Follow the instructions in the box and click on Save. Add a Google Map Click on an Add Content button and select the Google Map module. Fill in the information and click on Save.
  • SiteManager - How do I add Hamilton News? Training Add Hamilton News NOTE: Academics Sites do not have this module; they have an "Article Database" module, which is currently unusable. Click on an Add Content button and select the Hamilton News module. Fill in the information (be sure to enter tags or no articles will display!) and click on Save.
  • SiteManager - How do I add Navigation? Training Add Navigation Click on an Add Content button and select the Navigation module. NOTE: Links will appear as the default heading. That can be changed later. Under your heading, enter a title and a URL, either by choosing a page or entering a specific URL, then click save. (NOTE: If you are linking to a website outside of hamilton.edu, we suggest checking new window.) Repeat the previous step for all other links you want to add. NOTE: All navigation modules on the official (www) Hamilton site must be accordion.
  • SiteManager - How do I add new media? Training The Web Media Library The Web Media Library holds image, audio, and video assets. Add Assets to the Web Media Library  You can get to the Web Media Library via: From within SiteManager, click on the Web Media Library tab. When in the editing mode, follow the steps above to Add Content, choosing the Audio, Images, or Video option. When in the text editing mode, click on the Image icon   on the toolbar. Click on the Add New Media tab. NOTE:  Manipulation of assets should be done BEFORE adding them to SiteManager,  For example, you can resize images in SiteManager, but you cannot edit them, e.g. crop or fix red eye. The Name field is required.  Use names that accurately describe the image.  Appropriately named images will allow for easier retrieval by you and by other web editors at a future time. Click on the Select Media button to locate the audio file, image, or video on your hard drive, network space, CD, etc. If you’d like, you can add a Caption or Attribution. If you want to share this asset with others, leave the box next to Private unchecked, otherwise click once in the box to check it.  You will be the only person able to see and edit this image. Click on Save Media.
  • SiteManager - How do I add text? Training Add Text Click on an Add Content button and select the Text module. Enter your text in the Edit Content window. Click Save. Paste Text from Word Chances are that you already have the text for your page typed, most likely in Microsoft Word.  When pasting into the Edit Content Window, all of the formatting will be stripped. If, however, you drag and drop the text, the formatting will be preserved. Styles The styles available for you to use when formatting your pages are dependent on the Template.  These are predefined styles and cannot be changed, i.e. use a different color, font or size. Styles for pages on http://www.hamilton.edu need to follow the Web Style Guidelines. Apply a Style Select the text to which you want to apply a style. From the Styles menu, choose the desired style. Remove a Style (subject to change)  Select the text for which you want to remove the style. Click on the Remove Format button on the toolbar.
  • SiteManager - How do I add/edit a slideshow? Training Add a Slideshow Click on an Add Content button and select the Slideshow module. Click on Add Image. Search for or upload your images. Click on Insert. Add your next image. Rearrange your images using drag and drop. Click on the Advanced tab to set how your slideshow will play. Click on Save Settings.
  • SiteManager - How do I add/edit images? Training Add Images Accepted File Types:  JPG, GIF, and PNG    Images can be added in one of two ways: In their own Content module:  Select the Images module. Within a Text module, e.g. if you want your text to flow around an image:  Click on the Image   button on the toolbar within the text editor.  Click on Browse Server. Does the image you need already exist?  If you are not sure, search for it. Type in a search term under Search and click on Search Images. To use an image that already exists, click on the Insert. On the Basic tab, select the size of the image, choose to include the caption and/or attribution associated with the image. On the Advanced tab, if applicable, define a link to associate with the image, and/or a custom width and height. Click on Insert Media. If you are inserting the image within a Text module, the Image Properties window will appear at which point you can add Alternative Text (important for people using screen readers), change the size of the image (measured in pixels), add a border to it (the images on our site have a border of zero), add horizontal or vertical space (so the image is not so close to the text), and finally, choose how you want it aligned. Click OK. Edit Your Image SiteManager cannot edit images. For advice on editing images, see here.
  • SiteManager - How do I delete a page? Training Delete a Page Click on the Delete icon next to the name of the page. Click on OK in the window that appears to delete the page.
  • SiteManager - How do I edit a page/replace a downloadable file? Training Edit Pages There are two ways to get into edit mode: Within SiteManager, click on the Edit button next to the page you want to edit. In your browser window navigate to the page you want to edit and hit the key.  If you navigate to the page and you are not logged into My Hamilton, you will be prompted to login. Your page will appear the editing tools layered on top of it, shown below. [NOTE:  If you do not have the rights to edit a page, you will see the message:  You do not have permission to access this page.]
  • SiteManager - How do I edit content modules? Training Edit Content When you mouse over a module, it will be highlighted in yellow.  You have three choices: Move the module:  Click on the two vertical lines and drag the module above or below another module.  Please note, you can only move modules within the same content areas. Edit the content:  Click on the Edit button.  The editing options are dependent upon the type of content module. Change Options: Settings:  Change the Layout and Style of the module box. 1/3 Width, 1/2 Width, 2/3 Width, Full Width:  By default a module spans the Full Width of the designated column. Sets how much space the content uses in the column Inherit:  Typically used in conjunction with Lock.  Ensures the selected module will appear on all pages in the site or section. Lock:  Typically used in conjunction with Inherit.  Ensures the Ensures the selected module will appear on all pages in the site or section. Remove: Deletes the content.  
  • SiteManager - How do I edit textboxes? Training Table of Contents The Editing Tools Insert/Edit E-mail Link The Edit Toolbar Insert/Edit Anchor Insert/Edit URL Link Insert/Edit Image Remove a Link Insert/Edit Table The Editing Tools SiteManager provides a full set of tools to simplify the process of editing your pages.  Please be aware that although it looks like a toolbar you would find in Microsoft Word, editing a web page differs from editing a Word document.  For example, if you hit "enter" when editing a web page, you will automatically get double spacing, also known as a paragraph break. To get single spacing you have to hit "shift" "enter", also known as a line break. The Edit Toolbar Insert/Edit URL Link  Highlight the text or image you want to become a link. Click on the Insert/Edit Link   button on the toolbar. Under Link Type, select URL. Either type or paste a link in the URL box or click on Browse Server. Navigate to the page. Use the preview button to see a preview of the page. Use the link button to insert the page's URL into the URL box. To have the link open in a new browser window, click on the Target tab and from the drop down menu below Target, select New Window (_blank). Click on OK. Remove a Link Highlight the text currently formatted as a link. Click on the Remove Link button.  Insert/Edit E-mail Link Highlight the text you want to become a link. Click on the Insert/Edit Link   button on the toolbar. Under Link Type, select E-mail Type in the E-mail address and if desired, you can also type in the Message Subject and Message Body so that when a visitor clicks on an e-mail link, a portion of the e-mail message is created for them. Click on OK. Insert/Edit Anchor Anchors are used on a page to quickly take a visitor to a specific section of the page. Place the cursor at the beginning of the line where you want the anchor to be. Click on the Insert/Edit Anchor   button. Enter the name of the anchor in the Anchor Properties window that appears. To use the anchor as a link, click on the Insert/Edit Link  button. Under Link Type, select Link to anchor in the text. Select an anchor name from the drop down list. Click on OK. Insert/Edit Image Follow the instruction under Adding Images on “How do I add/edit images?” Insert/Edit Table Use tables when you need to present information that lends itself to a tabular setup. Place the cursor at the point you need the table to appear. Click on the Insert/Edit Table   button on the toolbar. (NOTE: Pressing "tab" in a table will not move you to the next cell.) Width: Measured either in pixels (200 pixels is the default) or as a percent of the module area you are in.  The width of Hamilton pages is 960 pixels. Height:  Measured in pixels. Cell Spacing: sets the amount of space between adjacent layout cells (in pixels).  This value should be less than 5 Cell padding: sets the amount of space between the content of a layout cell and the cell boundary (in pixels).  This value should be less than 5. Headers:  bolds the first row, first column, or both. Border size: specifies the width, in pixels, of the table’s borders.  A border size of zero will produce a borderless table, but you will see gridlines when editing your table. Alignment:  sets the alignment of the whole table.  Since the default size of the table is 100%, he Center and Right choices will appear to have no effect. Click on OK. Once your table is in place, you can right click in a cell or on the table to see the menu of options you can use to edit your table.
  • SiteManager - Registration Tool Training Event Registration Tool The event registration tool is a component of SiteManager that allows you to set up events with limited numbers of attendees. To use this tool for the first time, follow these instructions: Go to https://my.hamilton.edu/sitemanager/applications/events/index.cfm Select Add a new Calendar. Create a name for the calendar and press submit. Add other people to edit the events if necessary. Select Manage Events on this Calendar. This will bring you to the event listing, allowing you to create events, and giving you the public URL to the calendar. This URL can be given out to let people register for your events. To create an event, select Add Event. Be sure to enter your information correctly. Once an event is added, you can copy it and change the date to duplicate it. If people have registered for it, you can also manage them, adding or removing people, or editing their information. If you already have a calendar, it will appear on the opening page, from which you can manage it. To publicize your events, you can either submit the event to the Events Calendar, and include the registration link in the description, or you can use Google Calendar, adding the registration link to the description.
  • SiteManager - What are content modules? How do I add them? Training What is Content? Content is the material that makes up the pages you create. Depending on the template you are using, you will see between one and five Add Content buttons: SiteHeader Available on academics, people, students, and courses Sitewide Navigation Available on academics, people, students, and courses Left or Left Column Available on all domains, use depends on template Right or Right Column Available on all domains, use depends on template Center or Main Content Available on all domains, use depends on templat Types of Content Modules Audio - Allows you to insert audio files. Available on all site domains Comments - Allows you to create commemnt boxes for visitors. Available on courses, people, and students Custom Content - Allows you to insert HTML Code. (Facebook Like Button/Facebook Feed/Twitter) Available on courses, people and students Google Forms and Calendars - Allows you to upload Forms and Calendars from Google. Available on all site domains Google Map - Allows you to upload a map to the page. Available on all site domains Hamilton News/Article Database Available only on official/Available on courses, people and students Images - Allows you to upload images. Available on all site domains Navigation - Allows you to create a navigation bar on your site. Available on all site domains Site Contact - Allows you to add contact information for a page. Available on all site domains Slideshow - Allows you to create a slideshow on a page. Available on all site domains Text (Add/Edit) - Allows you to add textboxes to a page. Available on all site domains Video - Allows you to add video to a page. Available on all site domains Add Content Click on the Add Content button in the desired area.  Please note:  it is not possible to drag and drop content between content areas. From the drop down menu, choose the type of module you want to add. Click on Add.
  • SiteManager - What are some good publishing practices? Training Web publishing: Best practices We’ve put together a few questions (and comments) to guide you through an examination of the content and structure of your Web site. As you begin to use SiteManager to edit and to update your Web pages, please take a few minutes to review these questions, and to think about how you can apply your answers to your Web site. What is the most important information about you? Publish only the content that you can manage comfortably. That content should give the maximum amount of information to the maximum amount of people. Organize your information in a way that will make the most sense to your audience, even if that conflicts with the way that your office is organized. Think about what information from the rest of our Web site might be useful to your audience, and link to it. Trying to replicate it on your site just makes more work for you. When was the last time your Web site was updated? Current and accurate content is essential. If something on your Web site is obviously outdated, your audience will not trust your information. It’s useful to have a schedule of what you need to update, and when. Review any links that you have to make sure they are still valid and useful. What pages on your site require your audience to scroll down through several screens in order to read everything? On the Web, short and simple is best. Keep your information in easy-to-read chunks that your audience can quickly scan. If your text sounds awkward and wordy, it probably is. When editing a page, make use of “bulleted” information, and use clear and useful subheadings to introduce ideas. Who is your audience? A Web page can’t be all things for all people. Consider who your audience is, and decide what you want them to take away from the page.
  • SiteManager - What is a site? How do I navigate one? Training What is a site? A site contains a collection of web files on a related subject.  The sites that you have the rights to edit will appear under My Sites.  Click once on the name link to see the contents of the site. Why don’t I see any sites? 1) You have not been given acess to any sites.  a) Did you take a SiteManager training class?  If not, here is the current schedule.  b) Are you editing an official college site? Access is given during the required Working Sessions. 2) You may be using the wrong address. SiteManager exists on five different Hamilton College domains: a) College departments, official college pages:   http://www.hamilton.edu/sitemanager b) Academic department pages and supporting content/sites:   http://academics.hamilton.edu/sitemanager Please note, pages created and maintained by the departments will not replace the Hamilton marketing pages created and maintained by C&D. Department maintained pages are accessed via a link from the official Hamilton pages that reads, " The [department name] department maintains its own Web site. More..." Only sites that display current information will be linked from the official academic page. c) Student organizations:   http://students.hamilton.edu/sitemanager d) All personal sites:   http://people.hamilton.edu/sitemanager e) Sites and content related to course work, academic projects:   http://courses.hamilton.edu/sitemanager f) Conference sites:   http://conferences.hamilton.edu/sitemanager   Navigating Around SiteManager There is a hierarchy that defines the navigation in SiteManager.  Depending on where you are in the hierarchy, you have different options available to you. Home is at the top.  Sites contain sections (organize like items together) and pages. Pages are made up of modules. SiteManager provides “bread crumb trail” navigation, so you can always quickly get to a site, section, or page. Note:  The first page you make in your site is the “home” page, noted by the icon of the house.  Site options: settings Section options: settings, move, delete “Home” page options: view, edit, settings, move, archive, delete Page options: view, edit, settings, move, make home, archive, delete
  • SiteManager 3.0 Training Last Modified on 07/28/10 SiteManager ver. 3.0 Page 1 of 23 SiteManager 3.0 Table of Contents Table of Contents .................................................................................................................1 Log In................................................................................................................................2 What is a site? .....................................................................................................................2 Navigating Around SiteManager .............................................................................................3 Site/Section Settings ............................................................................................................4 Page Settings ......................................................................................................................5 Add a Page..........................................................................................................................6 Delete a Page ......................................................................................................................6 Edit Pages ...........................................................................................................................7 The Content Areas................................................................................................................7 Types of Content Modules .....................................................................................................7 Add Content ........................................................................................................................8 Edit Content ........................................................................................................................8 The Web Media Library .........................................................................................................9 Add Assets to the Web Media Library...................................................................................9 Add Audio (functionality forthcoming) ...................................................................................10 Add Comments ..................................................................................................................11 Add Google Forms ..............................................................................................................12 Add a Google Map ..............................................................................................................12 Add Hamilton News ............................................................................................................12 Add Images.......................................................................................................................13 Edit Your Image (documentation forthcoming)....................................................................14 Add Include Custom File (documentation forthcoming) ...........................................................14 Add Navigation (documentation forthcoming) ........................................................................14 Add Site Contact Information (functionality forthcoming) ........................................................14 Add a Slideshow.................................................................................................................15 Add Text ...........................................................................................................................16 The Editing Tools ............................................................................................................16 The Edit Toolbar .............................................................................................................16 Paste Text from Word......................................................................................................17 Styles...........................................................................................................................17 Insert/Edit URL Link ........................................................................................................18 Remove a Link ............................................................................................................19 Insert/Edit E-mail Link.....................................................................................................19 Insert/Edit Anchor...........................................................................................................20 Insert/Edit Image ...........................................................................................................21 Insert/Edit Table.............................................................................................................21 Adding Video (documentation forthcoming) ...........................................................................22 Log Out............................................................................................................................22 Last Modified on 07/28/10 SiteManager ver. 3.0 Page 2 of 23 Log In http://wwwtest.hamilton.edu/sitemanager Beta site http://www.hamilton.edu/sitemanager College departments, official college pages http://academics.hamilton.edu/sitemanager Academic department pages and supporting content/sites http://students.hamilton.edu/sitemanager Student organizations http://people.hamilton.edu/sitemanager All personal sites http://courses.hamilton.edu/sitemanager Sites and content related to course work, academic projects http://conferences.hamilton.edu/sitemanager Conference sites You will login with you’re my Hamilton username and password. When you login for the first time, you will see the following screen: What is a site? A site contains a collection of web files on a related subject. The sites that you have the rights to edit will appear under My Sites. Click once on the name link to see the contents of the site. Folders representing sections of your site. Pages at the top level of your site. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 3 of 23 Home Site Section/Pages Site Ex. Information Technology Services Section/Pages Ex. Support Section/Pages Ex. Network Services Section/Pages Ex. Index.html Section/Pages Ex. Web Services Site Section/Pages Navigating Around SiteManager There is a hierarchy that defines the navigation in SiteManager. Depending on where you are in the hierarchy, you have different options available to you. SiteManager provides “bread crumb trail” navigation, so you can always quickly get to a site, section, or page. Note: The first page you make in your site is the “home” page, noted by the icon of the house. Site and section options “Home” page options Page options Last Modified on 07/28/10 SiteManager ver. 3.0 Site/Section Settings Functionality Screen Shots The Basic tab includes the name of the site or section as it appears in SiteManager, and the template applied. Note: Template options subject to change. The Security tab controls Viewing permissions. 1. The View Permissions option allows you to control who is allowed to view the pages and files within a site over the Web. By editing these fields, you restrict access to the site to only those groups and users that you specify. The History tab shows the user that made the previous changes to the site/section. Last Modified on 07/28/10 SiteManager ver. 3.0 Page Settings Functionality Screen Shots The Basic tab contains: the Title and Page Type (either Web Page or Downloadable file). If you do not Inherit the template from the site/section, the Templates drop down menu will be available to you. The Security Settings section controls Viewing permissions. 1. The View Permissions option allows you to control who is allowed to view the page over the Web. By editing these fields, you restrict access to those pages to only those groups and users that you specify. The History tab shows the user that made the previous changes to the page. The Metadata Settings tab shows the HTML Title. For the time being, this tab does not need to be used. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 6 of 23 Add a Page 1. Within the site/section where you want to add the new page, click on Add a page. 1. The Page Title is what appears in your list of pages and in the blue band at the top of the web page. If you include spaces within your title, the address will include hyphens where you had spaces. 2. The Page Type can be either Web Page or downloadable file, e.g. PDF, Word or Excel document. 3. If uploading a file, click on Browse and locate and select the file to upload. If the file is not a PDF and you want to convert it, check the box to Convert to PDF. 4. The page will inherit the template design of the site/section. Click on Submit. Delete a Page 1. Click on the Delete icon next to the name of the page. 2. Click on OK in the window that appears to delete the page. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 7 of 23 Edit Pages 1. There are two ways to get into edit mode: a. Within SiteManager, click on the Edit button next to the page you want to edit. b. In your browser window navigate to the page you want to edit and hit the <ESC> key. If you navigate to the page and you are not logged into My Hamilton, you will be prompted to login. 2. Your page will appear the editing tools layered on top of it. [NOTE: If you do not have the rights to edit a page, you will see the message: You do not have permission to access this page.] The Content Areas Depending on the template you are using, you will see between one and five Add Content buttons: SiteHeader Available on academics, people, students, and courses Sitewide Navigation Available on academics, people, students, and courses Left or Left Column Available on all domains, use depends on template Right or Right Column Available on all domains, use depends on template Center or Main Content Available on all domains, use depends on template Types of Content Modules Audio Available on all site domains Comments Available on courses, people, and students Google Forms Available on all site domains Google Map Available on all site domains Hamilton News Available on all site domains Images Available on all site domains Include Custom File Available on courses, people and students Navigation Available on all site domains Site Contact Available on all site domains Slideshow Available on all site domains Text Available on all site domains Video Available on all site domains Last Modified on 07/28/10 SiteManager ver. 3.0 Page 8 of 23 Add Content 1. Click on the Add Content button in the desired area. Please note: it is not possible to drag and drop content between content areas. 2. From the drop down menu, choose the type of module you want to add. 3. Click on Add. Edit Content 1. When you mouse over a module, it will be highlighted in yellow. You have three choices: a. Move the module: Click on the two vertical lines and drag the module above or below another module. Please note, you can only move modules within the same content areas. b. Edit the content: Click on the Edit button. The editing options are dependent upon the type of content module. c. Change Options: i. Settings: Change the Layout and Style of the module box ii. 1/3 Width, 1/2 Width, 2/3 Width, Full Width: By default a module spans the Full Width of the designated column. iii. Inherit: Typically used in conjunction with Lock. Ensures the selected module will appear on all pages in the site or section. iv. Lock: Typically used in conjunction with Inherit. Ensures the Ensures the selected module will appear on all pages in the site or section. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 9 of 23 The Web Media Library New in SiteManager 3.0, the Web Media Library holds image, audio, and video assets. Add Assets to the Web Media Library 1. You can get to the Web Media Library via: a. From within SiteManager, click on the Web Media Library tab. b. When in the editing mode, follow the steps above to Add Content, choosing the Audio, Images, or Video option. c. When in the text editing mode, click on the Image icon on the toolbar. 2. Click on the Add New Media tab. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 10 of 23 3. NOTE: Manipulation of assets should be done BEFORE adding them to SiteManager, For example, you can resize images in SiteManager, but you cannot edit them, e.g. crop or fix red eye. 4. The Name field is required. Use names that accurately describe the image. Appropriately named images will allow for easier retrieval by you and by other web editors at a future time. 5. Click on the Select Media button to locate the audio file, image, or video on your hard drive, network space, CD, etc. 6. If you’d like, you can add a Caption or Attribution. 7. If you want to share this asset with others, leave the box next to Private unchecked, otherwise click once in the box to check it. You will be the only person able to see and edit this image. 8. Click on Save Media. Add Audio (functionality forthcoming) Accepted File Types: MP3 1. Follow the steps at the top of page eight to Add Content, selecting the Audio module. a. Find Media tab: search for media you or others have already added. b. Add New Media tab: add new audio files for immediate or later use. c. My Media tab: see all audio media you have uploaded. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 11 of 23 Add Comments 1. Follow the steps at the top of page eight to Add Content, selecting the Comments module. 2. Settings Tab – Set Type of Comments: a. Moderated – add the list of moderators b. Not Moderated 3. Comments Tab – See the comments posted, approve to show on page. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 12 of 23 Add Google Forms 1. Follow the steps at the top of page eight to Add Content, selecting the Google Forms module. Add a Google Map 1. Follow the steps at the top of page eight to Add Content, selecting the Google Map module. 2. Fill in the information and click on Save. Add Hamilton News 1. Follow the steps at the top of page eight to Add Content, selecting the Hamilton News module. 2. Fill in the information and click on Save. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 13 of 23 Add Images Accepted File Types: JPG, GIF, and PNG 1. Images can be added in one of two ways: a. In their own Content module: Follow the steps at the top of page eight to Add Content, selecting the Images module. 2. Within a Text module, e.g. if you want your text to flow around an image: Click on the Image button on the toolbar within the text editor. Click on Browse Server. 3. Does the image you need already exist? If you are not sure, search for it. 4. Type in a search term under Search and click on Search Images. 5. To use an image that already exists, click on the Insert. a. On the Basic tab, select the size of the image, choose to include the caption and/or attribution associated with the image. b. On the Advanced tab, if applicable, define a link to associate with the image, and/or a custom width and height. c. Click on Insert Media. NOTE: The text that appears in the Preview box to the left is known as “Lorem Ipsum” or “dummy” text. It's mostly Latin, and is used extensively in print to replicate what "real" text would look like, without actually having to write anything. In this case, you will be able to see how the image you insert will appear in relation of text which may surround it. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 14 of 23 6. If you are inserting the image within a Text module, the Image Properties window will appear at which point you can add Alternative Text (important for people using screen readers), change the size of the image (measured in pixels), add a border to it (the images on our site have a border of zero), add horizontal or vertical space (so the image is not so close to the text), and finally, choose how you want it aligned. 7. Click OK. Edit Your Image (documentation forthcoming) Add Include Custom File (documentation forthcoming) Add Navigation (documentation forthcoming) 1. Follow the steps at the top of page eight to Add Content, selecting the Navigation module. 2. Add Site Contact Information (functionality forthcoming) 1. Follow the steps at the top of page eight to Add Content, selecting the Site Contact module. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 15 of 23 Add a Slideshow 2. Follow the steps at the top of page eight to Add Content, selecting the Slideshow module. 3. Click on Add Image. 4. Search for or upload your images. 5. Click on Insert. 6. Add your next image. 7. Rearrange your images using drag and drop. 8. Click on the Advanced tab to set how your slideshow will play. 9. Click on Save Settings. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 16 of 23 Add Text 1. Follow the steps at the top of page eight to Add Content, selecting the Text module. 2. Enter your text in the Edit Content window. 3. Click Save. The Editing Tools SiteManager provides a full set of tools to simplify the process of editing your pages. Please be aware that although it looks like a toolbar you would find in Microsoft Word, editing a web page differs from editing a Word document. For example, if you hit <Enter> when editing a web page, you will automatically get double spacing, also known as a paragraph break. To get single spacing you have to hit <Shift> <Enter>, also known as a line break. The Edit Toolbar Cut Copy Paste Pop-up Window Roll-over text Check Spelling Spell Check As You Type Undo Redo Find Replace Select All Bold Italic Subscript Superscript Insert/Remove Numbered List Insert/Remove Bulleted List Decrease Indent Increase Indent Left Justify Center Justify Right Justify Insert/Edit Link Remove Link Insert/Edit Anchor Maximize Styles Remove Format Insert/Edit Image Insert/Edit Table Insert Special Character Maximize Last Modified on 07/28/10 SiteManager ver. 3.0 Page 17 of 23 Paste Text from Word Chances are that you already have the text for your page typed, most likely in Microsoft Word. When pasting into the Edit Content Window, all of the formatting will be stripped Styles The styles available for you to use when formatting your pages are dependent on the Template. These are predefined styles and cannot be changed, i.e. use a different color, font or size. Styles for pages on http://www.hamilton.edu need to follow the Web Style Guidelines (forthcoming). Apply a Style 1. Select the text to which you want to apply a style. 2. From the Styles menu, choose the desired style. Remove a Style (subject to change) 1. Select the text for which you want to remove the style. 2. Click on the Remove Format button on the toolbar. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 18 of 23 Insert/Edit URL Link 1. Highlight the text or image you want to become a link. 2. Click on the Insert/Edit Link button on the toolbar. 3. Under Link Type, select URL. 4. Either type or paste a link in the URL box or click on Browse Server. 5. Navigate to the page. a. Use the preview button to see a preview of the page. b. Use the link button to Last Modified on 07/28/10 SiteManager ver. 3.0 Page 19 of 23 6. To have the link open in a new browser window, click on the Target tab and from the drop down menu below Target, select New Window (_blank). 7. Click on OK. Remove a Link 1. Highlight the text currently formatted as a link. 2. Click on the Remove Link button. Insert/Edit E-mail Link 1. Highlight the text you want to become a link. 2. Click on the Insert/Edit Link button on the toolbar. 3. Under Link Type, select E-mail. 4. Type in the E-mail address and if desired, you can also type in the Message Subject and Message Body so that when a visitor clicks on an e-mail link, a portion of the e-mail message is created for them. 5. Click on OK. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 20 of 23 Insert/Edit Anchor Anchors are used on a page to quickly take a visitor to a specific section of the page. 1. Place the cursor at the beginning of the line where you want the anchor to be. 2. Click on the Insert/Edit Anchor button. 3. Enter the name of the anchor in the Anchor Properties window that appears. 4. To use the anchor as a link, click on the Insert/Edit Link button. 5. Under Link Type, select Link to anchor in the text. 6. Select an anchor name from the drop down list. 7. Click on OK. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 21 of 23 Insert/Edit Image Follow the instruction under Adding Images on page 13. Insert/Edit Table Known Issue: tables, bulleted lists and numbered lists appear center aligned in the editor, but are aligned correctly (left-aligned) on the actual page. Use tables when you need to present information that lends itself to a tabular setup. 1. Place the cursor at the point you need the table to appear. 2. Click on the Insert/Edit Table button on the toolbar. Width: Measured either in pixels (200 pixels is the default) or as a percent of the module area you are in. The width of Hamilton pages is 960 pixels. Height: Measured in pixels. Cell Spacing: sets the amount of space between adjacent layout cells (in pixels). This value should be less than 5. Cell padding: sets the amount of space between the content of a layout cell and the cell boundary (in pixels). This value should be less than 5. Headers: bolds the first row, first column, or both. Border size: specifies the width, in pixels, of the table’s borders. A border size of zero will produce a borderless table, but you will see gridlines when editing your table. Alignment: sets the alignment of the whole table. Since the default size of the table is 100%, he Center and Right choices will appear to have no effect. 3. Click on OK. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 22 of 23 4. Once your table is in place, you can right click in a cell or on the table to see the menu of options you can use to edit your table. Adding Video (documentation forthcoming) Accepted File Types: Flash (FLV) and Quicktime (MOV) (DV) 1. Follow the steps at the top of page eight to Add Content, selecting the Video module. Log Out When you have finished making changes to your pages, click on Log Out in the top right corner. Last Modified on 07/28/10 SiteManager ver. 3.0 Page 23 of 23 Web publishing: Best practices We’ve put together a few questions (and comments) to guide you through an examination of the content and structure of your Web site. As you begin to use SiteManager to edit and to update your Web pages, please take a few minutes to review these questions, and to think about how you can apply your answers to your Web site. What is the most important information about you? Publish only the content that you can manage comfortably. That content should give the maximum amount of information to the maximum amount of people. Organize your information in a way that will make the most sense to your audience, even if that conflicts with the way that your office is organized. Think about what information from the rest of our Web site might be useful to your audience, and link to it. Trying to replicate it on your site just makes more work for you. When was the last time your Web site was updated? Current and accurate content is essential. If something on your Web site is obviously outdated, your audience will not trust your information. It’s useful to have a schedule of what you need to update, and when. Review any links that you have to make sure they are still valid and useful. What pages on your site require your audience to scroll down through several screens in order to read everything? On the Web, short and simple is best. Keep your information in easy-to-read chunks that your audience can quickly scan. If your text sounds awkward and wordy, it probably is. When editing a page, make use of “bulleted” information, and use clear and useful subheadings to introduce ideas. Who is your audience? A Web page can’t be all things for all people. Consider who your audience is, and decide what you want them to take away from the page.
Web Servers
  • Assistant Web Developer Training Tasks Web Servers Purpose The outline below provides guidelines for training a new web team employee. Training should be tailored to the employee’s existing skill set. As such, training elements can be added and/or removed as needed. Administrative New Employee paperwork Requires: Two forms of identification as described at http://www.uscis.gov/files/form/i-9.pdf Canceled check for direct deposit form Discuss, create schedule Contact Help Desk regarding new employee user account Add user to Web Admins or Web Students group Schedule   Orientation Time Sheets Labor Time Tracker Break Room Restrooms Hours Campus Safety: Parking Sticker Webhelp Schedule Monitoring E-mail Account Setup/Thunderbird Configuration Name, Office, Phone, E-mail, Request Summary   Training HTML Javascript HTML DOM  CSS ColdFusion (Lynda.com CDs: Essential, Beyond the Basics, What’s New in CF9) SQL Fundamentals JQuery Essential Training: Lynda.com See Maureen Scoones for log in. Hamilton Development Environment Server Environment Test & Live SiteManager & Templates Trusted Cache Version Control Sample Application 1 Quatrino has project proposal Form to Database/E-mail Code Reviews Sample Application 2 Quatrino has project proposal CRUD Interface (CReate, Update, Delete) Code Reviews Generator Bug Log Application Inventory/Case Tracking Web Support Form Email, clear, thorough descriptions are important.   Begin Standard Responsibilities Application Development System Support    
Cupola