//Using Notepad\\
This is just a basic tutorial on how to code a layout in notepad. After you finsish making your page go to file and click on save as and save it as myfirstpage.htm
Start all your pages like this.
<html>
<head>
<title>Name of your page</title>
<body>
</body>
</html>Ok that's simple isn't it. Now almost everything on your page will go inside the body tag. So if I wanted to add a couple of pictures to my page it'd look like this. and this is what you would get.
<html>
<head>
<title>Name of your page</title>
<body>
<center>
<img src="http://members.aol.com/trixiegirl591003/images2/ilovepinkbutton.gif" border="0"><br><br>
<img src="http://members.aol.com/trixiegirl591003/images2/button_spoiled.gif" border="0"><br><br>
</body>
</html>
so my page would look like this
OK now I put the<center>
code in there so it would center everything but if you wanted it to the left then add the<left>
tag instead.
Now if you wanted to add some text and you probably do it'd look like this.
<html>
<head>
<title>Name of your page</title>
<body>
<center>
<p><b><font face="Times New Roman" size="2" color="#FD80B8">Hey what's up? And
continue to type till you get tired of typing he he.</font></b></p>
<img src="http://members.aol.com/trixiegirl591003/images2/ilovepinkbutton.gif" border="0"><br><br>
<img src="http://members.aol.com/trixiegirl591003/images2/button_spoiled.gif" border="0"><br><br>
</body>
</html>
Hey what's up? And continue to type till you get tired of typing he he.
If I used the <left> tag instead of the <center> tag it would look like this.Hey what's up? And continue to type till you get tired of typing he he.
Now remember when I said almost everything will go inside the body tag? Well here is an example of a page transiton and that goes into the head of the page.
<html>
<head>
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Iris(irisStyle =STAR Duration=4)">
<title>Name of your page</title>
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Iris(irisStyle =STAR Duration=4)">
</head>
<body>
<center>
<p><b><font face="Times New Roman" size="2" color="#FD80B8">Hey what's up? And
continue to type till you get tired of typing he he.</font></b></p>
<img src="http://members.aol.com/trixiegirl591003/images2/ilovepinkbutton.gif" border="0"><br><br>
<img src="http://members.aol.com/trixiegirl591003/images2/button_spoiled.gif" border="0"><br><br>
</body>
</html>
Easy so far huh?
Ok say you wanted to color your scrollbar too, just like before it's gonna go into the body of your page like this.
<html>
<head>
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Iris(irisStyle =STAR Duration=4)">
<title>Name of your page</title>
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Iris(irisStyle =STAR Duration=4)">
</head>
<body>
<center>
<style>
<!--
BODY{
scrollbar-face-color:#FD80B8;
scrollbar-arrow-color:FD80B8;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:ffffff;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-Color:ffffff;
}
-->
</style>
<p><b><font face="Times New Roman" size="2" color="#FD80B8">Hey what's up? And
continue to type till you get tired of typing he he.</font></b></p>
<img src="http://members.aol.com/trixiegirl591003/images2/ilovepinkbutton.gif" border="0"><br><br>
<img src="http://members.aol.com/trixiegirl591003/images2/button_spoiled.gif" border="0"><br><br>
</body>
</html>
Well that's about it for this page, if you want more pictures then keep repeating the <img src="http://members.aol.com/trixiegirl591003/images2/ilovepinkbutton.gif" border="0"><br><br>
<img src="http://members.aol.com/trixiegirl591003/images2/button_spoiled.gif" border="0"><br><br>
I'm outa here, till next time, hope ya learned something :D.....Trixie
go back
