iWeb HTML Generation

✎ Published: 2006-01-12 10:30:30

Since the release of iWeb, I've been assessing the quality of its HTML output. Unlike the aesthetically pleasing designs typically associated with Apple, iWeb's generated pages contain excessive inline styles that compromise their cleanliness. Examining these pages reveals potential areas for improvement in code structure, a critical aspect for web development.

iWeb HTML Generation

Ever since the advent of iWeb some days ago, I've been wondering about the quality of the generated html pages. Those of you who already tried the html gallery export from iPhoto might know why I'm so interested in this subject: iPhoto's html code is ugly. In undefinable ways - and the visual aspects of the generated pages aren't good either, it's actually kinda sad that a company which cares as much for outer appearance as Apple, manages to create such ugly galleries as iPhoto, but then again it's probably menat as an encouragement to buy .Mac...
Anyways, I stumbled upon this iWeb generated Blog today and I've got mixed feelings about the code quality (please don't mind the stylemac code, I had my fair share of Wordpress problems which resulted in some sort of ugly code which will be adressed soon though). There're many uses of inline style attributes, examples:

style="margin-left: auto; margin-right: auto; overflow: hidden; position: relative; background: #f4f4f4; height: 680px; width: 700px; " id="bodyContent" or style="height: 480px; left: 0px; position: absolute; top: 50px; width: 700px; " id="body_layer"

I'm sure that this could be implemented in a cleaner way too, regardless of browser or software constraints..

If you want to examine yourself, follow the link

iWeb Example iWeb, Apple, Mac, iWeb Html, Html, CSS, iWork, iLife 06, iLife '06, Mac OS X, Macworld