Regions and parts all pages have in common should be separated from page-specific information (We will refer to the latter simply as content).
The idea is to split them up as follows:
So common elements and page specific content can be maintained separatly.
Every time changes have been applied, the final HTML files can be generated via xsl transformation.
<root><content></content></root>
and put the content between the two content tags.<xsl:copy-of select="/root/content/*"/>
Xalan could be used to transform the pages. Then the invokation would look like:java -cp ./xalan/xalan.jar org.apache.xalan.xslt.Process -in content/index.xml -xsl templates/template.xslt -out index.html
Hint: Time saver: Put these calls into a makefile, so only modified pages get transformed.
hCard is a simple, open microformat standard, suitable for embedding in HTML. Technically it's a 1:1 representation of the popular vCard format for electronic business cards. It resembles the properties and values of the vCard format through elements of HTML.
An address, which has the following markup using the HTML address tag
<address>
Max Mustermann
Musterstraße 10
1010 Wien
0664/333666
</address>
would have the following markup in hCard
<div id="hcard-max-mustermann" class="vcard">
<span class="fn">max mustermann</span>
<div class="adr">
<div class="street-address">Musterstraße 10</div>
<span class="postal-code">1010</span> <span class="locality">Wien</span>
</div>
<div class="tel">0664/666333</div>
</div>
This still is plain old HTML, but provides much more semantic details through all the class annotations. hCard pretty much looks like the way to go for now, this is also supported by the fact that Google Maps is using it for the annotation of addresses.
Much more details on hCard can be found at http://microformats.org/wiki/hcard.
The firefox add-on Greasemonkey enables the firefox user to modify web content locally. It does this by running a user javascript file after the page has been rendered. The user script has to be installed and the pages for which it is intended have to be defined (this can also be done in the script file).
Tutorial
-Install the add-on Greasemonkey.
-create the javascript file, but name it *.user.js
-make sure the greasemonkey addon is active (the icon on the browsers lower right corner is in color).
-right-click on the icon (or click Extras->Greasemonkey), install and activate the script and define the pages after which the script should be run.
-open a page for which the script was written and observe the effect!
There is a repository for greasemonkey scripts here
P.S.: You can also install the script by simply opening it with firefox.
Google provides a simple way to embed maps into a web site using Google maps. You can embed a simple map, a set of driving directions, a local search, or maps created by other users. Here's how:
- Ensure that the map you'd like to embed appears in the current map display.
- Click Link to this page in the top-right corner of the map.
- In the box that pops up, copy the HTML under 'Paste HTML to embed in website,' and paste it into the source code of your website or blog.
- If you'd like to adjust the size of the map before you embed it, just click Customize and preview embedded map, select your preferred size, and take a look at the preview map. Once you're happy with what you see, copy the HTML that appears in the box at the bottom of the window