build web site basic steps

Preparation :

I use xampp as my environmemt, which is apache+php+mysql+etc.

I have tried both normal and lite version.

If you are not doing any CGI like perl, I think lite is enough.

Just unpack it, run xampp-control to start your apache.

If you are using Skype, please do some configuration.

turn off skype->option->advance->connection->use port 80

because many people ask me this question.

Then you are ready to develop and test your own website.

Import CSS to html

I like to use the html+CSS+Javascript approach.

Which is html handle only content, CSS handle layout and style, Javascript handle interaction.

Try not to mix these content together which will get nasty after sometime.

First of all, import a CSS, there are two ways, I prefer the 1st

put one of them inside your <head> tag

1. <link href=”css/template.css” rel=”stylesheet” type=”text/css” />
2.<style type=”text/css”>
<!–
@import url(“css/template.css”);
–>
</style>

Basic testing and practice

make sure your link is correct and put the .html and .css files under
xampp/htdocs/yourFolder
htdocs is where your web root location.
for example if I put them under xampp/htdocs/maxiweb/
the url will be http://localhost/maxiweb/

and also try to put CSS inside a css folder, images inside images, it is a good practice.
basically something like this.
htdocs/
|
+–maxiweb/
|
+–css/style.css
+–images/logo.gif
+–index.htm

I will get deeper in some other articles as I learn more. About CSS, PHP, Javascript and etc.

Thanks for reading my post ;P