Final Project Proposals


1. Wheelchairs for All Size Dogs

  1. How you are affiliated with the organization;
    1. This is an organization that I found out about by reaching our to local military community. A good friend of mines, is friend’s with the creator of the organization. This is a start-up that will focus on obtaining and passing on the proper wheelchairs (or carts) for different sized dogs, since they are expensive and can be a deciding factor in whether a do will be put down or not. The only online presence they currently have is their Facebook.
  2. How you would gain information, photos, and content for the website;
    1. The content would be provided by the organization. Including most of the text content for the pages. The organization is fairy new, so they do not have a logo or general aesthetic design that I would need to stay within.
  3. Anything else that would be of interest;
    1. The organization is based in Massachusetts, which means that I will not be able to have face-to-face interactions, but instead will consist of Skype, and e-mail communication. However, I’ve done plenty of jobs (P&G marketing consultant and Freelance Writer) that have been successfully completed without meeting my boss face-to-face.


2. US Naval Academy MOOC Website

  1. How you are affiliated with the organization;
    1. I currently work in the Admission Office at USNA.
  2. How you would gain information, photos, and content for the website;
    1. I have access to the Public Affairs Office (PAO) pictures and professional video, and the classes and lectures that are given daily.
  3. Anything else that would be of interest;
    1. This would be an outreach website that would allow the public to access some of the information and education opportunities for free, via videos of lectures, and special presentations. (In the beginning steps) it would cost little besides my own man power and the server space for the videos, which could be offset by posting the videos on YouTube then embedding them onto the website.This is also not a guaranteed opportunity. Although, it could be great for the Academy and the public, it would need to go through the bureaucracy of being approved. I work in the marketing department so it could be easier to get approval to launch the entire project, but it has not gained this approval at this time.

Week 6

Weekly Readings:


  • Quiz
  • Participation
  • Resume
  • Project Ideas
  • Lynda






Week 5

Reading for the Week:


  • Quiz
  • Participation
  • Lynda Assignments
  • Banner Advertisement
  • Resume 1
  • Style Tile

Here’s an interesting video on the brief history of fonts.


This week was pretty interesting since I got to actually begin working on some design things. Not a whole lot, but enough that it was interesting. A lot of this week focused on choosing fonts for web design.


Here’s my style tile.


Style Tile-version 2

Week 3

This Week’s Reading:

Non-required personal reading:


  • Quiz
  • Banner design
  • Participation


Above is my large banner design for this week’s assignment. It meets all of the requirements for the assignment, but I’m not sure how I feel about it design wise.

This weeks Lynda videos went over a lot of review for me. They included a lot on HTML and some on working in Fireworks. I still don’t see myself using Fireworks much when this class is over, but it’s always good to know more types of software.

Really and truly the most interesting and useful thing from this last week is learning about the different file types for images. I’ve never really known the differences, and always have just kinda blindly chose an option (usually PNG). Here’s the most important information about that from the reading.

JPEG = Joint Photographic Experts Group

  • amount of compression can be adjusted to achieve the desired trade-off between file size and visual quality.
  • use a “lossy” file compression = throws away subtle color differences;
  • once compressed image CANNOT be reverted back to its original quality

GIF = Graphic Interchange Format

  • implemented in the mid-80s
  • GIF files use compression algorithm called Lempel-Ziv-Welch, or LZW
  • lossless” compression – identifies patterns of similar pixels in an image.
  • although not technically superior, format is widely supported and thus well established as the default choice for simple graphics;
  • GIF89a allows for transparency by color or Alpha channel (but not true transparency)
  • Animation is possible in GIF files

PNG= Portable Network Graphics

  • implemented in 1995, gradually gained popularity; not widely supported in browsers until 2006
  • was designed to replace the older and simpler GIF format and, to some extent, the much more complex TIFF format;
  • do not always accurately display on older browsers (anything before IE 7)
  • PNG 8 and 32 formats are available; only PNG 8 is appropriate for the web
  • lossless” compression – identifies patterns of similar pixels in an image
  • Fireworks now offers “true” alpha transparency in the PNG 8 format

Certain types of images are best saved specifically as GIF, PNG or JPG files

  • GIF files are best for type, vector, flat, or hard edged images; handle up to 8 bits, or 256 colors (adjust monitors);
  • JPG files are best for continuous tone images like photographs where blends, gradients and hues create complicated color combinations;
  • PNG files are best for simple web images, or images that require true transparency against a background (ie, drop shadows, etc.).

(adding the block quote not as filler but so that I can find it again.)

I’ll probably spend some more time this next week researching file types a little more in depth so that I can feel very comfortable with choosing the correct types.

Actually, here’s my favorite educational vlogger on file types!

Week 1

This blog post will cover the materiel from week 1 of ART 170: Web Design 1.

The reading list for this week included:

The majority of this weeks assignments were Introductions, and the standard beginning of the semester assignment (Student Academic Policy, etc.), however we did begin to cover the history of HTML, opened p a WordPress blog (but you already knew that), and some nitty gritty of behind the scenes stuff like FTPs and file directories on servers.

I also began to get ahead on the Lynda videos for this class. The weren’t required for this week, but I’m teaching myself the Adobe suites for work, and so I’ve started to learn how to design websites inside of Photoshop, and realized that it would make coding so much easier than just using a pen on paper sketch. Especially since it gives you X and Y coordinates.