Often sites are built around a color scheme that makes use of so-called
complementary colors (i.e., those that appear opposite one another on a
``color wheel''). To choose a color scheme and to get ideas for your own
site take a moment to visit a variety of sites. Designers call this process
``finding inspiration''. Find three sites you particular like from an
aesthetic standpoint and save their URLs for later use.
There are several ways to select a color scheme. Try as many of these
approaches as necessary until you have some colors you feel comfortable
- Use the ``inspect element'' feature of your browser to see what
colors are used by one of the sites you like.
- Visit a site such as http://paletton.com and select
``add complementary'' and then use the wheel to investigate
various color. This and other tools have a lots of ways to tweak
color schemes if you find something you like.
- Play with RGB values until you find a foreground/background
combination you like and then use those colors as a starting
point. You can plug those colors in as a starting point to
a color wheel tool to see variations on those colors.
Begin by copying your project files from hw01 to hw02. Then
make modifications to your project in hw02. Use inline CSS commands to
structure your site as rectangles to match your drawn design from homework #1.
The page should have a fixed-width design that centers itself in the browser.
Your site should also be styled in accordance with your color scheme.
In addition to the existing content you should add the following information
on your site:
- If you site has a menu add links to the three sites you chose as
your design inspiration. If you do not have a menu then add the links
to one of your content panels.
- In one of your content panels display the RGB values you are using
for your color scheme (e.g., background: #eeeeee, text: #222222,
headers: #888888, etc.). This would likely be in the form of a list.
This assignment is graded out of 20 points with 4 of those points being
allocated to aesthetics. As you know aesthetics is a somewhat subjective measure
so I don't know exactly how to tell you how you can be guaranteed to earn all of
those points. What I can tell, however, is that students who spend a substantial
amount of time working with various colors and layouts tend to have better
looking results than those who do the minimum amount of work and don't tweak
their original design and color choices.