Organizing a Frontpage

Main >> Content >> Tutorials >> Freewebs >> Organizing a Frontpage

This is a really hard and tricky thing to do if you don't have any HTML knowlage, I will try to explain as good as I can, but please read the tutorial closely!
Step 1: Start by logging on to your freewebs account. Then go to the front page (index page) to edit it, you do this by clicking on the edit button, which looks like this: .

Step 2: A new window will appear and this is the editing page. If there's something on this page that you haven't written, just take everything away.
Lets start by adding the layout by placing it in the upper left corner, you have to use a special code to do this, because if you just use the regular image code, the layout woun't be placed all the way in the corner. Here's the code:

(You can also place the layout somewhere else then in the upper left corner, just type in some different numbers in the code you copied abow.)

Step 3: Now we can add a background to the page, you have to make a background in Paint Shop Pro or find one on my site, then paste the URL of the backgroundpicture in this code (you can just paste this code right under the other code):


Step 4: Now we have added two very simple codes and you can see that the frontpage is taking shape, here's how my editing page looks like now (click to enlarge):


Step 5: Then we have to add the content. Lets start with the tables. I've choosen to use the code under. You can use what ever textbox/tables you want. Just paste the codes of your textboxes right under the other codes.


Step 6: Now copy the code under and paste it right infront of the textbox code! The < /div > part has to be after the textbox code. Now try different numbers to place the tables inside the background and right under where the layout is placed. To do this, select a random number type it in, press FILE >> SAVE and then go to preview to see how it looks.


Step 7: When you've gotten this far it is time to place the iframe, if you're going to use iframe. Here's the code I'm using:


Step 8: Where it says top:335px and left:258px, that's the position it will take on the page, try to change the numbers so you get the Iframe where you want it. If you're not familiar with Iframe, take a look at this tutorial here.

Step 9: When you have placed the layout, background, textboxes and the iframe, you're actually done and can start adding other pages.

Remember this is not the correct way to do a front page in freewebs, but this is the way I do it! I hope you learned something:) Here's how my page looks when I've used this tutorial: here.