week 2 – HTML Building Blocks

The first website, Tim Berners-Lee

Hypertext Markup Language / HTML:

HTML – evolution, tags/elements, backward compatibility, spaces
text-editors, color coding, line numbers, soft wrap, search
basic structure –  anatomy of a web page
nesting, parents/children
text-encoding – ASCII / Unicode
entity codes | &   —   
intro to semantic elements – h1, p, div, em, span, small
inline/block
attributes – id, class, style
absolute and relative urls
basic formatting – classes and ids
html syntax= <element attribute=”value”></element>
self-closing elements= <element>

World Wide Web Fundamentals:

Domain Name / IP (internet protocol) Address
Files/Directories
Local/Remote Files (case sensitive)
URLs (uniform resource locator)
HTTP (hypertext transfer protocol)
FTP (file transfer protocol)
Servers / Clients (browsers)

 

Partial Blackbird

Project #1: Blackbird Project (10%)

Format and style Wallace Steven’s poem “Thirteen Ways of Looking at a Blackbird” in a one page HTML document with an external CSS stylesheet. Your pages must have at least the following :

  1. one external link
  2. one internal or anchor link
  3. one image insert
  4. one background image

The assignment will be graded based on the functional and proper uses and syntax of HTML mark-up and CSS styles.  Though I am not grading on the quality of your design and layout, please put some effort into a pleasing look.  Extra credit will be given if your design attempts to reflect an interpretation of the poem’s meaning!

Previous Blackbird Projects

Blackbird Example (zip)

Overview

HTML syntax: <element attribute=”value”></element>
Block and Inline / Divs and Spans
Attributes: Classes and IDs
Semantic elements
Lists

Lorem ipsum