CSS and CARP Design

 Overview

This was a web design project to change a poem layout, adding CSS styles and CARP. The only differences between the two files is that one has been changed to be easier to read, and more appealing to the eye. The link at the top will switch the file that's open. Changing the styles is done in the code. The code isn't seen in the final website. There are many ways to change the code. You can go into the code and change it manually, or you can go into design mode and edit the page, and the code will change for you. 

Contrast

My contrast improved a lot in the second file. There now is color contrast, typeface contrast, and font size contrast. The heading stands out much more. The poem isn't all exactly the same font or style. The first line is a key line, so it's bold. The headings are very important, and draw your eyes in, so it's very necessary that they are the biggest things on the page.

Alignment 

In the first file, everything is aligned to the left. In the new one, the headings are centered to bring more attention to them. In the original, the first line is in a weird place and sticks out, being an eyesore. The alignment is just overall cleaned up.

Repetition

In the first file, repetition is used in the sense that everything is left aligned, and all words are the same font, headings and all. In the changed one, repetition is used with color, and fonts. All the colors  came from the picture of the dog. The headings and author are the same, and the last 4 stanzas are the same font.

Proximity

Proximity appears here where the poem is all together, and the titles are separated from it. The link and the author are also more separated from the poem itself. The dog picture is off to the side, hanging off onto the body, creating a good visual effect. In the original, the dog is right in the middle of everything, breaking it all apart.

What I've Learned

I learned how to make pictures float to a side, how to make line height and letter spacing change, and how to use colors from somewhere previously on the page. In conclusion, with this project, I transformed a plain file into a new file with CSS and elements of CARP. I am proud of how the file turned out. It was a relatively easy project, made for beginners. This project introduced me further into web design. 


Comments

Post a Comment

Popular posts from this blog

Senior Reflection

5 Guarantees  Technical Skills In e-Comm I have learned many technical skills of filmmaking. The program has taught me how to use a camera and other equipment, and how to use editing software. This is extremely beneficial for me, as I am going to study these areas in college. I have a solid understanding of these skills before going to college which will help me a lot. I faced a few struggles along the way, but that is simply part of learning. You can't learn without making mistakes.  Communication In e-Comm I learned how big of a role communications has in life. Being apart of a team requires communication from each person for the maximum outcome. When I was apart of projects with a group that had bad communication, the final product was never as good. It will continue to be one of the most important skills to have throughout the rest of my life. Collaboration In e-Comm I have learned collaboration skills I wouldn't have been able to get anywhere else. I learned about the spe...
Read more

10 Words

My 10 Words Project In this project, I wanted to show the 10 words that describe me best. Here are some that mean the most to me. I chose the word dancer because dance is a major part of my life. I do not go a single day without dancing at least a little bit. If I'm not at school, or doing school work, I am most likely dancing. It is a huge part of me and will continue to be.  I chose the word sarcastic because I am being sarcastic 50% of the time I'm speaking. If I am talking to someone I don't know, I try to hold back the sarcasm until i get to now them better. I am a very sarcastic person, and probably will also continue to be.  I chose the word forgiving because I am just a very forgiving person. No matter how bad something you do is, I will still very likely forgive you. I have in the past forgiven people so many times as to where it gets to the point that they will just take advantage of me. Sometimes I'm too forgiving. Lastly, I chose the...
Read more

My Logo

Image
My Logo Process Attached are all the art boards from my logo design project. The process of creating my own logo was a long one. I started out by sketching my ideas. I tried many different shapes and styles. Once I decided on my top 3 to bring to life, I went to Adobe Illustrator. I started with black and white, just to see if the shapes would compliment each other, or be appealing. I tried my simplest circle idea, and it went well. When I tried to do the more advanced ones with odd shapes, I didn't have enough Ai experience or knowledge to make one well. I tried to do them implying the rose, and using circles, but I did not like how it looked. Then, when I decided to just stick with the simplest option, it was time to add color. I began with trying analogous colors for contrast between the circle and the letters. I decided I liked the tone and simplicity of the blues. While playing with color, I wondered what it would look like with a stroke. So, I tried the dif...
Read more