Building a philosophy free site on a free host for intermediates

To make you site a little bit more interesting to look at you are going to need some graphical content. This tutorial is going to show you how to make a site look like this

If you've followed the template tutorial then you could set up this site for your own needs in less than 20mins. If you want to create a site, relevant to epistemology, and would like to use that page as a template then click here for instructions.

Adding graphical content to your philosophy sites

This page has 4 images on it. The banner at the top that says Philosophry is obviously an image but there are 3 more on the page. I have achieved the rounded box effect by using three images. With your mouse, hover the cursor over the top corner of the rounded box and right-click. Choose "View Image". Now go to the bottom corner of this table and right-click > View Image. The third image is the background of this table. To see it, hover the mouse over the middle of the table and right-click > View Background Image.

To put an image on your page you need to use the following html tag:

<img src="filename.jpg">

Obviously, when you use the tag you will replace filename with whatever you've named your picture file and if the picture is a gif rather than a jpg then you'll use .gif rather than .jpg. If you don't know whether the image is a jpeg or a gif, you can look at the filename in your file manager on the freehost - it will have the extention on it already.

As well as putting an image on your page, in the form of a banner, photograph etc. you might want to make images clickable links in the form of buttons. A button is basically an image that you've wrapped an <a href=""> around to make a link. Look below - it's a shiny blue 'next' button I just made in photoshop. Click on the button and you'll be taken to the next page.

back