Crash, Learn CSS. This is what you are looking for. IT is called site Layout.
Lets make a quick crappy layout
Code:
<html>
<head>
<title> Crash.RandomProphesy's HomePage </title>
<link rel="stylesheet" type="text/css" href="defaults.css" />
</head>
<body>
<div id="links">
<li class="link"> <a href="#"> Home </a> </li>
<li class="link"> <a href="http://www.eyesonff.com">Eoff! </a> </li>
<li class="link"> <a href="href://www.google.com">GOOGLE </a> </li>
</div>
<div id="content">
Welcome to my Page. I, Crash.Whatever made this all from scratch, like a real pro. Some day I will be as good as Dr Unne. What!? you never heard of Dr Unne... well whatever.
Keep typing some other crap, until you have filled the page with all the information that you feel is so very important that everyone should need to know. Bipper is damn cool.
</div>
</body>
</html>
Save this as index.html.
This is your BASIC web page. Don't worry much about the class and id properties in some tags, this has to do with how CSS knows what to do to what. Right now, the page will look like hell. Just two block level elements laying on the page. Well, this is where CSS comes in!
This line:
Code:
<link rel="stylesheet" type="text/css" href="defaults.css" />
points to another file that will be read. So make a new file, and name it default.css. Make damn sure you save it alongside index.html.
Code:
/* CSS Document */
/* ------------------------------- formatting ----------------------------- */
/*Globals*/
body
{
font: 30px verdana;
font-color: #66CCFF;
background-color: #060e9d;
}
/*IDs*/
#content
{
positron: absolute;
top: 50 px;
left: 100px;
border-size:4px;
border-style:double;
background-color:#003366;
}
#links
{
positron: absolute;
top: 50 px;
left: 0px;
border-size:4px;
border-style:double;
background-color:#003366;
}
.link
{
font: 14px verdana;
font-color: ##FFFF33;
}
This is CSS my friend. Basically anything inbetween /* and */ is commented out. In otherwords, the browser will ignore it. This helps us make notes, and comments to people whom look at the code.
Ok, now an ID (think of an ID like an object name) is denominated by the #. We made a div and set it's ID = Content right? Well now that will tell the Browser to look for a description of ID in the CSS file. It finds #ID {... this will set all ther properties inbetween the opening { and the closing } to the div. I set some basic ones in there.
We also made another div with an ID of links. We set different properties here. Basically the properties that I set to these two divs ( basically boxes) are to draw the box at an absolute position. The position draws from one point (the top left) and basically makes a box. That box will snug to the information in the div like a table would. You can set height: 100px; to make the box 100 pixels high, if you want it to be bigger.
Now you had seen a class in there two. The class is named links. Basically a class works like and ID, but can be used on multiple tags. Where as an Id can only be used on one. So we can say that the class link will look like the way the properties in the CSS page want to make it look.
that should get you somewhat started I wrote this in a hurry, but it should work. Let me know how it goes, after you have played with it a bit.
For a great list of all the properties that CSS entails, check out: http://www.w3schools.com/css/css_ref...p?output=print
If anyone wants to add, or correct anything i screwed up, go right ahead
As far as php goes. PHP is basically written by you, much like a web pages is. But the PHP you write, will basically make a webpage that the server can see.
So it works like this... User types in www.google.com/index.php... PHP grabs what information it can, like say it looks into a MySql Database to get a picture, and then makes a webpage that will display this picuture. All the person whom typed in google.com/index.php sees is the web page with the picture that the PHP coding made on the fly. This is what dynamic means.
Since your a video gamer, I can say its like basically playing a video game. The php is equal to the game. It takes the players actions (pressing the jump button) and makes somthing happen (the character jumps). HTML would be more like an FMV without PHP. All you could do is watch the same thing over and over again. That is a crude, but effective example.. I hope
Bipper