CSS and Carp Design

-

Web Design using CSS and CARP


Overview

For our second assignment for web, we were guided by video in transforming a boring web page to one following the values of CARP. Using Dreamweaver, we were able to code and design websites centering around the poem, "Another Reason Why I Don't Keep A Gun In The House." The difference between each of the HTML was the use of CSS designer in the updated version. 

Contrast-

Since the contrast is typically the first thing viewer sees, the title was made to stand out from the rest of the webpage. At first, the title was only black and used a boring font that wouldn't attract a reader. So, the color was changed to a dark tan to match some of the fur on the image of the dog. Then, the font was changed to much bolder font family, and the size of the text was made bigger.

Alignment-

At the start of the assignment, everything was right aligned and had nothing special about it. To fix this, the title was moved to the center of the page in order to show it's importance. The image of the dog was also moved, but to the right side of the screen away from the main text in the poem.

Repetition-

The theme was kept consistent by maintaining a similar color and font scheme throughout. The colors are all copied from the dog's coat, and the fonts are all fairly basic and don't clash with one another. 

Proximity-

The proximity in this assignment was very basic, considering there was not very much wording.  The title is together at the top of the page, since it's the first thing that a reader should see. Then, the stanzas of the poem are all grouped together in the center of the page.

What I've Learned

From this assignment, I actually had to go into the coding view, which was a bit confusing, since there were some conflicts with it. Although overall, I definitely think a basic understanding of coding will help me in the future. 




Comments

Post a Comment

Popular posts from this blog

First Semester of Video Production

-
Image
First Semester of Video Production          We started off this semester with about two weeks of learning about the cameras, shots, and tips about lighting and audio. Although they weren't very fun, I did learn more about the cameras and just how much coloring can affect your video. Our first assignment was to create a video about procedures at ONW. I had a creative group so we were able to think of an idea quickly, and a form of showcasing it without making it too boring. We did our video about how students shouldn't eat on the carpet. I really liked this assignment because we were able to make a fun video about a topic we would've eventually gotten lectured over during class. This assignment made the videos that eComm makes about procedures every year seem like a cool opportunity.                   Our ONW Now News Story was over the fall play, And Then There Were None. My group easily decided on a vide...
Read more

First Semester of Junior Year Graphic Design Reflection

-
First Semester of Junior Year Graphic Design Reflection Throughout my first semester in graphic design, I've gotten the opportunity to go more in depth with design processes like patterning, illustration, and branding. From each of these projects, I have taken away at least one of the five guarantees of eComm. The most relevant of them being technology, as we spend most of our days designing on the computers. I've learned a lot of new features in our software this semester, especially the type that relates to patterning. I first used it with our patterns for the subscription box project, turning my designs into swatches and replicating them for the dielines. I'll definitely be able to use this with future projects and endorsement opportunities. The next most effective guarantee for me was communication. I relied a lot on the feedback and constructive criticism from my peers to critique my work. I took their thoughts and combined them with my own self-thoug...
Read more

High School Movie Trailer

-
Image
Ferris Bueller Trailer Remake           For this project, we were assigned to do a shot by shot remake of a movie trailer taking place in high school. Collectively as a class, we had to brainstorm which movies we'd be interested in. We were placed into groups based off of our favorite ideas from there. I was put into the Ferris Bueller group, which was my top vote, so it was a relief. From the start, my group was very organized in getting everything ready to film. We set up a google doc and had all of the shots organized, the costumes sorted out, and formulated a prop list.  One of the best decisions we made during pre-production was casting mostly inside of our group. It really helped with scheduling later on. We made sure to cast people who could film during school, or had a connection to one of our group members.           Filming was a bit difficult at times, because we had to reschedule a couple of times. We began filmi...
Read more