Building my own site on bluehost

1. just sign up to bluehost and get your domain http://www.yourdomain.com

2. use a ftp client to upload your files.

ftp host: yourdomain.com

username/password: same as how your login to bluehost cpanel

3. I have setup several site like cms, forum. uploading unarchived files is a pain in the ass to me. So, your can setup a SSH in bluehost cpanel. Then you can connect to your ftp through a SFTP client. I use WinSCP. You can then upload .tar and unpack it at server side.

I later figure out that file manager in cpanel can do compression and extraction, save the time for ssh setup.

4. when your are installing something link joomla, the database host should set to localhost.

5. After all this steps, you can go to your website like http://www.yourdomain.com/forum in another domain name. Let say it is forum.yourdomain.com. This is achieved by adding subdomain from bluehost cpanel. This service is totally free.

I will post more content on how to setup your own website after I have done more things, see you next time.

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