Sample Image 1170 x 250 pixels

 

This is the introductory copy for your page. For your home page, it should give an overview of your department, explain the services you offer and tell people how to find the information they need. In most cases, the HTML module containing this first paragraph of copy will not need a heading since the topic of the page already appears in the blue bar above. If you need to remove the heading, click the gear icon above the module content and choose Settings. Then go the Page Settings tab and set the Module Container option to No Title. 

Page Content Notes
  • If you reference another web page or document (such as a PDF), create a link to it in the text by clicking the chain link icon in the text editor window. If the link is to a page that is not part of the VCOE website, set "Target" to "New Window." 
  • Each department will have a Contact page to list staff names and info, so do not put the contact info on the home page.
  • The total word count of the copy for your home page should not exceed 500 words.
  • This is an example of using a bulleted list.
Sections with Headings

You can make your page more visually interesting and easier to read by breaking the copy into sections. Each section should be a separate HTML module. Each section can have a heading (in this example, the heading is "Sections with Headings"). 

To create the heading, you need to enter a Module Title. To do this, click the gear icon above the module and choose Settings. Then go the Module Settings tab and enter the title in the Module Title box. If you'd like a module without a heading, go the Page Settings tab and set the Module Container option to No Title. 

Sub Headings within Your Copy

You can break up your copy further within an HTML module by using sub headings. These three sizes of sub headings are available:

Heading 5

Heading 3

Heading 1

To use a sub heading, while in the text editor, select the desired text. Then choose the appropriate heading from the drop down menu that appears to the right of the text alignment icons. Heading 5 is recommended in most cases. 

By default, the heading will be bold, which causes the text to be distorted. So, after you have applied the heading size, select the text again and click the bold icon (letter B) to turn off the bold. Note that you will not see exactly how the heading will look until you save your changes in the text editor and view it in the actual web page.

Images
Header Image for Home Page (required)

Each departmental home page will have a wide horizontal picture at the top. It needs to be exactly 840 pixels wide and approximately 200 pixels tall like the ocean photo above. Dave Schermer will be selecting and posting the header images to your home page. If you have one that you'd like to use and that fits the dimensions, please email it to him at dschermer@vcoe.org. If you have an image that's wider than 840 pixels, it can be resized to fit, but we cannot work with original images that are less than 840 pixels wide. home page images. 

 

Header Image for Sub Pages (optional)

If you'd like, you can use wide horizontal images at the top of your sub pages as well to give them visual interest. Be sure it's a high quality image and that we have permission to use it and to show any people in the photo. If you don't want a horizontal image at the top of your sub page, just delete the module that contains it (the beach photo) from this template.

 

Wrapping Text Around Images

You can have your text wrap around an image as in this example with the photo of the trees. To wrap the text, first insert the image into your text using the Image Manager (paperclip icon) in the text editor. Then right-click on the image and select Properties. Then set the Image Alignment to either right or left. You'll also want to create a margin (blank space) between the image and the text. To do this, type 10 into appropriate box in the Margin settings. For a right-aligned image, type the 10 in the Margin Left box. For a left-aligned image, type the 10 into the Margin Right box. 

The Links Module

The links module, which appears to the right, is a useful way to display links to some of your department or school's most commonly used pages and documents or links to external web pages. It can be a good feature to include on your home page to help your users quickly find what they're looking for. If you don't need the links module, you can delete it along with the HTML module that contains this text.

The Documents Module

Use the Documents module when you need to create listing of links to documents such as PDF or Word files. For example, it could be used for training materials for a professional development course.

 TitleModified DateSize 
EDGE Up7/16/2025837.95 KBDownload
Phoenix School Science Night7/16/2025165.71 KBDownload
Tables

If you'd like to display information in a table, you need to use the Form and List Module (do not create HTML tables as they do not display correctly on mobile phones). You can use the example below as a reference.

MealFoodBeverageCost
BreakfastEggsOrange Juice$10
LunchSandwichesIced Tea$12
DinnerPizzaSoda$15