- 8/27 [1.1]
Introduction To HTML and Web Publishing , (ppt).
- 8/29 – [1.2] – Introductions & HTML Tags
- Methods for Creating and Editing Web Pages
(1 page),
- HTML Tags (See also the source code
of this page and the handouts.)
- Categorization of tags; e.g. Two-sided vs One sided;; Block-level
vs Inline
- Document structure & basic text formatting tags such as <html>,
<head>, <title>, <body>, and <h?> tags.
- Content vs presentation; styles, & deprecation (<span> & <div> vs <
font>).
- 9/3 – Labor Day Holiday
- 9/5 – [1] Page Structures & links
-
URL's & query strings in hyperlinks. Fully qualified, absolute
(root-relative), and relative links.
- Divs as structural elements with properties that are inherited by
nested elements; whitespace around block level tags, such as Divs,
headings, and paragraphs.
- IDs and anchors.
- How hyperlink addresses are resolved by the web browser.
- 9/10 – [2.2] Hyperlinks & Domain
Names
- 9/12 – [2] Image maps
- 9/17 – [1,2] Misc Topics (see
lecture notes)
- 9/19 [7.1] Styles Handout
– Style sheets, <div> & <span> tags, and Style Selectors (tags,
classes)
9/24 – Discussion of web page structure and branding.
ID Style Selectors
9/26 – [7.2] Descendant Selectors and indentation
styles (see this example of problems)
[3.1] Colors, fonts, and text styles. See
The textbook's
style explorer from Chapter 3
[3.2] Images & floats.
- 10/1 – [7.2] The box model , margins, and length units
10/3 – Review of Chapters 1-3 and 7.
Study Guides for Exam #1,
10/8 – Exam #1 Inclass &
Take Home Covering Chapters 1-3 and 7
[Tutorial 4] – Table tags – Basic Table
Tags (<table>,<tr>,<td><th>)
10/10 – [4.1,4.2] – Table tag HTML attributes: row
& col spanning, Table cell sizes, borders,
- 10/15 – Exam review
- 10/17 – [4] Tables - Row & Column Groups - review of
Case 7-2 (Homework #6)
10/22 – Page Validation &
DocTypes
– [4.3] Table Formatting (B's schedule) –
Rules & Frames – & page layout using tables
10/24 – [6.1, 6.2] –
Forms – Basic form tags and the general forms model.
See This one-field form that
defines a style sheet and
The in-class example Also see example HTML form
10/29 – [6.2,3] Forms - more fields; layout & groups.
See This contrived form,
the Cleveland
Clinic iSupport form, and the textbook's
example
10/31 – [6.3] Form control - mailto action, tab
indices, access keys, events.
11/5 – Tutorial 6 – Forms & Tutorial 10 – JavaScript
Form submission, reading form values, onclick and onsubmit events,
script tag. See the Styles handout
11/7 – [10.1] Tutorial 10 –
JavaScript – fundamentals - data types, syntax & functions;
- 11/12 – No class - Veteran's Day
11/14 – [10.2] Tutorial 10 – Javascript – Functions, HTML Element DOM,
.js files, Server-Side & Client-side Includes. Inclass examples:
- Display1.htm - JavaScript block &
alert box to control the Display style of a text block.
- Visibility1.htm - JavaScript block
& alert box to control the Visibility style of a text block.
- Display2.htm - Two command buttons to
control the Display style of a text block.
- Display3.htm - Two command buttons to
control the Display style of a text block and the buttons.
- Display4.htm - One command button to
control the Display style of a text block and the value of the button.
11/19 – [10.2] – JavaScript – Loops, Arrays, selection lists as DOM objects, Menu graphic exchange & Cascading menu scripts
11/21 – JavaScript - Opening Popup Windows - See example in Footer of Cleveland Clinic pages.
Class Projects