Tag Archive | tutorial

HTML – Web 1.0 vs Web 2.0

Apr11

webWeb Versions

The Web has versions? Yes, believe it or not.

When you create a webpage your using HyperText Markup Language (HTML) to tell a browser how to display the text and images to your visitors.  You can learn more about its history and creation on Wikipedia which has a pretty complete entry for HTML.

Basically HTML had its prototypes developed at The European Organization for Nuclear Research (CERN) in 1980. Physicist Tim Berners-Lee has been credited with starting the whole thing off. By 1989, he began work on a browser technology to easily display the evolved versions of his prototype language and HTML was developed. Berners-Lee and CERN data systems engineer Robert Cailliau collaborated on a joint request for funding, but the project was not formally adopted by CERN. The first publicly available description of HTML was a document called “HTML Tags”, first mentioned on the Internet by Berners-Lee in late 1991. Continue reading →

HTML 105 – Using Graphics

Apr6

imgconstructionPulling In Visitors

A picture can speak 1,000 words. Graphics can add a lot of flair to your web site. They put your words into images and grab the attention of the reader. How many articles have you clicked on, because the picture was intriguing?

Too many graphics can also be a deterrent to visitors. The more graphics you have, the longer your web page takes to load. In a world of instant gratification, if users have to wait, they cancel your page and go on to something else. You must use your own judgment to find that happy medium.

You also don’t want to use graphics that are too large for you article. I don’t mean taking up white space, and condensing your paragraphs to a tiny column next to the image. I mean taking up disk space which affects load time when you’re page is accessed through a browser. Remember not everyone is on a high speed internet connection. But even if they were, you don’t want people waiting for your page to load, because the image files are too large. Continue reading →

HTML 104 – Creating Links

Apr6

linkconstructionWebsite Navigation

If you’re on the web, you already know what a LINK is. It’s highlighted words, phrases or images that take a reader to another page, on your website or blog, or to another website entirely.

They can be used to add information to an article, to categorize information, group services or products for a company, or a variety of other points of interest.  They can even be used to set up any easy method for visitors to send you email.

Links are pretty simple things to code, but they do have a few parameters that are worth noting. Continue reading →

HTML 102 – Setting Backgrounds

Apr3

bgconstructionPersonal vs Business

Backgrounds can be a wonderful way to spruce up a personal web page or create a specific look for a business. Backgrounds can be solid colors or graphics.

Graphics can be used in three different ways.

  1. Tiled Graphics – Vertical and Horizontal
    Small graphics can be used to set a common background that is tiled across the screen both vertically or horizontally. The width and height of these graphics are often small, but they can be any size. They’re usually smaller than 1366 wide x 768 high.
  2. Tiled Graphics – Vertical
    A wide graphic can be used that defines a common width, but is tiled vertically. The typical width of these graphics are 1366 wide, but the height can vary.
  3. Anchored Graphics
    A full size background image can be used to fill up the entire screen, and allows the text and graphics on your page to scroll over that image. This is a common practice for blogs, but there are many websites who use this method as well. The typical size for these graphics are 1366×768. Continue reading →