Web Page Construction (HTML)
Resources
Creating Your Personal Web Page: This step-by-step guide walks you through the process of creating a personal web page using NVu (the tool we use in class). Get Nvu here. Another tool, nearly identical to NVu, but packaged with a suite of other tools such as a web-browser, e-mail and newsgroup client, IRC chat client, and HTML editing is called SeaMonkey. Download SeaMonkey here.
How-to Movies -- Making a Personal Web Page Using Nvu: These pages, developed by Augsburg faculty member Bill Bierden, include several step-by-step mini-movies that show you how to make a web page using Nvu. There are also movies featuring Netscape Communicator. Netscape Communicator is the "parent" program of both NVu and SeaMonkey--it is the program on which NVu and SeaMonkey are based and about 95% of the commands are identical.
Uploading Your Personal Web Page: Click here to read instructions on how to upload (i.e., "publish") your website to your AugNet www folder.
Building A School Web Site: Produced by The Jade Witers Group, this site offers a basic and easy-to-follow guide for teachers and students who want to construct a Website for their school or personal use. Users can choose to read the guide in order or by section, and it covers topics such as a basic introduction to HTML, using a Web editor, standards, bandwidth, search engine placement, and animation. Although the screenshot illustrations are from a Mac, the lessons apply to any platform.
While certainly not as deep or detailed as other guides, the friendly and informal tone of this site will appeal to beginners and young users.
Top 10 Ways to Build a Successful Web Site: Once you've learned how to create your own Web site, review these ten suggestions to make your site a successful one. Whether your Web site is for your family or for seeking your first teaching job, the goal is to create value through depth, avoid hype and let visitors easily locate the value your site provides.
Web Monkey: Billing itself as "the web developer's resource," www.webmonkey.com has searchable libraries of "how-to" tutorials.
Java Applets: You can learn how to put mini-programs (called "applets") on your web pages at Javaworld.com and Java.com.
Javascript.com: Templates and tutorials for placing javascripts (small pieces of computer code that do things like count visitors, place calendars and calculators on your page, etc.) may be found at Javascript.com. (Note: Java and Javascript are two totally different technologies. Knowing one tells you nearly nothing about the other.)
Web Style Guide: Basic Design Principles for Creating Web Sites: This style manual reflects the authors' attempts to apply some of the lessons they've learned in twelve years of multimedia software design, graphic interface design, and book design to the new medium of Web pages and site design.
Personal Web Pages -- About.com: As almost every user will admit, personal Webpages are often far from the Internet's strong point. Uninspired, incomprehensible, and sometimes almost unreadable, many personal pages seem more a waste of bandwidth than anything else. This site, an About.com guide created and maintained by Linda Roeder, offers hope and help in the form of a number of articles and numerous related resources to help users design and create their own personal Webpages. Beginners should start with the Creating a Web Site Tutorial, while others will benefit from the archive of weekly articles, tips of the day, design tools, and product reviews. In addition to covering the process of creating and maintaining a personal Website, the guide addresses topics such as online diaries, Webcams, statistics-keeping, and Webrings.
Reallybig.com: Styling itself "the largest directory of Web building resources on the Internet," this gateway offers links to over 3,000 resources for Web page developers of all skill levels. Some of the resource categories featured at the site include HTML Editors, HTML Tutorials, Log Analyzers, Hit Counters, Graphics Tools, CGI Scripts, Truetype Fonts, Icons, Site Promotion, and many others. Subsections and individual resources all include annotations of varying length. Users can also subscribe to a monthly newsletter at the site.
Ten Good Deeds in Web Design: An article in Jakob Nielsen's well-respected electronic publication Alertbox suggests ten simple but effective design elements to increase the usability of almost any site. The page also offers links to Nielsen's lists of top-ten mistakes in Web design and Web project management. Anyone maintaining or contemplating the design of a Website should read these short lists.
From MacWorld Magazine: Create a Barrier-Free Web Site This article from the August 2000 edition of MacWorld magazine reviews the important elements for making your web site accessible for those with vision and hearing impairments. Their suggestions apply to either platform--PC or Mac.
How Will My Web Page Be Evaluated?
The following scoring rubric will be used to evaluate the Personal Web Pages developed for this course:
- 0.0-0.9 (0-9 points): Web page is incomplete, doesn't possess the minimum elements for a passing grade (see below), or is completed in such a way that it does not display professional-level commitment to quality work.
- 1.0-1.9 (10-19 points): Web page is minimally passing. All basic elements may present, but the elements may not work correctly or are poorly executed.
- 2.0-2.5 (20-25 points): Web page satisfies all basic requirements for this assignment, i.e., the page includes at least five graphics, three hyperlinks, and displays general familiarity with the basic tenets of effective web page layout.
- 3.0-3.5 (26-35 points): Web page satisfies all basic requirements for this assignment, plus is executed with a high degree of precision, creativity, and scholarship. This higher degree of performance would include several additional web page design elements such as: original scanned or drawn graphics, multiple sub-pages linking to and from the index page, original animated GIFs, imbedded tables, or other advanced HTML and/or design features.
A written plan, including details on overall design, graphics, and text is delivered to the instructor at least two weeks before the web page is published.
- 4.0 (36-40 points): Web page satisfies all basic requirements for this assignment, plus is executed with a very high degree of precision, creativity and scholarship. This highest degree of performance would include several of the following advanced web page development features in addition to those mentioned above: site-wide navigation tools, CGI, Javascript, or Java applets, cascading style sheets, Dynamic HTML, XML, forms, video files, sound files, database integration, or other very advanced HTML and/or design elements.
A written plan, including details on overall design, graphics, and text is delivered to the instructor at least three weeks before the web page is published.
__Back to Top