MaraHTML

¤ Tisha Look's HTML Tutorial ¤

How To Use Marasites Headers And Footers

Another really nice feature of Marasites is the ability to have both a header and footer to your site. The purpose of each of these is actually rather simple: anything you add to your header will show up at the beginning of each of your pages. Anything you add to your footer will show up at the end of each of your pages. This saves you from having to write the same code over and over. And, in the event you want to change your header or footer, you only have to change it on one page instead of all of your pages.

Using Headers:
Let's say, for the sake of this tutorial, that you have a logo graphic you'd like to appear centered at the top of each of your pages. Normally, you would have to type all the code to put that graphic on each page. But if you use the header, you only have to type it in once:

Go to Marasites and login (if you aren't already logged in).
Click the link to the left that says "Marasite Header". This is the first link under the 'Advanced Options' section.
In the header file, type the following code:
<center>
<img src="http://uploads.marapets.com/yourusername/imagename.jpg">
</center>
Save the header when you're finished. Go look at your Marasite and you'll see the header image is now displayed at the top center of each of your pages.

Headers are also especially useful when it comes to using CSS (cascading style sheets) which I'll explain in another section of this tutorial.

Using Footers:
The only difference between headers and footers is that footers appear at the end of your page whereas headers appear at the beginning. Let's say, again for the sake of this tutorial, you have some kind of tagline or copyright information you want to appear at the end of each of your pages. You can put all the information in the footer, as so:

Go to Marasites and login (if you aren't already logged in).
Click the link to the left that says "Marasite Footer". This is the second link under the "Advanced Options" section.
In the footer file, type the following code:
<center>
Please: no sticky fingers - I made all these images myself!
</center>
Save the footer when you're finished. Go look at your Marasite and you'll see the footer text is now displayed at the bottom of each of your pages.

¤ NAVIGATION ¤

¤ Home

¤ HTML Tutorial:

Intro

Adding Graphics

Working With Text

Working With Colors

Adding Links

Creating Tables

Adding Music

Marquees

Scrollbars