Introduction to Web Design Basics

Experience Level: Beginner

Articles labeled as Beginner are those that require basic tasks to be completed, such as making simple configuration changes following a brief set of instructions. If you find yourself needing assistance, our Technical Support Department can generally assist.

As you begin to plan your website, often times the hardest part is truly just getting started. With so many different tools on the market to help you build your website how do you know what to choose? It doesn't make a difference what tool such as WordPress or Dreamweaver at some point you may find yourself having to edit the actual code to make the site meet your needs.

The web design in some aspects is just as important as the content. If your website has a visually appealing look and feel, your visitors will be more inclined to read the content on the website. It is important to understand the core basics of web design and coding.

How to create your first HTML page

To create a website using HTML, there is a few different programs available such as DreamWeaver, and Microsoft Expressions Web. While these editors are built for web design, a simple notepad program will do just fine and the easiest to use. Once you type your HTML code, you can save the file as a .html file. This will automatically create the file as a HTML file.

What is HTML

HTML is the easiest language to design your website in. HTML is an acronym for Hyper Text Markup Language. HTML has been used since the early 90's and is the standard language that all web browsers can read. HTML is used to change the text, images, and other aspects of your website. For example let's make your first HTML page:

This will display the line of text This is how to bold text on a page. There are hundereds of different tags and quite a few ways to accomplish the same tasks. The term tag refers to the code in the <> brackets and creates a starting and stopping point for whatever attribute is being used. Tags are not seen by the visitor and just there to tell the web browser how to display the content.

Within the rest of the tutorials that are included in this section we will cover other topics that include tags, fonts, colors and simple tools to get you started. If this is your first website, we recommend using a content management system such as Premium Web Builder or WordPress which are both free. Premium Website builder can be used with one domain on your account. Subsequent websites there is a small license fee to use it.

Comments

0 #5 modernninja 2012-02-13 18:43

Also, w3schools.com is a comprehensive outline for all web formats as well...I'm enjoying learning from here, but where I can't find it here, it's available there.

0 #4 modernninja 2012-02-13 17:49

should recommend notepad++ for notepad editors...it actually helps immensely in recognizing whether or not you forgot to close your tags and other things like that. And it's open source...

0 #3 Tim S. 2011-12-27 11:12

Hi SEO4Profit,

Thanks for posting your comment. You're right, it's not bold since we limit the HTML code you can place into comments. If you look in the tutorial, you'll see the code in one place, then undrneath it we display how the bold text looks.

I hope this helps!

If you need further assistance please feel free to contact us.

Thanks!

Tim S