Article title in sentence case, "Heading 1"

BEGIN EACH ARTICLE with a key phrase in all caps with the first letter in the "introInitial" style (see Cascading Style Sheets, below). The rest of the first paragraph should be in "introParagraph" style. The first paragraph summarizes or gives an overview of the rest of the article.

Subheadings are set in html style "Heading 2"

Remaining paragraphs should use the "Paragraph" style, which justifies the type left and right. Paragraphs should generally be no longer than two to three sentences.

EET articles use a Cascading Style Sheet (CSS) to insure uniform text design and page layout. In addition to the styles mentioned above, apply the appropriate CSS styles to specify the format for the main layout layer and captions.

Your entire article will be contained within a single large layer or "Div" with the "mainLayer" style. Any images, images with captions, and pull quotes will be contained in individual Divs nested within the larger Div. These Divs will use the "imgright", "imgleft", or "imgfull" styles (more details below).

Preparing images

Photographs or other continuous-tone images should be saved as .jpg files, while images with solid colors or line art should be saved as .gif files. Use the 216 browser safe colors for .gif images.

Drop shadows add depth to your images. If used, they should be 5 pixels to the right and 5 pixels below the main image, in 50% grey, 0% saturation, using a blur comparable to that in the images shown on this page.

Images may be placed flush left or flush right as necessary to achieve a visual balance in your page. If you have an image that is so wide that it spans or almost spans the entire page, you can center it and prevent text wrapping. Use this only for very wide images, in order to look good in all browsers.

Placing images

Images go inside their own Divs which are nested in the "mainLayer" Div. Using the "imgright" or "imgleft" style on the DIV that contains your image will properly align the image to one side or the other of your article and wrap text around it, leaving a nice margin.

The "imgfull" style will center your image (in most browsers) and prevent text wrapping around it.

The caption goes inside the Div, in its own paragraph with the "captions" style.

To place an image, follow these steps in DW MX 2004:

1. Place your cursor before the text where you want the top of the image to appear.
2. Insert the image.
3. Press Return after the image (for a new paragraph).
4. Type the caption.
5. Select the image and the caption together, without any of the surrounding text.
6. Select the Insert > Layout Objects > Div Tag menu item.
7. From the Class pop-up menu, select "imgright", "imgleft", or "imgfull".
8. Be sure "Wrap around selection" is selected in the "Insert" pop-up menu and click "OK".
9. Back in your document, select only the caption, and assign the "captions" style in the Properties panel.

Important: For left or right aligned images and full width images, you must add a bit of html code "by hand" (using Dreamweaver's "Code" or "Split" views, for example). Using the width of the image itself (243 pixels in the example below), add the code shown in red. Here's what the code for the "Family" image will look like after adding the hand-coding:

<div class="imgright" style="width:243">
<p><img src="family.jpg" alt="The Hoffman Family" width="243" height="180">
<p class="captions">Meet Lydia, Anisa, and... which is left-aligned.</p>
</div>

Linking and Referencing

To link to a Web site off of the EET, use a "target=_blank" tag so the link will open in a new browser window. Click here to try it.

If your article includes multiple off-site links, consider collecting them into a More Information section near the end of your article. If you want to refer to one of these links in the body of your article, use an anchor link.

To reference a source, use an anchor link to the EET's main reference page. The link should appear in APA style in the body of your article, e.g. (Braden, 1996). Check the reference page to see if your source and page numbers already appear in the list. If not, you will need to provide the webmaster with the properly formatted information. In an edited collection such as the Handbook of Research, remember that you reference the chapter author, not the manuscript editor.

Put quotation marks around terms that are new or unfamiliar, and define them in the body of your text. Keep in mind that you are writing for an educational technology audience, not a general audience. Use your prototype testing to determine if any terms need to be treated in this manner.

More Information

Include a More Information section if you want to refer readers to other articles in the EET and/or collect your off-site links into a single reference area.

To link to a Web Site outside the EET, use an absolute link ("http://") with the Target tag set to "_blank" so the link will open in a new browser window. Here's an example.

To link to another EET article, use a relative HTML link in the form "../headnoseroom/start.htm". Use "../" and the folder name for the article you're referencing. For example, "For more information on this topic, see the EET article on Framing."

End of Article

Each article should be a maximum of 650 words (excluding references and More Information). At the very end, include a contributor credit with your name, any title or position you would like to mention, and a link to your home page.

Include a reference in the form shown below, using your own last name and first initial, the current year, and the title of your article exactly as it reads at the top of the page. Do not alter or delete any of the rest of the text or code from there to the end of the page--it contains important javascript to complete the reference.

Keep in mind that the purpose of a style guide is to be just that... a guideline, not a doctrine. The goal is to achieve a cohesive look for the Encyclopedia articles as a whole, but each article will naturally have some differences in layout.

---

Bob Hoffman, PhD

Hoffman, B. (2004). Article title in sentence case. In  B. Hoffman (Ed.), Encyclopedia of Educational Technology. Retrieved from