Warning: include(/home/.lurky/jenni/star-girl.org/skins/cookiecheck.php) [function.include]: failed to open stream: No such file or directory in /home/jenni/star-girl.org/pages/tutorials/site/step9.php on line 1

Warning: include() [function.include]: Failed opening '/home/.lurky/jenni/star-girl.org/skins/cookiecheck.php' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/jenni/star-girl.org/pages/tutorials/site/step9.php on line 1

Warning: include() [function.include]: Filename cannot be empty in /home/jenni/star-girl.org/pages/tutorials/site/step9.php on line 2

Warning: include() [function.include]: Failed opening '' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/jenni/star-girl.org/pages/tutorials/site/step9.php on line 2
Tutorial Set > Making a Website. STEP 9: Creating a 'Frames' layout


This tutorial will hopefully make your site a layout that looks something like this. You will need to add your own background and stuff though :)

37. Now you need to pull the pages of your site together and create a basic layout using frames. First of all, create a page called mysite.html in the main direcotry of your site underneath index.htm. Insert this code into your page (see the image below if you aren't sure where it should go):





38. Create two new pages, one called 'right.html' (this will be your main page) and one called 'left.html' (the menu).



39. Copy the code below and paste into your 'left.html' page.



40. Go to freewebs.com/your-username/mysite.html, and click the links to make sure they open in the other frame (apart from the last 2).
41. Finally, put a welcome message on your main page by editing 'right.html' and typing in your text/HTML. This is what mine looks like:



42. Now, edit 'left.html' again, and where all the URLs say star-girl.org (apart from the very bottom one), change then all to your actual pages. For example, my first page was called biography.html, so I would change the code to:



43. Carry on doing this for all your links, and if you put the pages in a folder, remember to include that in the link. So, my page is 'biography.html', and it's in the 'Me' folder, so the URL is freewebs.com/stargirlorg/Me/biography.html, not freewebs.com/stargirlorg/biography.html.
44. Include the freewebs link code in 'left.html', otherwise your site may be shut down. Just insert this code before the closing BODY tag on the page:



To carry on with this set of tutorials, click here.


If this tutorial helped you, please link me on your site.

Star-Girl.org


Want another button? Click here.
Warning: include() [function.include]: Filename cannot be empty in /home/jenni/star-girl.org/pages/tutorials/site/step9.php on line 72

Warning: include() [function.include]: Failed opening '' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/jenni/star-girl.org/pages/tutorials/site/step9.php on line 72