Does your website have any information in the Page Footer? The Page Footer is displayed at the bottom of every page and article on your website. Designing a complementing Page Footer can really complete the overall look of your site, as well as provide information such as contact numbers and email addresses. In this tutorial we will look over a few examples, and provide instructions on how to make the most out of your Page Footer.
First, some examples. Here are some popular websites. Scroll to the very bottom of each of these examples, and pay close attention to how they defined a bottom to their site, and note the information found in the footer areas.
In each site above, they have chosen a footer design that best fits their site. In call cases, they have included some information, and links where applicable. Now let's move on to setting up a Page Footer on your site.
Once logged in, navigate to Step 3, and then edit your Page Footer. Click on Content to start editing. The simplest way to create an easy footer is to use a table. So, click Insert/Edit Table, and enter the following values, and then click OK:
- Rows: 2
- Columns: 1
Border size: 0
- Width: 100 percent
- Cell spacing: 0
- Cell padding: 0
What we have created is a full site width footer with two rows. Since these are table cells, we can type in them freely. I went ahead and typed my email address, and my phone number in the first row. In the second, I typed Copyright 2009. Highlight both sets of text, and apply some Center justification to line them up nice.
While this would suffice as a footer, we want to go one step further and define the footer area by adding accenting colors. To do this, simply right-click in the top cell, and select Cell --> Cell Properties. On the Cell Properties prompt, you will notice a border color attribute in the lower right hand corner.
Click Select, and then click on the color you would like to apply to the background of that cell row. Use your imagination here. What generally works is choosing colors that complement the dominant colors in your website background and window background. Choosing lighter or darker shades of the colors in your window background will often do the trick. With some trial and error, I'm confident you can come up with some nice colors to complete your footer, and website.
Note: Anytime you are using tables, you will to double check the font sizes as well as colors. Tables are not bound by the site settings, so you may need to apply font style and size to text in the table. Generally, applying a 12px font size works well.