ΦWebsite Design for Newbs: A Primer - Pt. II

Following on our previous entry, we now examine the visible part of a basic website.

As an example, I’m using a site that I am still developing for my school and clinic at: SwimmingDragon.com

The image of this site is a sample of a basic website template consisting of at least 3 main components: a header, body (for content) and a footer.

Granted, you do not have to have any of these. But generally speaking, these three sections are common in almost all sites you’ll visit on the web.

Header

Usually this section holds the site’s logo, site tag, or maybe a search bar,  a date, a login form or link, and a number of other possible items helping the visitor get a feel of what may be bellow or inside the site. The header is the “first impression” item of your site. Design it carefully.

Navigation

Unless you site is a one page site and does not take the visitor anywhere, links that lead the visitor inside your site is the second component in most sites. Usually these are found early on the page’s hierarchy such as above the header, right below it, such as on the sample site, on the left or right sidebar. Sometimes it is repeated at the bottom of the page.

Content

Here’s where the meat and potatoes of your site is displayed. Perhaps a mission statement, a welcome message or, as in this site, the blog.

This middle section of the site can be further divided into segments containing sidebars. Often the sidebars accommodate links, ads, social media, latest comments or a number of other options. While sidebars are not necessary, they do provide a way to use real state wisely and prevents from having long strings of text.

Footer

The footer usually contains some contact information, copyright, address, who design the website, Terms of use links and other information that is most likely to remain the same. An emerging trend, which I like, is the “Fat Footer” design.. The site in question as well as PhiCreations makes use of the “Fat Footer” idea to present more content without drawing attention away from the body of the site..

And that’s basically what most sites you’ll ever visit will consist of. A header, content, and a footer..

On our next post we’ll take a look at the code or HTML that is responsible for the site’s display on the browser.

This was the first place that told me the answer. Thanks.I wanted to say that it’s nice to know that someone else also mentioned this as I had trouble finding the same info elsewhere.
non fault car accident
accident claims

Thanks for sharing your post. All good luck for future.
Montreal independent escorts

I think so this post is very interesting and usefull for all us. We must follow this every time.
Montreal escorts

what may be bellow or inside the site. The header is the “first impression” item of your site. Design it carefully.ecigarette

Following on our previous entry, we now examine the visible part of a basic website.  electronic cigarette company

Following on our previous entry, we now examine the visible part of a basic website.  Cheap Web Design

Granted, you do not have to have any of these. seoblog

The header is the “first impression” item of your site. Design it carefully. Mail Forwarding

three sections are common in almost all sites you’ll visit on the web.Cheap SEO

Awesome blog. I enjoyed reading your articles. This is truly a great read for me. I have bookmarked it and I am looking forward to reading new articles. Keep up the good work!
Blog Commenting

I was looking for some topics that are enough popular and finally founded your blog, it has superb topics with great popularity.Play free games

Canada Goose Parka
Canada Goose Parkas
Canada Goose Jackets
Canada Goose Jacket

This stuff is very interesting and needed to be properly considered. Anyway, you offer great opportunities. I should read your info first to make decisions.
Film it yourself

I read your article and I keep reading your content.. its very interesting
seo india |
Performance Based SEO |
Freelance SEO |
<a

-wonderful post !!I really like your website because you gave me about info and resource I’ve never seen that before. I’ l stay tuned on your web site.Thanks for share this .....
seo edmonton

Its really good for us to have a backup of our data on the hard drive and thanks for these valuable ideas, they are certainly very helpful.Nice Post!! Thanks. massage chair

The post is very informative. It is a pleasure reading it. I have also bookmarked you for checking out new posts.
Farid bedjaoui

Awesome blog. I enjoyed reading your articles. This is truly a great read for me. I have bookmarked it and I am looking forward to reading new articles. Keep up the good work!
Lean problem solving

Thank you for another great article. Where else could anyone get that kind of information in such a perfect way of writing? I have a presentation next week, and I am on the look for such information
White label web design

I was just browsing for relevant blog posts for my project research and I happened to stumble upon yours. Thanks for the useful information!
Business Training Melbourne

You are so inspirational and you talk sense. That’s important. You’re intelligent and you have a lot of heart. I love your posts! Thank you.
Outsourced Coding

Valuable information and excellent design you got here! I would like to thank you for sharing your thoughts and time into the stuff you post!! Thumbs up .Best dentist in sydney

I Totally admire your writing style and the information in this excellent article. It’s plain to see your information is well-researched and written thanks for this nice information….
<a herf=“http://www.ashleysflower.com/”>Florist Los Angeles</a>

ugg adirondack boot ii
ugg adirondack ii boots
ugg classic boot
bailey button triplet

one of those fabulous bridal dresses.
Designer Wedding Dresses
cheap wedding dresses
Wedding Dresses uk