Help For The Writers

Hiearchy

Whenever writing an article always supply the reader with an explicit hiearchy using H1-H4.

Technical Stuff

CSS and StyleSheets

Try to avoid embedding styles into tag elements, but its okay for now to include them into one big style block in the head tag. Like this:

	<style type="text/css">
	#imageid {
	    float: left
	}
	</style type="text/css" >
	...	
	<img id="imageid" src="yerba-buena-under-quercus-agrifolia.jpg">
	...

Floating Basics

Follow the KISS principle and try to limit the number of things you have floating before a clear. We have a special tag for clearing and the usual method should be like this.

1. Float Left or Float Right
2. Paragraph(s)
3. Clearing Div

And here's an example:

	<style type="text/css">
	#imageid {
	    float: left
	}
	</style type="text/css" >
	...	
	<img id="imageid" src="yerba-buena-under-quercus-agrifolia.jpg">
	<p>
	Woo hoo, a paragraph about something interesting.
	</p>
	<div class="clear"></div>
	
	...

You can read more here: Float Tutorials

Image Paths

Always include images into a path that matches the documents path but with /s/images at the front. :

When creating the document at
 
 /nature-of-california/birds/index.html
 
put your images into 

/s/images/nature-of-california/birds/

This doesn't do anything too fancy except just let us blindly server the images via apache, which is quick, but you don't have to worry about it too much just follow it as much as possible.

Naming Conventions

For both html and image files please use the following naming convention. Only use lower case letters(a through z), digits(0 through 9), dots (.) and dashes (-). Try to only use digits when they make sense, because as sad as it is humans don't really connect that well with numbers. Some examples:

alkali-sink.html

yerba-buena-under-quercus-agrifolia.jpg