What’s an HTML Snippet? How does it work? What’s a Widget? How do they work? Where do I find Widgets?

Note: HTML Snippets only exist in iWeb ’08 and ’09 (v.2 and v.3), if you use iWeb ’06 (v.1) look at the Alternative HTML FAQ instead.

Chapter 1: HTML Snippet

1.1 What is an HTML Snippet

2.2 How do they work?

Chapter 2: Widgets

2.1 What is a Widget?

2.2 How do they work?

2.3 How do I add a Widget?

2.4 Where can I find Widgets (Sources)?

Chapter 1: HTML Snippet

1.1 What is an HTML Snippet?

The HTML Snippet is used to insert HTML (and other) codes into iWeb pages.

2.2 How do they work?

What a Snippet does is create a new page for the HTML code and this page gets embedded into the page where you added the Snippet to using an iFrame. However each Snippet is a page on its own. Which I think it’s bad because they get treated by google as standalone pages. That’s why I prefer using Alternative HTML

Chapter 2: Widgets

2.1 What is a Widget?

A web widget is a portable chunk of code that can be installed and executed within any separate HTML-based web page by an end user without requiring additional compilation. They are derived from the idea of code reuse thus the idea of creating something new using something that already exists.

2.2 How do they work?

You usually insert a piece of code into your pages that retrieves informations from a third party supplier.

2.3 How do I add a Widget?

Let's have an example...

Looking through the widgets on Springwidgets where one can find a widget for almost everything he’s looking for a friend of mine found the following widget which is really too cool: Lightbulb

1. Click on "options" you will see a popup window where you select to get the HTML code

2. Copy the code

3. Go to iWeb and click on Web Widgets=>HTML Snippet

Two windows appear:

in the black one you paste the code copied before

5. Click on Apply

6. You’re done. You will now see the Snippet appearing in your iWeb. Double click it to interact directly in iWeb.

It's really easy to integrate widgets into iWeb and it's like "embedding a whole new world" into iWeb. They are really useful. No matter what you use to get/build the widget. You will find the code somewhere to paste into the snippet.

2.4 Where can I find Widgets (Sources)?

There are different widgets sources on the web. Here you will find some of them. If you know more please add a comment to this page’s Forum section.

Springwidgets

Widgetbox

Bravenet free widgets and Bravenet free webtools

NeoWORX

iWebFAQ.org - Tutorials, Tips & Tricks is made with iWeb and for iWeb.

It’s presented by Cédric and hosted by HostExcellence.com

I would like you to give me feedback on this page by commenting in the appropriate section of the Forum. Tell me if it's been helpful. If it wasn’t please tell me why. If you think something is missing please tell me what. If you have questions about it post them there and I will probably try to give you an answer.

Thank you for visiting and supporting my website.

- Cédric -