Project 7: Web Page


Screen Shot 2016-06-25 at 8.17.07 PM

  • Description: This is the first HTML site I created for a photography company. I used the logo from “Project 5: Logos”. I used a photograph that I took myself of some Steel Wool photography.
  • Process (Programs, Tools, Skills): I started out with an HTML and a CSS template in TextWrangler. I replaced the original image with my own logo in the HTML. I put in my information and details about the project in the HTML. I then went into the CSS and placed my photograph in for the background. I changed the opacity on the body copy so that my photograph could be seen in the background. I also changed the HTML title, Heading 1 background, and the body border to the same monochromatic color scheme as that of my logo. I then inserted a link and hyperlinked it to my blogpost in WordPress. This took me a couple of days to code.
  • Message: The message of my site is to have a site for my audience to see how they can trust in my company to give them great photographs.
  • Audience: My audience is the general public that wants photographs done. The age range is more from youth to middle-aged adults (14-30 years old).
  • Top Thing Learned: The top thing I learned was how to code in HTML and how to code CSS as well. I’ve never coded before. I’ve tried learning but never had the time to delve into it.
  • Color scheme and color hex(s): Teal, monochromatic color scheme; Title Background color – #0ca69e, Sub heading color – #66c1c0, Body border color – #66c1c0
  • Title Font Families & Category: Dolce Vita (Top Heading) Sans Serif, and Verdana (sub heading) Sans Serif
  • Copy Font Families & Category: Times New Roman, Old Style Serif
  • Changes made to the CSS: I changed the background image to one of my originals, I changed the opacity on the body copy, I changed the title color background, sub heading color, and the body border color.
  • Word Count: 406 words.



2 thoughts on “Project 7: Web Page

  1. Love this! The background looks amazing. Your color scheme of your logo works great with your text. Your alignment and spacing is really good. I also loved the fonts you used for your title. Here’s another blog.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s