Skip to main content

CSS And CARP Designs

Overview

For this project we took a pre-made HTML and applied a bunch of CSS rules. Some of these rules include font style, family, margin spacing, color, and line hight. We also linked the original to the page we added all the styles to. This was a great project to get us familiar with editing CSS styles.


Contrast 

We created bold titles so it would contrast and draw your eye to it. We also added color to important text like the title so it would stick out.


Alignment  

We made the text left align because it makes it easier to read and it looks really clean and organized. It also would look really off if we made this page center aligned.



Repetition

We have repetition in the color of the title and link because it shows up in the dogs fur color.
This really helps everything look unified and connected.


Conclusion

This was a very well put together project that got us even more familiar with dream weaver. It also helped us figure out locations of CSS styles and how to change them.






Comments

Popular posts from this blog

2020 Film Reel

My film reel is meant to portray teen life, adventure, and a little bit of conflict. I feel that this reel mainly showcases cinematography, and editing, and lighting. I used beat sink on some of the shots but not all so it didn't become predictable and boring. I also had some actions happen to the beat of the song. When ending my film reel I chose a really bright outside shot full of warm colors, I chose to do so because it ends the reel on a positive note. I also only choose shots that were really cinematic to include in my film reel. Thats probably why my reel was shorter than a minute, but I plan to add a lot more work after the completion of my music video. I used three works in this film reel: Perfect Putty,  Levis Commercial, and Wimp. For the most part transitions between these pieces worked pretty well, but there are a few jarring cuts because of drastic lighting changes. One thing I would like to change next time I update my reel is the music, its spliced together in som...

Logo Color Schemes

Logo Color Schemes Analogous                                  This logo uses the analogous colors of yellow, light green, and green. I think the company chose these colors to make their logo look smooth, and aesthetically pleasing.                                         This logo uses the analogous colors of yellow, red, and orange. I think the company chose these colors because it makes the logo look warm, and comforting. This logo uses the complementary colors of red, and green. I think the company chose use these colors because they go             together very well, since they are complementary  This logo uses the complementary colors of blue, and orange. I        think the company used these colors, because ...

Ball Bounces

Overview  We had to make three animations that included a ball bouncing. One with a vertical bounce, one with a arc ing bounce, and one where we create what ever we want as long as it incorporates a bounce. All three of these animate were made in photoshop. What I Learned I learned how to make video timeline animation in photoshop. We started off by making a background and a ball. Then we made multiple layers with our ball and the direction it goes. Next we turned the layers into frames and made it a gif. How It Went Overall it went very well and was very. There were some parts that were difficult, like when I accidentally deleted all my frames. Overall it was a fun project and a great learning experience