Web Development
 DART 230

Handcoded pages

Your assignment is to follow class instructions to create two Web pages using Notepad on a PC (Wordpad is OK if you make sure to save as plain text/ASCII file with a .html extension) or TextEdit (Mac, also saved as text with .html extension). For full credit, your code must conform to the standards of XHTML (see Castro p. 13). That means:

  1. Tags must be lowercase
  2. All non-empty elements (container tags) must have closing tags (e.g. </p>)
  3. All empty elements (self-contained elements) must have a closing slash (e.g. <br />)
  4. All values of attributes must be quoted (e.g. <tag attribute="value">
  5. All tags must be properly nested (e.g. <strong><em>Stuff</em></strong>)
  6. The <title> element must be come after the charset declaration in the header section (<head> element)
For HTML5, you could omit the trailing slash in empty elements, and leave quotes off attribute values. The first page must have:
  • A head element with a title, and a body that includes a heading, secondary heading, third-level heading and paragraphs/body type (see p. 55) with some bolded, some italic and some bold and italic (preferably using the logical tags <em> and <strong> ; see p. 110)
  • body background color other than the default as shown in class (<body bgcolor="#123456">; some options are on p. 190)
  • appropriate use of at least one <article> and at least one <section>
  • line breaks, a horizontal rule, and ordered and unordered lists (can be nested if you prefer; see Chapter 15).
  • one section set off in a generic container <div> element with a class or id attribute
  • an e-mail link, a text link to any other Web site and
  • the following image (or suitable alternative) used as a thumbnail with an alt or title attribute that says something about image content and a link from the image to another page that contains the full-sized version of the image.(You can size the thumbnail with width and height attributes for the <img:> tag, or, ideally, make a smaller copy in Photoshop).
This is alt textLa Salle montage

Due Tuesday, Feb. 7. E-mail me the files—ZIP is OK.