Learn Web Design

62
rate or flag this page

By twhiston


Building A Great Site Is Not As Hard As You Might Think!

Many people would like to have their own Website, but are intimidated by the idea of actually building it because they think the process is highly technical. The truth is you only need a few basic skills to build a great looking Website in a short amount of time.

There are lots of courses and tutorials online that will teach you the basic concepts of quality design. But if I had to squeeze the concept of Web design into a sinlge paragraph here's what I'd say...

Basic Website design is accomplished by typing simple commands - called HTML tags - into a document which is saved as .html. These commands are known as "markup language", and they tell a Web browser how to organize and display the document content on a computer screen.

The above is a super simplified explanation but it's enough to get you started. I recommend learning the how and not worrying about the why unless your plan is to become a professional Web developer.

Below is a basic reference chart for some elementary HTML tags:

<BODY>...</BODY> Contains the viewed portion of the document

<BODY bgcolor="color"> Sets the color of the background in hexadecimal code

<FONT>...</FONT> Changes font attributes for text within the tags

<FONT size="value">...</FONT> Sets the font to a size from 1 to 7, with 1 the smallest and 7 the largest

<FONT face="name">...</FONT> Sets the font face

<FONT color="color">...</FONT> Sets the font color using hexadecimal code

<P> </P> Creates paragraph

<br> Creates single line break

<H1></H1> Largest headline text

<H2></H2> Smaller headline text

<H3></H3> Smaller headline text

<H4></H4> Smaller headline text

<H5></H5> Smaller headline text

<H6></H6> Smallest headline text

<IMG> Embeds an image in the document at the location of the tag

<A>...</A> Designates the origin and destination of a hyperlink

<A href="url" mce_href="url">...</A> Creates a hyperlink

This short list of basic tags is literally enough to get you started! In fact you could build a complete Web page with these alone.

Open up a text file or basic HTML editor program and just start playing. That's exactly how I started out and I eventually came to own a highly profitable Web design company!

TIP Visit a simple Web page you like, right click your mouse somewhere on the page (not over a link or image), and select the View Source option from the right-click pop box. This will open a document with the Web pages' HTML source code.

Use this to get an idea of what's going on, then apply some of the tag's above to have a go at your first basic page! :)

Website Creation Course


Print   —   Rate it:  up  down  flag this hub

Comments

RSS for comments on this Hub

No comments yet.

Submit a Comment
Members and Guests

Sign in or sign up and post using a hubpages account.


optional


  • No HTML is allowed in comments, but URLs will be hyperlinked
  • Comments are not for promoting your hubs or other sites

Articles From My Web Design Blog:

  • 101 Website Creation – Easy Steps to Success! – Part 1

    101 Website Creation – Easy steps tο success! – раrt 1 Wе′re going tο bе looking аt tһе process οf сrеаtіחɡ a web site аחԁ һοw tο mаkе money online wіtһ уουr site. Wе′ll take уου through tһе steps οf choosing a domain name, web site hosting, designing уουr pages wіtһ web site templates, adding content [...] - 5 minutes ago

  • Wordpress Thesis Theme Introduction

    www.diythesis.com – Overview οf Features аחԁ Reasons fοr getting Thesis Theme fοr Wordpress - 3 hours ago

  • Basic Understanding on Website Creation

    Before уου ѕtаrt playing wіtһ уου favorite HTML editors, FTP clients, аחԁ Domain registrations, іt’s crucial tο һаνе аt Ɩеаѕt a basic understanding οח website creation. Tһіѕ article gives уου аח easy tο understand look οח tһе process οf building уουr οwח Website. Wһаt іѕ a Website? A website іѕ a set οf files tһаt work [...] - 4 hours ago

working