Friday, February 4, 2011

A quick Guide on making a FREE professional Website !

U have been surfing those websites for years now , n i bet u wonderd how they code this stuff !now its time to do bit more rather just appreciating those webmasters .I am not here to speak about those "instant websites" wherin u choose a template and write a headder " Raju's website " and have a domain like http://www.john.freewebsite.com/ .
This tutorial is just a launch pad from where u'l get basic idea behind websites, domains,hosting etc.... and after that u can learn with more advance tools . for eg here i will talk about making a html pages quickly using WYSWYG web builder (wat u see is wat u get :) and after that u can learn Adobe Dream weaver (which i dislike !) .

now before we go ahead we need a software. so just start downloading and return to this page so that by the time u read further it will be on ur pc .

http://www.4shared.com/file/QBcjiHPk/wyswyg.html (cracked version we recommend u buy it )


step 1 : Reading-understanding- Re-reading the BASics

breifly a website will essentially consist of three parts
1. A Webpage (or a group of web pages )
2. a hosting server - place where your website resides . 
3. and a domain - An appropriate name given to the adress of your website .   
it is a myth that a website is all about "domains" on the contray its less significant than other 2 . as the Post is about making free websites we will be dealing with free domains and free webhostings .   
imagine that you need to share some information with everyone and for this you have written your noble words on a peice of paper . this page where you have your texts ,pics is your webpage .now u also need a place to keep that webpage . this is your hosting server . internet is nothing but a group of conneted computers and websites reside on computers which are always switched on(ideally) . now if u can afford to keep your own pc online for 24hrs365days and have huge RAM , processor speed , very high upload Bandwidth bla bla bla ..... u can host your website from your own pc .i will be soon posting on " hosting your website from your own pc"  but even that will be for educational purpose onli coz u got so many free webhosting providers (with 99.9% uptime and large disk space).

Step2: creating a simple webpage with wyswyg

open the portable version of wyswyg web builder you downloaded .
insert > text > my first webpage
 file   > save website

this simple drag and drop integrated devlopment environment makes this task very simple .i dont want to go into designing part , just play with your imagination.

step3: create a webhosting account

two very good free webhosting providers that i have come accross are
1. http://www.000webhost.com/
2. http://www.xtreemhost.com/       ( browse this website with google chrome i had problems with IE for this site )  
i have selected 000 webhost for this post because its control pannel is bit easier to understand and ticket based support system is good enough . one drawback is that they take around 24 hrs to activate your account .
now after activating , goto account details and note down your FTP details . return to your Wyswyg builder and goto file > publish > add > remote location > fill your details ( see the screen shots ) > test connection
and if everything is ohkay , u will get a sucess message . click on " publish "
Note : the directory which you upload should already exsist . U should use   /public_html

step 4 : setting up a domain
doamin which we will use is  " .co .cc " as it shows u will actuly use a free subdomain like yourname.co.cc
there are many more out there but this one doesnt sound bad ! once you have experience with this u can get yourself a professional doamain yourname.com or .in for few dollars!

signup at http://www.co.cc/
goto set up doamins
select service type name server
and use > ns01.000webhost.com , ns02.000webhost.com ( see the screen shot )
save the settings
U are done  !!! now all u need is patience !! it may take upto 48 hrs for changes to take place .

feel free to post your suggestions/doubts .....

Related upcomming articles

> hosting your own website
> Web designing using Wyswyg


screen shots :