775days since
Project Presentation April 14

Visits so far ...

Free Hit Counters

 
 

Tips and troubleshooting


Images mess up in other browser

  • Issue -- You normally edit in Firefox and then you look at it in Internet  Explorer.  It looks fine until you log in to edit, and it cuts the header in half and the images are also cut to narrow widths.

  • Solution -- I did the following:  I clicked on the text box of the image, the properties line showed up, and I turned the text wrapping to "on" (it was off). Then the header went back to normal (very weird), and the text wrapped around the image.


Non-heading text in Table of Contents

  • Issue -- Table of contents listed the caption under my photo as part of the heading.

  • Solution -- Go into the HTML and find the opening level 3 heading tag, <h3>, which is probably located before the code for the image and its caption. Move the heading tag so it occured after the image code closed with a > mark, and put it just before the heading. (I did this. )


White space needed

  • Issue: The page looked very dense with text and needed a little more "white space" around sections

  • Solution: Insert a blank line above each heading to give it more "breathing room." (I did this. Consider doing likewise on other pages if you like how this looks now.)


Bullets not aligned beside photo/text box

  • Issue: The bullet list to the right of the photo had its bullets hanging out to the left about 2mm beyond the text just above it.

  • Solution: Click on the "indent" arrow button on the toolbar many times until it indents it to the proper vertical "tab." (I did this. This often needs to be done when bullets show up to the right of text boxes & photos.)


URL inconsistent with page title

  • Issue: The page URL (i.e. ... /about/course-information) is now inconsistent with its new title (i.e. "background information")

  • Solution: Click on "more actions" and then "page settings" and it will give you the option to change the page URL. (I did not do this, in case you were linking something else to this page using this exact URL)


Block quote box overlaps other item

  • Issue: The block quote box overlapped with the table of contents box. The block quote format was creating a light-colored box that continued to the right margin. The table of contents had its text-wrap "on" and was right-justified so that it was side-by-side with the block quote.

  • Solution: Create a 2-column 1-row Table to control the "edges" of the block quote format. Drag the corners of the table cells so that the table fills the width of the page. Then move the information into the table cells. Now go into the HTML and make the text box invisible by resetting the following values to zero (0) -- [... border-width: 0px;" border="0"] However, now that you can't see the table borders, you may forget they are there, and it might "get in the way" during editing and act in a puzzling way.


Text size or font won't fix

  • Issue:  The text is in the wrong font, size, or style, but nothing you try seems to fix it.  This is often caused by pasting from Microsoft Word or another program.

  • Solution:  Click "Format" and then the top selection "Clear Formatting" to strip off all foreign HTML code.  Then reformat the text using the Google Sites editing toolbar


Line height and paragraph spacing too tight

  • Issue: Text is too densely packed. 

  • Solution:  Format the paragraph text using the Google Sites editing toolbar: select "Format" and then select "Normal paragraph text."  If it does not work, you will need to clear formatting first (the first item under the Format menu)


Change your website's URL

  • Issue: Your team website URL is incomprehensible or not memorable or otherwise not very appropriate
  • Solution:  I strongly recommend a publicly comprehensible, yet short URL for your final website.  
    • http://sites.google.com/site/  .... will always be at the beginning
    • make it less than 15 characters if you can
    • Idea: include CSL + a word or two from your team's website.  
  • How: Go into "More actions" and "manage site" and "general." Scroll down to copy your site.  When you copy your site, you enter a new name and that becomes your URL. You can change the name later but the URL will remain. 

Your tab icon or Favicon

Issue: your tab icon ("favicon") is boring or irrelevant.


Solution:
change your website's Favicon

I changed some of your EC team management sites' Tab icons so that I could distinguish your sites from each other in browser tabs.

I also changed our own website's tab icon to this:


Close-up:



Google Sites enables you to choose the Tab icon, or "FAVICON," that appears on browser tabs, like the Bb icon on a Blackboard tab. 

How?

Favicons can be generated by
  1. Creating a very simple image
  2. Processing it through a favicon generator like http://www.favicon.co.uk/
  3. Uploading it into the site. Click the "More Actions" drop-down tab in the upper right, then Manage Site, and then in the "Attachments" area upload your new favicon.ico file at the top level.  It must be named exactly "favicon.ico" and be at the top level of the site.