Basic foundation of a website

Posted by EM MAJ_COM On Thursday, August 16, 2012
Here's what I've learned from Codecademy.com on how to create your website with basic foundation.

First, create your html basic framework using html, head, and body tags.
Second, add your logo image using img tag.
Third, create your navigation for your website menu e.g. Home, Products, Services and Contact Us.
Fourth, create your website layout using div tag with id name main_content. Create two more div's inside your main_content, with a class name left_column, and right_column. See sample codes below.

Before you continue adding more html codes, check your navigation menu. You may add a new link e.g. Our Company, Locations, News and Events. But I will let you decide for your website.

Sample HTML Framework for a website:
<html>
<head><link rel="stylesheet" href="style.css" /></head>
<body>
<img id="logo" src="http://codecademy.com/assets/codecademy_logo_small.png" \>
<ul id="nav_container">
<li><a href="home.html">Home</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div id="main_content">
<div class="right_column">
</div>
<div class="left_column">
</div>
</div>
</body>
</html>
I know how to program, but sometimes a good reference like the Codecademy.com website is always available. I highly recommend this website for everyone, best of all learning is FREE.



Related Posts :



0 Response to "Basic foundation of a website"

Post a Comment

First things first: Connect through one of the following social media tools below:
Enter your email address:
Subscribe to KING.NET by Email http://www.twitter.com/kingnet
http://www.randompage.com/profile/king
Moscom.com Web Hosting 24x7 Phone Support. The ultimate in performance, control, and convenience.

Get a Free Bitcoin

NeedName.com - Domain Name Registration and DNS Management.
Breeder.co - All about Pets.
Pet By OWner.
Moscom.com Web Hosting, SSL, Email, DomainName, and Dedicated Server.
For Ad Campaign, please send email to Support[@]Whaddya.com. Thank you.