Your browser does not support JavaScript!
an image an image
Hillsborough County Public Schools logo
School Logo This is an image for the page banner This is an image for the page banner
This is an image for the page header
Formatting Web Pages and Message Posts
The FirstClass document editor allows for rich text editing, tables, embedded images, and even the inclusion of literal HTML.   With a little practice, you can quickly create richly formatted content with complicated layouts.  A word of caution though; In the world of responsive design for mobile and tablet users (which constitutes a significant and rapidly growing percentage of your audience), you have to be extra careful with your formatting.

This section of the help website applies equally to web pages and to posts in blogs, and to the body content of calendar events.


About Fonts

First, let's discuss fonts.  It is really important to understand that, just because your page looks fantastic on your browser after you've added a new font doesn't mean that visitors to your website will see what you see.  In all probability, that cool new font you used isn't installed on MY computer, and my browser will substitute a font that I do have so that I can read your text.  It won't look like you had hoped...
The best solution to this problem is to let your words and structure provide the coolness for your page and leave your neat new fonts for your newsletter or other printed things.  Use Arial, or perhaps Verdana.  Period..

In training, you were guided through the action of setting your default font for the webmaster account in FirstClass.  If you need a refresher, see the page called WebMaster_Preferences which will walk you through the settings.  Doing this properly will save you hours of work and make your sites much more professional looking.

When you set your font preferences, we strongly advise using the Arial font  with a size of 12 or 14 points is a good size for your pages.  It is big enough to be readable, but not too big to the extent that it might be distracting.   Font color is also very important and you should avoid using different colors except when necessary. We think that the nicest color for a web page is a dark grey and we suggest a grey with rgb value of 55,55,55.

Although you may think your page looks more interesting with different font sizes and colors, it really doesn't; You will never see this on websites where a professional designer has influened the page design.  Keep things simple and clear and your readers will thank you.


51115_91539_0.pngPage Margins

The default page margins for the document body in FirstClass is 10 pixels at the top and bottom of the page, as well as the left, and right edges.  For regular web pages, this setting is usually fine, however, if you are displaying an RWD web page or FirstClass document in a mashup panel, you probably want to keep the size as compact as possible. If this is the case, you can modify the margins for the page by using the Format menu on the document editing tool bar.

You can set your margins in the Format Margins form.

file:///C:/Users/mdowdell/AppData/Local/Temp/SNAGHTML19c5a8.png


Making Links

Markers


Tables
Do's and Don'ts
Borders
Cells