Facebook Twitter Linked Instagram YouTube Google+

...providing creative solutions for print, exhibits, and the web!

Home > Photo Galleries > Branding Photo Gallery

Branding Photo Gallery

This is a photo gallery that explains visually the importance of branding while testing a new Cascading Style Sheet (CSS) Javascript driven Photo Gallery offered by www.jssor.com

This is one of three CSS Javascript driven Photo Galleries Guy is testing. To view the unfinished photo galleries simply click oner of these links:

  1. This Photo Gallery (Image based)
  2. Intro Animated Photo Gallery [Incomplete]
  3. Animated Photo Gallery (Similar to Flash but truly is CSS/Java driven) [Incomplete]
  4. Content Photo Gallery



I am pleased to provide a small lesson on branding using a few visuals.

Using the company logo across all communication products is key in showing your clients that you are a serious company. Consistency across all items will show you are serious and not just winging it.

Your brand is your company logo. It displays the company name. Sometimes accompanied with a tagline.

A corporate identity package normally consists of the company logo on basic stationay items such as: business cards, letterhead, and envelopes.

It can extend to be used as the store front sign, vehicle identification, and other promotional items. A graphic standards manual is provided to ensure the logo and its’ varied color formats are used correctly across all communication products. It will breakdown and specify the corporate colors used in its’ Pantone Matching System (PMS) number, as well as, its’ RGB and CMYK color breakdowns. It also indicates the companies font of choice to use in either a serif or sans serif font.

The graphic standards manual is usually provided to very large companies. A design company will provide this document for the communication department or to any supplier required to reproduce the companies logo and colors.

Common Errors

There are many common errors many new web content owners make. For intance, copying & pasting text from other programs such as Microsoft Word often bring in additional coding hidden within the web page. It may not be visible to the web content owner or the online visitor BUT IT DOES add many errors. I've seen and corrected web pages that had upward of 2,000 errors. A W3C compliant web page should have 0 errors.

Metatags, meta, meta, meta ....

These reside in the <head> or <source code>. They are NOT visible to the online visitor but are crucial for Search Engine Optimization (SEO). Your keywords and additional meta tags is what the search engines like Googler andf Yahoo require to find your page.

Minimum Tags

  • Title Tag: This is what appears in the WEB browser TAB.
  • Document Description: This is what will appear if your share the URL of the web page.
  • Keywords: A list of all the keywords YOU believe online users wiould enter to search and get to your page.

Properly Coded

A properly coded web accessible page will read back the content in order with descriptions explaining what is displayeon the video monitor to even a blind person. There are many devices that read HTML.

The visiually impaired have devices that read the content out loud to them.

Simple and complex tables are coded to read the rows and associated columns.

The Basics

There are 6 levels of HTML headings, paragraphs, lists, and tables. [for a FULL list of ALL HTML Tags, visit W3C .] The Cascadings Style Sheet (CSS) are specific attributes that can affect how headings, paragrams, lists, and tables will appear online. Javascripts perform actions or animate the HTML WEB ASSET. E.g. navigational menu, photo galleries, clock, calendar, etc...

A web page generally consists of the following basic areas:

  • Header: Company logo, login, logout, social media kibkjs, cart
  • Main Navigational Menu: These are your MAIN SECTIONS. They can be sub-divided.
  • Main Content: The MAIN content area. They can have optional left or right columns. Sometimes a sub-menu area is provided.
  • Breadcrumb: This indicates where the web page is located.
  • Footer: Copyright, disclaimer, key menus, site map, return to top of page.


Other Web Tools

W3C [AKA www] are the one's that are responsible for the creation HTML that ALL Internet web pages use.

They offer FREE HTML lessons as well as, crucial HTML Validation service.

Visit the following W3C online sites:

Content Management System (CMS)

A designer with Dreamweaver [which IS THE PREMIUM and WORLD LEADING web content management system] can out perform any predefined Drupal, Joomla, Wordpress, or any othert common CMS.

The predefined CMS often come with limitations that many content owners are simply not aware.

Content Owners

Remember, YOU are the content owner of YOUR web site. You should be aware of very basic web information, such as:

  • Control panel: it resides on your Server. Ther company that hosts your web site. It is where your web site pages reside. It has your email accounts, FTP, statistics, and even web programs to assist you.
  • Domain Name: Domain names are not very expensive. The .com is the most popular. If you afford to purchase the .ca, .net. .org, etc... go for it!
  • Meta Tags: 90% of a web developers me is spent BEHIND the page in the <source code>. It is neither visible to online visitors nor to many content owners but CRUCIAL for getting the major Search Engines to find your page. PRESS the F12 key to view the HTML. ALL, and I mean ALL ONLINE WEB pages use Hyper Text Markup Language (HTML). There are several programs such as PHP, ASP, Cold Fusion, and other web programs but THEY ALL USE HTML.


I've added the Google Translate widget to let my online visitor select the languague of their choice to read my site. This service only works with TRUE HTML. It will not read back photos.

Try it. It's fun to see it in Japanese.

Text Reduce or Enlarge

This allows my online visitors to either enlarge or reduce the HTML text viewed on their devices.


Home | Site Map | Contact
© Guy Mercier  | All rights reserved.