Web Supplement to
The Online Method to World Regional Geography
Chapter 1: Introduction
Chapter 2: Making a Webpage
Chapter 3: The Standard Template File
Chapter 4: Writing and Formatting Text Pages
Chapter 5: Notes Page
Chapter 6: Sidebar Page
Chapter 7: Searching the Web
Chapter 8: Links Page
Chapter 9: Picture Page
Chapter 10: Webcam Page
Chapter 11: Maps Page
Chapter 12: Panorama Picture Page
Chapter 13: Music Page
Chapter 14: Movie Page
Chapter 15: Interactive Quiz Page
Chapter 16: Map Quiz Page
Chapter 1: Introduction
Web Page Examples (China)Professor Pages: Student Pages:
Chapter 2: Making a Webpage (HTML)
Hypertext Mark-up Language (HTML) is the coding structure of web pages. Normal web pages are simple text files (editable with text editors like NotePad and SimpleText) that contain codes that define the format of the page. These codes are always delimited by the "<" and ">" characters.To view the HTML source of a web page in a web browser, choose the "Page Source" or "Source" command from the "View" menu. This will show all of the HTML codes that are used to format the page.It is important that you understand a little bit about HTML to complete these assignments. Most of you will opt to use a word processing program or a low-level web page editing program to create the web pages. It is possible, however, to do the assignments with nothing more than a text editor like NotePad or SimpleText.
15 Minute Class - How to Write Web Pages - A short introduction to HTML. Work through all of the sections except tables.
Word Processing Programs for creating HTML files:
Microsoft Word - Releases since Word 97 allow saving files in HTML format.
WordPerfect - Recent versions can save files in HTML.
Low-level HTML editors:
Nvu - A free HTML editor.
FrontPage - A page about Microsoft's FrontPage program.
Free online programs:
Chapter 3: The Standard Template File
Step 1: Editing the BioPage File
METHOD 1: Editing the HTML file with a text editor
HTML files are simple text files and can be created with a text editor by inserting the HTML (Hypertext Markup Language) formatting codes directly. The text formatting within these files is controlled by the insertion of codes. These codes are always bounded by the "<" and ">" symbols. Color-coded explanation of codes in BioPage file.The link below includes the basic format of the file. Type or copy this into your text editor (you don't need to include the explanatory text in between the <! and > symbols if you are typing) and insert information about yourself where indicated. There are six places in the file where you need to insert information. The phrase "your name" appears twice. Insert your name here. Save as a TEXT file as shown in the illustration. The four remainingg places are the paragraphs after the "<H2> Personal Information </H2>", "<H2> Education </H2>", "<H2> Major </H2>", and "<H2> Why I'm taking this class. </H2>."
METHOD 2: Editing the Template file with a Word Processing Program
Some word processing programs can format HTML files. The procedure is to first save the template file below from the web browser. Then, open this file with the word processing program. Once you are finished adding your information, save the the file as 'BioPage.html'. Make sure that you save the file with a file type of HTML, usually the default file type setting when editing an HTML file. Once the file has been saved, open the file from a web browser using the Open File option in the File menu. Once the updated file is displayed in the web browser, choose print. The web browser will usually add lines at the top and bottom of the print-out to indicate the name of the file and when it was printed, among other information.When you are viewing the template file, save the file as "BioPage.html" on your disk. Use the Save As command in the File menu. The file type should be "html" or "web page" (this should be automatically set). After this, open the file in Word, make the changes, and save. Remember to save again with a file type of "html" or "web page." The third and last step would be to open this file with Netscape (or Explorer) and print.
METHOD 3: Editing the Template File with a Web Page Editor or Google Docs
There are a number of web page editing programs that all take some time to learn. Nvu is a free program for editing web pages. MS FrontPage may also be available to you.
For Google Docs, first save the above file (right mouse click, Save Target As...), then upload file to the Google docs web page. Edit and save.
Step 2: Printing the BioPage file
Open and print the file with a web browser. Check that the print-out contains some added text at the top or the bottom. This may include the name of the file, location of the file, date, etc. These lines are an indication that you have printed out an HTML file using a web browser. If these do not appear (and it's rare that they don't), choose Page Setup from the File menu and make sure that one or more of these lines are printed.
Chapter 4: Writing and Formatting Text Pages
Follow guidelines in the book for the reference section and for citing material within the text.
Chapter 5: Notes Page
The template file for the Note page would normally be the existing Notes page. To begin editing either file, display the file with a web browser and then choose "Save As" from the "File" menu. Open this file with a word processor or other program to edit. A generic template file is presented here to show the basic format of the file.
Chapter 6: Sidebar Page
Chapter 7: Searching the Web
Chapter 8: Links Page
Links Page Example (China)
Chapter 9: Picture Page
Section 6.3 of Book with Color Pictures
Picture Page Example (Hong Kong)
Chapter 10: WebCam Page
University of Arizona Webcam, including data and time
WebCams Picture Page Option with Template
WebCams Picture Page Example (Japan)
Chapter 11: Maps Page
Section 7.3 of Book with Color Maps
Map Page Template File (North America)
Sources of Maps on the Web:National Geographic Society Map Machine
Selection of contemporary maps.
Oddens' Maps and Atlases
Easy-to-use, very large collection of country maps - many historic.
Perry Castaneda Map Library
Public-domain maps, mostly from the US Government.
CIA Maps
In both JPEG and PDF format. PDF maps print better.
Chapter 12: Panorama Picture Page
Apple QuickTime VR Cubic Gallery
The World Wide Panorama Project - A large number of QTVRs from around the world.
- Example QuickTime VR Scenes:
Chapter 13: Music Page
Chapter 14: Movie Page
Example online documentaries:
- Life after Milosovic in Yugoslavia - QuickTime
- Life in Peru - Flash
- Refugees in Afghanistan - Flash
Use a combination of the links and picture page template files.
Chapter 15: Interactive Quiz Page
WordPad can be used to edit the page. A better (free) editor is Php Designer because
it puts the commands and text in different colors.
Chapter 16: Maps Quiz Page
WordPad can be used to edit the page. A better (free) editor is Php Designer because
it puts the commands and text in different colors.
