CSS and CARP Design

CSS and CARP Design

Overview

In this project, we redesigned a website. We were given a starting website and with help from some instructions, we made it look better. We started by opening the project in Adobe Dreamweaver. We followed a list of things we needed to change to improve the design of the text, picture, and website. The final product of the website looked much nicer and more organized than the original website. 

Contrast

I improved the contrast of the site by changing the color and bolding some of the text. This made things like the title and first line stand out more. I also changed the font of some of the text, also allowing it to stick out. 

Alignment

I improved alignment by moving all of the text to the left and moving the picture to the right. I also centered the title and subtitle. This alignment gives them more contrast. 

Repetition

I improved the repetition by making all of the paragraphs the same font, size, alignment, and color. This made the website look much more appealing. 

Proximity  

I improved the proximity by increasing space between lines. I also increased space between the text and the picture. Spacing out the text makes the page look nicer and helps certain things stick out. 

What I learned

Throughout this project, I learned a lot about how to use Dreamweaver and how to mess with code. I enjoyed this project because I have always enjoyed messing with code. I enjoy reprogramming the Google search engine to have a different logo and different text, however it resets, while Dreamweaver encourages me to change the code!