CSS and CARP Design


     We are finishing a short project in Dreamweaver on CSS and CARP. We were giving a basic, poorly designed webpage and tasked with making it better without changing any of the actual content. Formatting, color, fonts, and overall style was moved around to produce a much better looking outcome.

     The new design uses Contrast with its color mostly. The main area is a pasty white while the background is black. The first paragraph of the poem is in a different font, and the title is much larger than the rest of the text.
     The new design uses Alignment by keeping all the paragraphs on the same invisible line. The title and subtitle are both center-aligned. The text at the very top is also aligned with the poem.
     The new design also uses Repetition by using the same colors and fonts multiple times. Georgia is used for the two titles while most of the poem is all the same font. The tans, pasty white, and black is all from the dog's fur colors.
     Lastly, the new design uses Proximity by keeping the paragraphs the same distance apart from each other. There is also a consistent space between the text and the edge of the white backdrop, with the exception of the dog.

     In the end, I have become more experienced with Dreamweaver and CSS. Little things can make a big difference because every change made was the result of tiny little changes in the formatting and code. There are a million ways to do things and it can be fun to experiment with the possibilities.

Comments

Post a Comment

Popular posts from this blog

Houses

Image
     Our most recent project in my E-Comm class has been using the program Sketch-Up. We were tasked with finding a house on houseplas.com and turning it into a 3-D model on Sketch-Up. This is the house I used: https://www.houseplans.com/plan/2176-square-feet-2-bedrooms-2-bathroom-country-house-plans-0-garage-36032      We started with the outline of the house, and added the roof, windows, etc. When we were fully done with creating it, we went and found seamless textures to color it how it's supposed to look. (As in wooding siding, or shingles for roofing.) Here are the three textures I used.      O nce we finished with designs and colors, we chose at least six different angles to view the house, and creating a small animation by putting them together. Here is my finished product, and I hope you enjoy.
Read more

Video Reflection

     In Video Production for the past few weeks, we have been hard at work finishing up our Sophomore Edition of ONW NOW (our schools weekly 10 minute news show). Even before that, we have done videos such as a feature story on a classmate, and then one on something of our choosing. Overall, while some things were a challenge, it was mostly enjoyable. I got to interview many interesting people, talk about cool stories, and work with fun people.      I learned a lot and I am starting to get more comfortable working with the equipment and interviewing people. Adobe Premiere Pro is getting easier to use and I'm learning all sorts of tips and tricks. I probably could have done better on some things, but that's all in the process of learning. Improvements      I could probably improve in areas such as my editing, speed, and productivity. It's always the little things that trip me up in editing, tiny little mistakes here and there. I just need...
Read more

Semester Reflection

Image
Graphic Design Semester Reflection      So far this year, I have worked towards completion on one of my longest projects: a subscription box. Between designing patterns and deciding composition, it's only halfway done but it's still an impressive progress. The Takeaway      Each of the five guarantees played an important role in the learning process. With technology, I had to learn to design and create digital patterns, something I was not used to nor prepared for. I made my way through by asking questions and learning from mistakes. The composition of the box was also important lest it come out wrong. We only get one try with the boxes so it mattered greatly.      I continued working on collaborating and communication too. These were important to both understand the parameters of the project as well as catch hiccups along the way. By talking with fellow students and checking in with the teacher, I made sure to get things done cor...
Read more