If you are frustrated by HTML / CSS / Javascript this is your Eureka … destination.
Though you have taken great efforts learning a few skills in CSS and Javascript, building even a simple site is a challenge. Last year, Twitter debuted their own Bootstrap tool set to ease some of that. The result has been impressive site building.
I have listed below some really simple tasks to build your own, good looking site in less than 2 hours.
- Download Twitter Bootstrap from here.
- Save this primer example and store on a local folder. You may need the download in step 1 at a later stage, when you are pro in handling simple web design.
- Open hero.html in any editor. I use SublimeText2 on Linux and feel good. If you thought you need some-top-of-the-range editor like Dreamweaver (Windows only) is necessary, you’re wrong. Dreamweaver may not be able to handle CSS as effectively as the browsers handle. Just don’t use Notepad on Windows. It is good for nothing these days. Notepad++ is a better choice. On Windows, Notepad++ opens faster than SublimeText2. On Linux, SublimeText2 is a breeze, though has more bugs.
- Match the text you see on the browser (pointing to hero.html on a local folder) with the text you see in text editor. Change it with your own content.
- After adding each paragraph (<p>content</p>), save the file. Come on the browser tab that shows the local file and hit F5. Refresh.
- Your limited knowledge of HTML is useful to serve up better pages. The layout is definitely better.
- The entire website design of 5-6 pages will take no more than 2 hours. See the sample I developed for Ashwini Homoeopathic Clinic.
So, what are you waiting for?
