Glitter Words -

Use the resources below as "Containers" for your projects.


  • Wikispaces
  • PBworks
    • Another user-friendly wiki.
    • Can choose color scheme, but not as themes as Wikispaces.
    • Can easily integrate MS Office spreadsheets, calendars, and PowerPoint Presentations.
    • Teachers can create accounts for students - no email accounts needed!
    • For more info about PBworks in education, go here:


  • Edublogs
    • Teacher can create up to 30 student accounts with no email accounts needed.
    • A variety of themes and color schemes available.
    • Can embed a wide variety of html embed code and widgets.
    • Can add posts or pages, depending on your needs.
  • Wordpress
    • A variety of themes and color schemes available.
    • Can add posts or pages, depending on your needs.
    • An email account is needed to activate account.
    • May not accept all html embed codes.
  • Blogger
    • Google's blog - can use already established Google account.
    • Very easy to use and post.
    • May not accept all html embed codes.


    • Very very easy to use website creator with NO ads.
    • Can create up to 2 websites for free.
    • Create websites by dragging and dropping the elements you want, then editing them.
    • A large variety of themes and color schemes to choose from.
  • Google Sites
    • Very easy to use free website creator from Google.
    • Many different templates to start from or design your own page.
    • Seamlessly integrates with Google Docs and Google Gadgets.
    • Can invite others in to work on website with you.
    • Sites can be private or public.
    • Very easy to use website creator with minimal ads.
    • A variety of themes are available that are highly customizable.
    • Editing is very user friendly.
    • Add many elements, including html widgets, straight from the built-in editor.
    • Another very easy to use website creator.
    • Choose from a variety of themes and color schemes.
    • Also very easy to use and add elements.
    • A very cool and creative website builder that uses Flash elements.
    • A favorite among high school students.
    • Drag and drop to add and edit elements.
    • A lot of themes and colors to choose from.
    • May be a bit of a learning curve for the beginner user.
    • Another free website creator with no ads.
    • Select from preset themes and colors.
    • Add preloaded and custom widgets and gadgets.
    • User-friendly editing interface.


  • HTML code can be embedded into Moodle too.
  • Any element in Moodle that gives you the text editor with the icon "< >" will allow you to embed or add your own HTML.
  • To do so, click the "< >" icon and paste the embed code in.

How to Add Elements

Although all the sites above are different, the procedure for placing embed code is very similar. Follow the directions below to learn how to embed HTML into your project or website.

  1. Follow the instructions on each site to create the element you want to embed - avatar, slideshow, timeline, scrapbook, etc.
  2. When you are finished, look for a link or an area of the website with "embed this" or "share this". The goal is to find the HTML "embed code" for the thing you just created.
  3. Once you find the HTML code, highlight it all and copy it.
  4. Go to your webpage, wikispace, blog, etc.
  5. Go to the page where you want to put the element you just created.
  6. Find the place on the site where you add widgets or HTML code. (In Wikispaces it's the TV icon, on Weebly its "Custom HTML")
  7. Paste in the HTML that you copied from the website where you created the element you are embedding.
  8. Save your page.

Tips for Editing HTML
You can always go back into the HTML you pasted to edit it. Here are a few tips to help you out:
  • To change the size of the embedded object, look in the HTML for dimensions and tags that look like this: width=, height=, etc. Change those numbers to whatever you want to change the size of the object.
  • To remove unwanted adds and/or text at the bottom of the widget, look for "<a href=" towards the bottom. Normally you can delete from there until the end of the html, but to be sure, end where you see "</a>".
  • You can sometimes change the size and color of the border if there is one. Look for "border" in the HTML.
Contributions to are licensed under a Creative Commons Attribution Share-Alike 3.0 License. Creative Commons Attribution Share-Alike 3.0 License
Portions not contributed by visitors are Copyright 2018 Tangient LLC
TES: The largest network of teachers in the world