Purpose A checklist of work performed over the entire semester.
This list will be used to review tasks and weekly reviews that should be completed by by semester's end. Go over it carefully. Dr. Logan will be reviewing all sites and all review grades this week to make certain that everyone is caught up. To date, we have covered all of the introductory material on html and css. Assignments should reflect that.
Materials Up Until Mid-Semester (late March):
(Note: You completed this portion of the review in week 7. Material since then is below.)
- Site managment:
- home page: index.shtml ( / .htm / .html) in site root folder: Identifies you and COM271. Has banner, content section, and navigation to all pages on site
- separate folder for images
- separate folder for style sheets
- separate folder for server-side includes
- separate folder for all course-related practice pages or independent web development efforts that support class objectives
- no Eric Meyer exercise pages
- all duplicate or abandoned pages removed
- all page names clear and contents understandable from naming
- Home Page (task 1):
- Functioning links, clearly labeled, to all pages on site
- Links styled (see Meyer project 5 for standard)
- External file for navigation
- External style sheet
- Home page reflects high standards (what we have learned so far) for navigation, style, functionality; your home page should be a reflection of your competence as a developer.
- HTML Resume (task 2):
- All styles through HTML attributes only. No external style sheet for this page.
- Navigation to all other pages on the site via server-side include.
- Resume reflects reasonable attempt to provide normal resume information.
- CSS Resume (task 3):
- All styles through CSS attributes only. Common external style sheet now used for this page and for index page.
- CSS for navigation menu (follows Meyer 5); see home page, which should also use CSS for menus
- Navigation now a server-side include. Page should be saved as .shtml. All pages from this point forward have common navigation menu and styles.
- Home Page navigation now also a server-side include, saved as index.shtml
- CSS for Positioning (task 4)
- Using the CSS Resume page, replace all tables used for positioning with divs. Banner, navigation, contents should be divs using absolute positioning.
- Update home page to also use positioned divs
- Update common site style sheet so that pages now use positioned divs for layout
- Fixed Positioning (task 5)
- Common style sheet: Replace absolute positioning with fixed positioning.
- Apply a common fixed-positioned background element or logo to the task 5 page. This does not have to extend to any other page, nor the home page.
- Weekly Reviews
Since Mid-semester Review:
- HTML form development and styling (Task 6)
- Proper HTML form with compact style, complete list of input fields, radio buttons, submit button, fieldset and legend tags to improve layout
- JavaScript for form validation (Task 7 (=2nd part of task 6))
- event handler to link form to javascript
- validate() function to manage calls to review all form elements
- separate functions to check for blank values, alphabetic only input, numeric only input, patterned input (telephone number)
- creation of error string
- alert() function to output error string or message that form is complete
- Advanced Form Validation (Task 8)
- Replace all strings for output with a string listing errors as html segments (paragraphs or list items)
- Use of positioned, hidden div to contain error messages
- Use of .innerHTML to supply string content to error message div
- Change of error message div visibility property using javascript
- Advance Independent Work (Task 9). Any two of the following:
- Drop Menu
- Photo Album with CSS floated elements
- Photo Album with JavaScript for rollover effects
- Independent Project of your own choosing (needs prior approval from Dr. Logan)
- Weekly Reviews
- DHTML
- Web Design
- Final Review (week 13)