CSS and CARP Design

Original Template

Finished Product

For this project, we had to take the template on the left, and add CSS styles to it to make it become the image on the right. These two sites started off as the same file, but the difference is that the finished one has many CSS styles put on it. The CSS styles are designing factors and changes that are put on something like a website or picture or a poster to make it look better. It can change color, the organization, and overall look of what you're applying it to. 

These especially help with CARP. Contrast, Alignment, Repetition, and Proximity.

Contrast: The first style started out as very plain, boring and similar but the CSS styles added different colors and fonts to spice things up a bit.

Alignment: Before all of the text and the picture were lined up correctly and looked neat, it was all over the place. CSS styles cleaned this up.

Repetition: Even with all of the added design, there is still repetition with the colors and the fonts. They either match or compliment each other.

Proximity: Instead of being all jumbled up, the individual paragraphs have a good amount of spacing between them for viewing.  

My favorite new technique I learned to do with CSS design was all of the text functions. There are many different things you can change from original basic text. Font, size, color, type, design, and adding links are all different tools within Dreamweaver.