Archive for February, 2010

Week Five, Final Project Proposals

February 22, 2010

The main concept I learned throughout the course of this week was the concept of  applying stock photography within a webpage.  I learned how to download images off of and upload each of them into Fireworks in order to edit the file format of each image as well as the image itself.  I also learned about using the proper techniques in order to export a picture file so that I could export a relatively small picture file, while at the same time, maintain a decent quality image.  One main issue that I ran into was that I learned that for some reason or another, I am unable to “Put” dreamweaver fils on the website. 

Final Project Proposals

Proposal One:  My first idea for my final project was to create my graphic design portfolio within dreamweaver.

Proposal Two:  My second idea for the final project was to create an official website for my friend’s band.  This however would involove me researching trying to figure out what content would be used throughout the webpage as well as what color scheme and layout would be used throughout the website.

Proposal Three:  My third idea closely resembles my second idea.  However, it would be for one of my other friends who performs solo.  However, I would still have to research in order to figure out the layout, color scheme, and content that will be used throughout the webpage


Week Four

February 15, 2010

Throughout the course of this week, I learned about the concepts of color, and color schemes as well as additional skills in fireworks.  I learned about color associations, which involve the emotional attributes within each color (Examples:  Red represents excitement, Green is associated with nature, white is associated with perfection).  I also learned how to use warm and cool colors (cool colors should be used as a background color for a webpage while certain warm colors should be used in order to allow certain elements within a webpage to pop out.  This chapter also served as a refresher regarding the RGB version of the color wheel. 

Regarding Fireworks, I learned about the different auto-shapes as well as how to use the pen tool.  I also learned about the different tools that are capable of manipulating pictures including the burn, sharpen, and blur tools.  I also learned how to change the color of certain parts of a picture within fireworks.

Week Three

February 7, 2010

Chapter one in “Principles of Beautiful Web Design” focused on the basic principles involving webpage planning, as well as its layouts, and overall characteristics towards creating a good webpage.  Before creating a webpage, one must meet with the client in order to discover what contents will be included within the page.  After the meeting, you will have the opportunity to create a number of sketches to show your client before moving onto create the final webpage.  After a layout is considered, you can finally begin working on your webpage.  Almost all websites include a containing block, a logo, a navigation menu, content, a footer, and whitespace.  Grid theory (dividing the length of lines by 1.62), as well as the rule of thirds (dividing a work page into one third sections in order to create a grid) assits in creating a proper webpage.  One should also make sure that a webpage contains balance whether it be symmetrical balance (elements of a composition are the same on either side of the axis line) or asymmetrical balance (involving objects of differing size, shape, tone, or placement but equalize in weight throughout the page).  Unity being another important aspect to a proper webpage refers to how different elements of a webpage interact with eachother. 

Basic webpage layouts include but are not limited to the following

  • Left-Column Navigation:  most widely used layout, the left column is used as the main navigation block while the right column is used as teh main content block.
  • Right-Column Navigation:  Follows the same aspects as the Left-Column Navigation layout, however, the navigation block is located on the right side of the page instead of the left side.
  • Three-Column Navigation:  This layout consists of a wide center column that is surrounded by two  navigational columns to the left and right.  .