Thursday, September 29, 2011


A web page is created using a language called, Hypertext Markup Language, better known as HTML Code. You can write your own coding within a plain text editor, such as Note Pad, or use an HTML editor, which will write the code for you.

HTML codes, also referred to as HTML tags, are enclosed by the lesser than (<) and greater than (>) brackets and may be written in capital or lower case letters.

The opening bracket is followed by an element, which is a browser command, and ends with the closing bracket.

<font size="2">

An element may also be followed by attributes, which are words describing the properties of the element, and further instruct the browser.

<font size="2">

Attributes are only contained in the opening HTML tags to the right of the element and are separated by a space and followed by an equal (=) sign.

The value follows the equal sign and is enclosed in quotes.

<font size="2">

Here is some code that will display an actual Web Page

<title>Your Page Title</title>

This area will contain everything that will be visible through a web browser, such as text and graphics. All of the information will be HTML coded.

For a complete list of HTML codes, tags and examples, see HTML Tags/Codes/Web Page Design.


<html> - Begins your HTML document.

<head> - Contains information about the page such as the TITLE, META tags for proper Search Engine indexing, STYLE tags, which determine the page layout, and JavaScript coding for special effects.

<title> - The TITLE of your page. This will be visible in the title bar of the viewers’ browser.

</title> - Closes the HTML <title> tag.

</head> - Closes the HTML <head> tag.

<body> - This is where you will begin writing your document and placing your HTML codes.

</body> - Closes the HTML <body> tag.

</html> - Closes the <html> tag.

Monday, September 26, 2011

Web Design - Sep 26

Create a web banner for your fictitious company.

  • Banner size - 900 px wide by 200 px high
  • Logo should be in the banner somewhere. Best practices place the logo in the left corner, but if you have a better idea, go for it.
  • Background of your web banner should be a photo that integrates well with your product. For instance, if your product has something to do with golf, a golf course could be your background. Feel free to use any of the photos at My Flickr page for your background.
  • The main attention getter of your banner should feature a photo of you interacting with the product. Again, if your product is golf related, you could be using it somehow in the banner.
  • Overall, the banner must be the best looking that you can make it. Parts must flow together without the "cut and paste" look and feel of a poorly designed graphic.