CSS and CARP Design 

             We have been working on a project in Dreamwaver. We are given a messed up web page that is in need of a new design. Once we were given our page we began using codes to design and make this page look better. The HTML is very difficult to do, but with the CSS it is easier to use. The style is different because the codes are different on each one so thats why both of the pages look different. 

Contrast: contrast is mostly color. We used the colors in the dog for the text and for good contrast we used different shades of brown. This helps the text all go together without anything clashing and looking misfit.

Alignment: alignment is the way the text lines up. Before the text was out of line and all over the page but using codes we got the text to line up. This helps the page look clean and easy to read.

Repetition: repetition is how your design goes together, a constant font or color can be repetition. The whole web page has similar colors, like the colors from the dogs, and the fonts are consistent. 

Proximity: proximity is "grouping" this is a poem and all the paragraphs are grouped together so it looks clean. The beginning paragraph is italicized to group it from the other paragraphs. 


I learned that CSS can be hard to use  but it is easier to use for coding and designing a website. It is used to design and make websites or pages look better. This project I have learned how to design and make a website page to look better! 



Comments

Post a Comment

Popular posts from this blog

Image
                                                                 Ella Interview This week my group has been working on an interview project. We chose to do an interview on Ella who is a dancer in our class. We started the project by making questions to ask Ella, once we finished that we scouted an area to do the interview at. The nest day we asked Ella the questions and the interview began. After we finished the interview we went out and filmed broll to put in the video. Finally, after we had all our video we began working in Premiere Pro to work on the video. I had to change some of the lighting and audio to make the video flow, I also had to make a voice over.          I was the director so I was in charge of the video and i kept everyone on task and I helped film the broll. I learned to st...
Read more
                                                  News Story Blog NEWS STORY Brady Slavens is a senior at Olathe Northwest high school. Brady has been playing baseball for about 10 years. He works hard everyday making himself better and working towards doing baseball as a career, but he doesn’t just work hard for baseball, he also is a very good student. He strives to have A’s and has been awarded many academic rewards. Even with his smarts he wants to be a professional baseball player, that’s his dream.   When I talked to Brady about his time commitment for baseball he said he works on his skills everyday whether at baseball practice or going outside with his dad to practice. Brady is a very good influence on his friends and is a role model at Olathe Northwest and he has big plans for his future. When writing a news story there ar...
Read more
Image
                                        Video Production Final Blog ONW NOW News Story This week we worked on a news story for ONW NOW, this was our last video for the semester. This video took us about a week to do but with some set backs it took us a little over a week to finish.    We decided to film Mr. Zuck to ask about his opinion about the laptops. We had to reschedule 2 times so that threw us off track but those days we spent filming broll. Once we got an appointment we began by asking Mr. Zuck the questions we wrote about the laptops. I learned that sometimes you plans won't work out how its suppose to so we need to have plenty of back up plans to assure that we will have our film for the video. My teacher had some feedback for us that we need to have a strong back up plan so we aren't rushing to finish in the end. The original video we were planning on...
Read more