|
Adding more pages to your site
To do this tutorial, you will need a Iframe layout previously sliced and notepad (notepad is provided with windows so everyone should have it). If you don't have a sliced layout, I invite you to check out one of my 3 slicing tutorials, one using Paintshop pro, another one using Photoshop and one using Serif Photoplus. Please note that this layout as an Iframe installed since it's the one I used to do the Iframe tutorial. |
| Step 1: After the 3 first part of this tutorial, you now have a layout, a Iframe installed and a new menu. Let's add some pages! First step will be to create our home page. Open notepad and insert those code on a new page. |
| Step 2: Save this page as home.html and save it in the same file where is located your index page. When opening your index page, you should have a blank page showing up in your frame instead of an error page. Clickie. Something is wrong with the background! To fix this we will add a background color in the body tag just like the code below. (Since I want my page background to be white I using the #ffffff hexcode, you can use any color you like). See what I have now: Clickie. |
| Step 3: Just for practicing, add a new link to your menu linking to doll.html. Open your home page in notepad and save as... doll.html. Now let's see what we have: Clickie. You now have a dolls page! Repeat this process for each page needed on your website. Just change the content between the two body tag! |
|
Congratulations, you now have created some pages for your website! I invite you to check out this
site, it will help you create a stylesheet (CSS) to customize your layout! Any questions? Click here |