Build a professional website: Part 2

This is the second series of to the point lessons in web design. If you are new to web design or need to recap, please review: Build a professional website: Part 1

HTML code and color codes are in this instructable: Basic HTML code cheat sheet

Table of Contents:

Basic HTML code cheat sheet
Build a professional website: Part 1
Build a professional website: Part 2
Build a professional website: Part 3 CSS

Step 1 A few basic rules:

Before we begin, there are a few guidelines for building a web page. While I could go on here for pages upon pages...I won't! to the point remember - :)

• Resolution - Nearly 50% of the people on the internet are still using 1024x768. So build your page to look good in any resolution.
• Font Size - Just because you can't see one inch in front of you does not mean the world has bad eyes, on that same note...Not everyone has 20/20 vision either! It is best to not specify a font size, let the browser handle it. If you are targeting senior citizens then a 16 point font should be fine.
• Font - Don't use fonts installed on your computer, chances are other people won't have it and your page will not look right. There are several industry accepted fonts including: Arial, Georgia, Tahoma, Times New Roman, Verdana.
• This is a personal opinion...Don't make a black page with white text. I visit so many sites like that and when I navigate away and land on an average white page my eyeballs feel like popping out. Soft and subtle is the best policy...Unless your marketing crayons - :)
• Never ever, ever make your page require the user to scroll right or left. Up and down is ok ( with in reason, make next pages if you have a lot of content) but NEVER left or right. If you are building your page and your own computer is in 1024x768 then go ahead and reduce your computer resolution to 800x600 and check it out. If the bottom scroll bar appears but only slightly, fine. If your content is off the screen then go back to the drawing board! I will show you later how to make your page grow or shrink to the users screen as well as make it tuck away neatly down the middle using tables or CSS.
• Most importantly - Clean, simple and neat! Look at Google. What a boring looking page but oh how popular Google is! Normally people are in a rush no matter what. Get your point across first, then have some fun!

Comments

[shoyru_master_11]

please answer the following question:
http://www.instructables.com/answers/Is-there-any-HTML-30-software-editors-that-work-c/

[sliceofpain]

hmm. very nice tutorials. im thinking about animating stuff like this. i already know how to do this i was just checking up on any others about making a website. although yours is much more superior! Bravo! Bravo!

[htmlinc]

I would like to see an animated Instructable, that would be very cool! Thanks for the comment and compliment!

[sliceofpain]

Im working on the html and css animation right now and i will post it up when im finished. javascript will be next, although I have not learned everything about it. i will learn a thing or two when im finished. Hope you come and see them! :)

[badride5]

I can't wait to see it.