Erica Caldwell: 2011

Thursday, April 28, 2011

Tuesday, April 26, 2011

website in transition 5

with new masthead and background image. just need to find the right font for the main container headings and paragraphs

website in transition 2

With more text and the masthead. Still need to play with the text for the main container. Also trying to add an opaque photo for the background

april greiman artwork

Photographs I'm going to use for the webpage about April Greiman

css masthead typefaces

Possible typefaces for my webpage about April Greiman. My inspiration is her drive-by shooting series

Thursday, April 21, 2011

Tuesday, April 19, 2011

<html>

<body>
<h1 class="bold">Resume</h1>

<h2 class="bold">Name and Contact Information</h2>
<p>Erica Caldwell</p>
<p>485 E Main St Manheim, PA 17545</p>
<p>717-946-0837</p>

<h2 class="bold">Objective</h2>
<p>Sports Photographer</p>

<h2 class="bold">Education</h2>
<p>Millersville University
   <li>Bachelor of Arts with a concentration in photography</li>
</p>
<p>Eastern York High School
   <li>High School Diploma</li>
</p>

<h2 class="bold">Experience</h2>
<p>1 year internship with the York Daily Record
   <li>Assistant to the sports photographer</li>
</p>

<h2 class="bold">Skills</h2>
<p>Computer Skills
   <li>Understanding of Microsoft Office including PowerPoint, Word, Entourage, and Excel</li>
   <li>Basic knowledge of Adobe Illustrator and InDesign</li>
   <li>Understanding of Adobe Photoshop</li>
</p>
<p>Camera Skills
   <li>Own and have an extensive understanding of a digital single lens reflux camera and a single lens reflux camera</li>
</p>

<h2 class="bold">Hobbies</h2>
<p>Hobbies include
   <li>Watching sports, professional and otherwise</li>
   <li>Exercising</li>
   <li>Spending time with friends and family</li>
   <li>Going to sporting events, music concerts, and comedy shows</li>
   <li>Watching movies</li>
</p>

<img src="http://npwsport.files.wordpress.com/2011/02/troy-polamalu2.jpg"/>

Wednesday, April 6, 2011

html and css notes

HTML Tutorial:

1. intro: html is hyper text markup language. html tags are keywords surrounded by "< >", opening and closing tags. html documents contain html tags and plain text, and are called web pages.

2. getting started: don't need any tools to start. html can be written and edited using multiple applications including dreamweaver, visual studio, and plain text editors. there is no difference between saving it .htm or .html.

3. basic: html headings are defined by <h1> - <h6> tags. html paragraphs are defined with <p> tags. html links are defined with <a> tags. html images are defined with <img> tags.

CSS Tutorial:

1. intro: have a basic understanding of html. css stands for cascading style sheets. concerned with how to display html elements. styles saved to external .css files.

2. syntax: css rule contains a selector and one or more declarations. declarations always end with ";" and surrounded by "{ }". comments are used to explain your code.

3. id & class: id selector is used to specify a style for a single element and is defined with a "#". class selector is used to specify a style for a group of elements and defined with a ".".

4. background: color can be specified by a color name, a RGB value, and a hex value

5. text: color specified the same as for the background. text-align is used to set the horizontal alignment of text. text-decoration is used to add or remove decoration from text. text-transform is used to specify upper and lower case letters. text-indentation specifies the indentation of the first line of the text.

6. box model: term is used when talking about design and layout. parts include margin, border, padding, and content

7. border: border-style specifies the type of border to display. border-width specifies the width of the border. border-color sets the color of the border. it is possible to set each side of the border differently.

8. outline: outlines are set around borders to make element stand out more.

9. margin: defines the space around elements, outside the border. possible to specify different margins for different sides.

10. padding: defines the space between the element border and element content. can set different paddings for different sides.

Sunday, April 3, 2011

magazine: finished

My final design for the magazine cover project.

R2C2 finished

R2C2

magazine heads

the heads of the big 4 on the Phillies pitching rotation. aka R2C2

R2C2 body

My body for the R2C2 image on the magazine cover. Done in illustrator

Thursday, March 24, 2011

magazine masthead options

Wednesday, March 23, 2011

sketch - magazine

Thursday, March 17, 2011

Magazine Moodboard

My moodboard for the magazine cover project.

Magazine Focus

1. Who is the target audience? Any and all baseball fans. This includes men, women, and children of all ages.

2. What is the name of your magazine? Why? Connotations? "No Hitter" because, for me, a pitchers duel is way more exciting to watch than a homerun fest. When a pitcher pitches a complete game, and doesn't allow a hit, it's called a no hitter.

3. What will your masthead look like? Do you have any ideas for fonts? I don't have any ideas for fonts or the overall layout of the masthead just yet. I will probably make the 'o' in 'no' a baseball, though.

4. What images will be on the cover and why? I haven't decided yet, but it will probably include a notable pitcher in the game today. I'm thinking of having Cliff Lee on the cover, because his trade ordeal was the biggest story of the off-season. Plus, he's on my favorite team, the Philadelphia Phillies.

5. What will be your sell lines to entice your target audience? "Cliff Lee: Why He Really Turned Down The Yankees" "Expert Picks For The Playoffs" "Pujols and St Louis: Can They Work Out A Deal?" "What Players Do In The Off-Season?" "Do The Giants Have What It Takes To Repeat?"