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”);

Basic testing and practice

make sure your link is correct and put the .html and .css files under
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.

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

Thanks for reading my post ;P

One thought on “build web site basic steps

  1. Pingback: How to apply CSS (basic) « 麥克斯做個不宅的工程師

Leave a Reply

Please log in using one of these methods to post your comment: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s