Ad Code

Ticker

6/recent/ticker-posts

QUE.COM Intelligence.

Chatbot AI, Voice AI and Employee AI. IndustryStandard.com - Become your own Boss!

Basic foundation of a website

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.



Post a Comment

0 Comments

Comments

Ad Code