HTML Information for Portfolio Samples

Minimal features for an HTML demonstration page for your course portfolio should include at least:

An ordered or unordered list (this one is ordered)
A table (see table below)
Some useful variation of text size or color or font
One relevant live link to another webpage (example: NCSA HTML Resources)
A title in the title bar (see title bar above)
An indication of the page's authorship and creation date (see bottom of this page)

A minimal demonstration page should have a clear purpose (e.g., serve as your personal homepage or, like this page, serve as a reference for some subject) with appropriate content and design. Where helpful, it should exploit the ability of a multimedia environment to enact what it discusses (as does the list above).
Return to top.

Further features you might want to check out and ultimately use include:

Feature	Comments
Image maps	...allow user to navigate by clicking on significant parts of a image (tree imagemap menu)
Internal anchor tags	...allow user to navigate to a specific point on a webpage (example: return to top)
Frames (and targets)	...allow site to have separate menu and display areas (frames example)
Disjointed rollovers	...allow rollover illustration and/or explanation of pictures and terms (tutorial)
Javascript	...allows many features including some kinds of interactivity (see HTML010111.htm)
Cascading style sheets	...allow designer to maintain consistency, e.g., of specific fonts for specific purposes
Templates	...allow design consistency and workflow efficiency
Comments in source	...allow clarification of design features and implementation (View \| Source for this webpage)
CGIs	...allow server-based activity and interactivity (see umweb: cgi-scripts)
Server Side Includes	...allow automatic update of content (e.g., modification date below; see umweb: SSI )
Flash movies	...allow animation and interactivity (Flash example)

Return to top.

Finding HTML help
Use Help in Dreamweaver to learn about HTML coding, web pages, and web sites. The Dreamweaver Help "Welcome" is good for novices and serves as a refresher and updater for those with some experience. The "Tutorials" are good for learning several important, specific advanced features. "Using Dreamweaver" is good for all levels of users searching for specific information. "Reference" is good for advanced users wanting technical specifics about HTML tags, Javascript, and Cascading Style Sheets.
See Working With Networked Resources for an introduction or refresher for many of the features listed on this webpage, for help getting started on the University of Michigan web servers, and for a few additional web features.
Explore the links on Eric Rabkin's Bookmarks under the section on Writing For the Web in the subsections on General Guides for resources concerning web page and web site creation in general and on Special Resources for specific technologies such as JavaScript cut-and-paste code.
Return to top.

Copyright matters when using material that you did not create. To learn more about copyright, explore the links on Eric Rabkin's Bookmarks under the section on Writing For the Web in the subsection on Copyright and Other Intellectual Property.