Clients (the normal kind) do not know HTML and they usually manage content of their website via WYSIWYG editors in the CMS. The common WYSIWYG editors that are used by popular CMSs are like TinyMCE (used by WordPress, Joomla, Squarespace, Interwoven, Umbraco and more) and CKEditor (used by MailChimp, DotNetNuke, FatWire and more).
The following are the most common stuff your clients will do:
- Add headings – Titles, subtitles
- Add paragraphs of text – with bold, italics, underlines, links + sometimes different font colours for highlighting text
- Add images – left and right align and sometimes with links or captions. upon click, some might even launch a larger view
- Add list items – ordered and unordered
- Add Tabular content – for displaying data, not meant for layout
- Highlight Quotes – to highlight specific catchy phrases
- Maintain Definition lists – glossary like content, but used rarely
- Create Forms – rarely, but maybe
So we need to ask ourselves, if our clients don’t know HTML or CSS, will they be able to achieve the layout we proposed? Jason Santa Maria’s articles are beautiful. They are what I call handcrafted pages. I’m sure your clients won’t be able to do that with a normal CMS implementation.
So when marking up XHTML and CSS for client managed content, we should always think of using the basic default HTML elements. But of cause if really really need be, these WYSIWYG editors mostly allow custom CSS class declarations, but don’t expect your clients to remember applying classes to many many items on one content page. Having a CMS is meant to be easy for maintenance for them.
So when designing a template, do make sure in the content area, all the basic HTML elements that will be used by the WYSIWYG editor is declared and styled. If you want a quick start, have a look at Mollio, Tripoli, BlueTrip and HTML-Ipsum.
I’ve always told myself, if my clients knew advance HTML and CSS… i’ll probably be out of a job soon.