Styled Web Form Exercise

Objectives

At the end of this project, the student will be able to demonstrate their ability to:

  • Use information from the design to obtain measurements to style the elements
  • Create a page structure using divisions
  • Create a form and style with CSS

Requirements

  • Folder: lastname_firstname-styled-web-form
  • XHTML document: styled-webform.html
  • Directory structure
  • External style sheet
  • Use the image provided to obtain measurements needed (height, width, margin and/or padding) in Photoshop
    [Click on image twice to get the large images, download and open in Photoshop].

Fonts

  • Open Sans ( Main font, Google Web Font) and Arial (Secondary)
  • Default 1em
  • Copyright .8em
  • Logo 5em
  • form text box .8m

Image
wov

Color
color-palette
corner
forms-work

Place files in a folder and name: lastname_firstname-styled-web-form.
Share folder link at the end of class to the Google Classroom > Styled Web Forms.

Upload at the end of the class.
DUE: Friday, February 10, 2017

Advertisements