CSS and CARP Design

CSS and CARP Project

For our final project in graphic design we created a website to demonstrate our knowledge with HTML files and CARP design. In the project we learned how to manipulate CSS and HTML files to create a website with a better design to it. Last time we created a website it was the bare minimum of what we could do with a website but with the CSS files there is a lot more you can do.

With CSS                                                          Without CSS

C

C in CARP stands for Contrast. Contrast in a work is the difference between 2 or more things in the piece. An Example of this is the dog compared to the text in the CSS. Your eye is immediately drawn towards the dog in the picture. However in the HTML without the CSS has the dog in an odd place and just looks out of place.

A

A in CARP stands for Alignment. In most works Alignment is used to make the piece look neat and organized. This can be shown in the CSS file where all of the text looks in place and organized compared to the one without the CSS file. 

R

R means Repetition in CARP. Repetition is mostly used to have a modern more futuristic design but can be used in other ways as well. In the CSS piece its repetitious in the test format. The stanzas have a distinct way that they are formed compared to the one that lacks the CSS file.

P

Last but certainly not least comes Proximity. Proximity is a weird one. It can make a work dynamic or interesting but if used in correctly it can just make it confusing. In this project the form of proximity wasn't so obvious. The grouping of the stanzas could be considered proximity because of how close they are to each other.

What did I Learn about CSS?

When creating this project I actually wanted to stay away from the videos while creating the website. Being able to learn through discovery rather then a guide is better in my opinion. It allowed me to learn a lot more then I would if I had stuck to the videos. For example by my logic I thought of the HTML file as the frame work of the website. It maybe boring and bland but its absolutely essential in the creation of the website. Then the CSS files is what all you can do with the website. It makes the website have a lot more personality. Overall this project was a good learning oppurtunity and gave me insight as to what web design is going to be like.