Monday, May 6, 2013

Web Page Banner

Image of banner created in web design class using Adobe Photoshop.  Like that it shows wetlands, and had a quote form the members of Pinnacle Conservancy.

Web Page Banner

Class notes from May 6, 2013

Discuss deliverables for the group project and conduct mock interviews with John and Jay.

A) site architecture - diagram of the web site
B) home page layout

  • 1. logo incorporated
  • 2. imagery incorporated
  • 3. navigation items incorporated
  • 4. text incorporated
C) secondary page template (at least one secondary page required) 
  • 1. logo incorporated
  • 2. imagery incorporated
  • 3. navigation items incorporated
  • 4. text incorporated
D) text for the site
E) sample of a form page in the site (contact us, questionnaire, donation page, etc)
F) project summary
  • 1. key points of why choices were made in web page.
  • 2. team members on project.

  • Group project and creating a compelling web experience

Project definition form:

http://determan.us/forms/project_form.html

Sample webpage

http://interwebmachine.com/webart/sample.html

Sample Tags:
HTML = Tells the browser what type of content to expect
HEAD = A place for commands, scripts, titles, connections to CSS files, etc.
TITLE = Text that appears in the browser's title bar
BODY = The page text you want visitors to read
H1, H2...H6 = Heading text. Includes top and bottom spacing
P = Paragraph
SPAN = Change a portion of text "in-line"
<TAG> = Opening Tag
</TAG> = Closing Tag

Other samples:
http://interwebmachine.com/webart/sample2.html
http://interwebmachine.com/webart/sample3.html