Web Page Construction (HTML)
Resources
In this course you have the option of preparing a personal
web page. It should have at least five graphics and three links and
display familiarity with basic web page layout principles. The
following links can help you in your preparation and refinement of
your personal web page.
Creating Your Personal Web Page: This step-by-step guide walks you through the process of creating a personal web page using Microsoft Word 97/98/00 or Netscape Composer.
Uploading Your Personal Web Page: This lesson guides you though the steps necessary to upload your web site to the Augsburg web server. Before you can engage in this activity you must obtain and sign a Personal Web Page Agreement which is available from the IT Service Desk in the Lindell Library or on the Web.
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.
NCSA's HTML Primer: This is a technical document published by the National Center for Supercomputer Applications (NCSA, at the Univ. of Illinois) which provides an introduction to the basic elements of Hyper Text Markup Language (HTML). Those who are interested in learning how to be a true "web gods," should read this page. Most of us will not need to code HTML by hand--you will use a program such as Word or Netscape Composer for that--so this resource is for the true technophiles.
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.
HTML Tutorial: This Web Page Design HTML Tutorial is an introduction and step-by-step guide for understanding, learning, and implementing HTML to design your own web pages. It covers: basic tags, simple page layout, creating links, using color, working with text, inserting graphics, animated graphics, buttons, frames, backgrounds, image maps, and more. It also includes helpful illustrations and graphics. If you've ever wanted to learn HTML, here's a good place to start. This free tutorial covers basic HTML--it is not the full course. The full version, available from the author, is more in-depth.
To download this tutorial, click on this hyperlink (HTML Tutorial) and direct the file "HTML_Tutorial_Install" to your hard drive. This file is a self-extracting installer and is 1.2 Mb (about the size of one HD floppy disk). Once you have downloaded it, you need to run the installer program to "unstuff" the actual tutorial documents.
Once you have installed the tutorial documents (which are simply web pages), drag the icon titled "start.htm" onto your browser application's icon and go from there. This tutorial is for Macintosh computers. You must have a web browser to view these documents.The tutorial was written by: John Brewer, info@epublish-scotland.com, http://www.epublish-scotland.com
Claris Home Page Version 2.0 Trial: This simple-to-use web page layout program for the Mac includes an HTML tutorial, templates, and clip art--and it all fits on one high density floppy disk! This trial software will work for 30 days from the time of installation.
To download this application, click on this hyperlink (Claris Home Page Installer) and direct the file "Claris_Home_Page.sea" to your hard drive. This file is a self-extracting installer and is 1.2 Mb (about the size of one HD floppy disk). Once you have downloaded it, you need to run the installer program to "unstuff" the contents.
Once you have installed the software onto your computer, double-click the "Claris Home Page" application icon to start the program. If you will be using a lab computer, you will need to re-install this software at each work session.Make sure to save your work!
Newer 30-day trial versions of Home Page (for Mac or PC) may be obtained from FileMaker, Inc. <http://www.filemaker.com/>. Look for and click on the link for "Downloads." The link to HomePage is near the middle of the "Downloads" page.
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.
Microsoft Clip Art Gallery : This site has an enormous amount of web-ready graphics for you to use on your web page: buttons, bullets, backgrounds, and more! Harvest whatever you need and use them on your pages.
Building a Really Easy Web Page: This series of online articles by Nancy Gravley from the series "Computing With Bifocals..." reviews how you might develop your first web page. Article 1 defines many of the basic elements of HTML and web page design. Article 2 covers basic HTML tags needed to create an easy web page. Article 3 looks at adding extras such as tables and getting your page listed in search engines.
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.
Kodak Picture Playground Online: While aimed at younger users, almost anyone can enjoy manipulating photos (for use on your web site) with the eleven different filters provided. Users can upload their own digital photos from their computer, images from elsewhere on the Web, or use some of the samples provided. Photos can be transformed into sketches or antiqued prints, made psychedelic, or turned into oil paintings or neon images. Users can also transform photos of people into cartoons, flowers, or animals. Once finished, the new images can be saved or sent as a free multimedia electronic postcard. Most file formats are accepted for upload, and directions for preparing your pictures are provided. Special sections on digital photography techniques and equipment (with some commercial content) round out the site.
From Access Magazine:
Web TipsWeb Developer's Virtual Library_The Web Developer's Virtual Library (WDVL) is one of the largest, oldest, and most useful Web developer's resources in existence. While most virtual libraries provide only indexes of external information, the WDVL offers original articles and tutorials on various current Web development technologies and problems. The site is nicely organized, making it easy to quickly drill down to an interesting article, and one can lose track of time reading the informative articles and following pointers to useful Websites. An effective search engine also helps users to find information within the site.
The WDVL's weekly email newsletter contains information about the latest articles, tutorials, and developer trends. All in all, the WDVL is an excellent resource for Web development and should be a bookmark on any developer's list.
_<--Back
to Technology Preparation--Educational Technology Home Page
__Back
to Top