Skip to main content

CSS and CARP design

Introduction

In this assignment I used the rules of CARP (contrast, alignment, repetition and proximity) to fix a generic html with a poem on it to make the newer, better looking, version of this page. Some differences included changing the text and background color to match the dog. I used the same colors for multiple areas on the page to make it look clean and the same all the way through. I also changed the size of text around the page it fit it better, and to wrap around the picture of the dog.



Contrast

Some differences referring to contrast included changing the text and background color to match the dog. I used the same colors for multiple areas on the page to make it look clean and the same all the way through. The darker brown text stood out against the light tan background. The black border around the page brought a neutral color that wasn't brown to the page, pulling the poem and other elements together.

Alignment 

To make the page aligned and flow all the way through, I subtly wrapped the text around the picture of the dog and made the picture smaller so its not overpowering to the rest of the page. To make the text look clean and cut, I started all of the lines on the left, which caused the look of a perfect line going down the page, bringing it together.

Repetition 

I used repetition in both alignment when making all of the lines start on the left side and when making most the colors shades of brown, white, and black from the dog. All of theses things brought the page together and made everything fit.

Proximity

To make a page clean looking uses a lot of proximity. All text was kept the same size except for the headings. Every line was also evenly spaced and between each paragraph was double the space. The black border around the outside was the same size line all the way around.

Conclusion 

I learned how to use CSS when designing by using multiple parts of CARP design. Using all of the aspects together makes a clean, good looking, end product. I learned the importance of paying attention to detail and using repetition throughout a whole product.



Comments

Popular posts from this blog

Semester reflection

Starting the year This year started with my self portrait video. I put a lot of effort into this video and I feel it came out as good as I wanted it to be. This was a good start to the year for me and the videos that followed only paralleled this. Working in groups has helped with my other projects also, getting multiple point of views. Progression of the year I feel I have improved throughout the year with editing and filming. I have learned a surplus things to think about when taking shots for a video. I learned to think about the 6 shot system to create variety in my work. I was able to practice my editing skills with every video I made. End of the year By the end of the year, I feel that I have learned valuable tips on how to create news stories and put together interviews. Not only have I gotten better at creating stories, but I have improved in question making, filming, and editing everything together to create an interesting an informative video. With that, I have al...

Tres Leches Recipe

Tres Leches Pastel       Tres Leches es un plato de Costa Rica. Yo elegé hacer este plato porque a mi me gusta pastel y las fotos de el pastel lucieron bien. Después   de yo leí la receta yo descubré es muy facil hacer. Tambien, a mi me gusta cocerme. Ahora, yo escribo las instrucciones para prepar la receta. Los ingredientes:       1: 1 cup harnia -Auto Mercado, $259        2: 1/4 teaspoon sal -Auto Mercado, $89       3: 5 huevos -Auto Mercado, $139       4: 1 cup azúcar -Auto Mercado, $199       5: 1 gallon leche -Auto Mercado, $299       6: 1 teaspoon vanilla -Auto Mercado, $559       7: 1/4 cup crema espesa -Auto Mercado, $359       Total en dolares: 19.03        Total en colónes: 1903.00                       ...