Tag Archive | graphics

HTML 105 – Using Graphics

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 102 – Setting Backgrounds

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

Web Design Tools

webtoolsWhat Tools You Need

No matter what kind of site you’re going to be putting up on the internet, there are tools you’re going to need to make it easier to post articles and pictures.  You may want an HTML editor to help you design web pages, or you’ll need an FTP package to help you transfer files to your web space.

All websites and blogs will use graphics, so a good graphics editor will also come in handy. But which ones do you need and which ones are free and easy to use? I have a few suggestions. Continue reading