Web Elements

EXAMPLES OF VARIOUS ELEMENTS THAT CAN BE PLACED ON A WEB PAGE.

Text

This is bold and this is strong. This is italic and this is emphasized. This is superscript text and this is subscript text. This is underlined and this is code: for (;;) { ... }. Finally, this is a link.

Heading with a Subtitle

IT IS A GOOD IDEA TO USE A LOT OF WHITE SPACE

An attractive website can help your "curb appeal".

Heading with a Subtitle

DIFFERENT SIZES OF TYPE CAN HELP YOUR READER IDENTIFY WITH THE MORE IMPORTANT AREAS.

Sometimes less is more sometimes more can look like less.

Blockquote
Another way to draw your reader's attention to a certain area of your website. What do you really want to tell your viewer? Does it make sense to cut to the chase?

Lists

Unordered
  • Just bullets no numbers
  • Can be placed anywhere
  • You might want just one bullet
Alternate
  • Information
  • Before and after
  • Next on the menu
Ordered
  1. A numbered list
  2. Monday
  3. Wednesday
  4. Friday

Table

Version One
Name Description Price
Item One Blue and white tank top 29.99
Item Two Red long sleeved top 19.99
Item Three White cropped pants 29.99
Item Four Purple clamdiggers 19.99
Item Five Black tank dress 29.99
Version Two
Name Description Price
Item One Blue and white tank top 29.99
Item Two Red long sleeved top 19.99
Item Three White cropped pants 29.99
Item Four Purple clamdiggers 19.99
Item Five Black tank dress 29.99

Buttons

  • Disabled
  • Disabled

Form

Characters Left = 500

Images

Examples of image placement.
wcgraphicdesign.ca
wcgraphicdesign.ca
wcgraphicdesign.ca
wcgraphicdesign.ca
wcgraphicdesign.ca
wcgraphicdesign.ca
wcgraphicdesign.ca
Left & Right

wcgraphicdesign.caThere are thousands of different ways to set up a website with different kinds of coding, visuals and text. Start with the most important elements and then you can leave it or embellish as you wish. A website could be JUST text or images or a combination of both. All will need coding of some sort, whether it be HTML or something more complicated. A website can be just one page or hundreds of pages.

wcgraphicdesign.caOne can save time by making most decisions before you contact a website designer. Take a look at some websites that you like and gather ideas. The functionality of the site is important. The visuals and color can always be changed or added later. Think of your audience. Maybe your website will be best suited to mobile devices rather than a larger screen.