Description

Code a custom webpage with HTML and CSS.

Process

  • I created this logo using Adobe Illustrator. This was designed for my consulting business.
  • I resized the logo to to be 300 px wide for this webpage.
  • I created an HTML page and linked an external CSS file to it and added my content and tags to the file.
  • I created the CSS file with all the tags and classes in it.
  • I made sure that the colors on the web page matched the colors in my logo
  • I validated the HTML and CSS files using the on-line validation sites.

 

Critique Process

There was no real critique process for this assignment. I did show it to a few family members to get their initial reaction to make sure that the page did not look weird.

MESSAGE

Basic info about how I created the logo and why.

AUDIENCE

Anyone that is interested in learning about the logo.

TOP THING LEARNED

Anytime creating a web page you have to be careful of straggling html codes and characters. Fix error from the validators one at a time.

COLOR SCHEME & COLOR NAMES

Background color: #1c1e4c

Title bar background color: #92d3ee

Title bar text color: #0e0760

Headings: #0e0760

Normal text: black

Fonts

TITLE FONT NAME & CATEGORY

Abril Fatface / Serif

COPY FONT NAME & CATEGORY

RobotoSlab / Slab Serif