Process (Programs, Tools, Skills):
I created this web page using only TextWrangler. I had never seen or written any HTML/CSS. It was interesting to see how you could make a web page by only using a simple text editor. It was also interesting to use the http://www.W3.org HTML validator. It was useful to have something check to see if I had any problems with my code.
After I marked up all my content and inserted my image, I attached a pre-made CSS document to my HTML. I then used the colors from my logo as the colors for my web page (pink and grey). I found these colors by opening Photoshop and using the eyedropper tool. I also changed my fonts to Times New Roman, Shadows Into Light, and PT Sans Narrow. I declared some backup fonts just in case the viewer’s browser didn’t have these fonts. I also used padding around the logo and text so that they would not be too close to the edge of the web page. This was one of the most challenging parts of working with CSS. Programs/Tools Used: TextWrangler & Photoshop
Message: That my made up company, (Raegan Martin Design) is a fun place for people to go and have things designed .
Audience: Mainly a more feminine audience.
Top Thing Learned: How CSS and HTML works.
Color scheme and color hex: Analogous: Pink #facabc #f2ca14; Grey #555557; White #FFFFFF;
Title Font Families & Category: (all names) “Shadows Into Light”, serif; Script
Copy Font Families & Category: (all names) “Times New Roman”, Georgia, serif; Oldstyle
“PT Sans Narrow”, serif; Sans Serif
Changes made to the CSS: I changed the font families, I also changed the colors to match my logo, and I changed my background to a photo.
mar14044 