Activities
Getting Started.
Concepts: HTML language, source document, browser application
- To get started
- with Netscape browser->
- open file->
- IntroDoc.html.
- Click on the air track image to load the video.
- From Netscape View menu choose Document Source.
- Compare the browser display to the source text file. (the source file is also available in Appendix 1)
- Editing an HTML source document.
- With the text editor open file->
- IntroDoc1.html
- Type in some text.
- Save as a text only file with a new name.
- Open the newly saved file with Netscape.
- Repeat one more time.
HTML Basics
Concepts: HTML TAGS: header, list, label, reference link, HELPER APPS
- Getting used to TAGS.
- Find the handout document "TAGS Used In Sample Lessons." Keep it handy as a reference for this activity.
- With the text editor open file->
- IntroDoc2.html.
- You will make this document into a simple learning activity lesson,
based on the air track collision movie.
- Work on the document, following the suggestions below.
- Save it frequently and examine it with the Netscape browser.
Note the HTML tags provided in the comments. Copy/Paste these as needed.
- Try the following on your own.
- Provide a header for the lesson.
- Ask the student two questions about the video. Separate the questions with header tags.
- Provide answers to the questions. Separate the answers with header tags.
- Remove the headers and separate the questions and answers with < p >, the container TAG.
- Format the answers as a list, using the <ul> and the <li>>TAGs.
- Link the questions and answers using <A NAME=> label tags
Helper Apps
Helper Applications (Apps) are platform dependent applications to
handle the data structures (such as digitized movies) that the browser
does not understand.
Notice how the collision video is launched by a click on the still image.
The still image (gif) is displayed by the browser.
Advanced HTML and Linking
The sample document for this part is called SampleDoc1.html
Advanced HTML
Concepts: TABLES, inline images, cross-links between documents, links to Web sites
With Netscape browser open file: SampleDoc1.html
Examine the source text of this document and identify the following specific features:
- The table tags <table >, <tr >,, <td >,, <th >,
- The inline image tags <img src=..... >,
- The cross document <A HREF= ..... >, links
- The link to NASA.
FORMS
Concepts: browser - server interaction, INPUT and TEXTAREA fields, multiple choice forms,
inline MENU’s