But you knew that, right? What do you mean no! In this post I want to explain how the HTML Snippet works and how you can use it in your iWeb site to bring beautifully styled elements along with a modern design and feel that will help to ensure your visitors come back over and over again.
In lay-man’s terms the HTML snippet that is available within iWeb 08 and 09 is an easy way of inserting an element of code within an iWeb page.
When an iWeb user inserts such a snippet of code into their page and then publishes their site the snippet will just appear as any other part of the site and the user will be none the wiser.
In reality iWeb creates a completely different web page for each HTML Snippet you use and then links back to that page when a user visits your site thereby making it look like part of the site already.
Knowing this beforehand can now work in our favour as we can create anything we want (within reason) on a HTML page using a basic HTML editor without destroying our iWeb sites and then just copy/pasting the code into our HTML Snippet window when we are ready.
You will have seen in previous posts how we have included both CSS and HTML on the same page and pasted it all into the Snippet window.
The down-side to the HTML Snippet is, in my opinion, a minor one: it does nothing for your SEO. That is where an app such as Rage’shelps us. Because the Snippet is effectively a new page (which doesn’t appear amongst our list of pages on the left hand side of iWeb) we have to save the site to a folder on our Macs and then edit the code separately to add tags and the like; the SEO Tool makes this easy.
The world is your oyster when it comes to adding things to the HTML Snippet, providing you know the code. Over the coming weeks I will be posting a few more tutorials that use the Snippet where we will use the both HTML and CSS to style it all. And now we have CSS3 we can really start to go mad.
Many of the things we can do with iWeb already, for example text shadows, can be done with CSS3. so rather than iWeb converting all of our fonts into images they will stay as text and therefore load faster.
You may have already seen my tutorial explaining how to add CSS3 only buttons with lovely gradients, no images at all, so faster loading times and more compliant web-sites.
Of course there is always a thorn in the side of modern web design; Internet Explorer doesn’t yet fully support CSS3, but it’s getting there. I just wish it would hurry up!
Have you started using CSS3 elements already, or are you waiting for Apple to introduce the next version of iWeb before you go that far? Leave us a comment and let us know your thoughts.