Purpose A checklist of work performed in the first half of the semester.
This list will be used to review tasks and weekly reviews that should be completed by mid-semester, October 21. 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.
- 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
- 1/23—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.
- 1/28—Bio Page (task 2):
- Most styles through HTML attributes.
- Simple style sheet for this page. Site common external style sheet may be added later.
- Image folder and image on the page.
- Navigation returns you to home page. Link from home page to this one.
- 1/30—HTML Resume (task 3):
- html table with two columns and 3-5 rows containing brief personal resume
- Styles from html attributes or style sheet on page.
- 2/4—Online Semester Schedule (task 4):
- Table with header row
- use of rowspan and/or colspan attributes within table
- use of class or style attributes, spans, etc., to affect visual look of table cells, entries. Looking for experimentation here.
- 2/6—Server-side include for navigation (task 5):
- CSS for navigation menu
- site CSS for all new pages and index now from external style sheet
- 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
- 2/11—Styling Navigation Links (task 6):
- Use of nav element or div id="nav" for external navigation links. No paragraphs around links.
- CSS for nav or div#nav with links as block display
- navigation style follows Meyer 5
- 2/13—Style for Print (task 7):
- Separate print style sheet for this page, all subsequent pages, and index page.
- 2/18—Absolute Positioning with CSS (task 8):
- Using the CSS Resume (or Bio or page of your choice) 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
- 2/25—Fixed Positioning (task 9):
- Replace absolute positioning with fixed positioning on the common style sheet.
- Apply a common fixed-positioned background element or logo to this page. This does not have to extend to any other page, nor the home page.
- Weekly Reviews