|
1-
Introductions
2-
Basics of Hypertext Markup Language (HTML)
& WebTycho
Why format
online text? Compare plain text
to formatted text
"Hassle-delicacy"
tradeoffs...
...Regarding
WebTycho methods for presenting formatted text
- attachments
(word processing, spreadsheet, HTML files...)
- Text Formatting
Editor (TFE)
- HTML
(hand-coded
HTML or
pasted HTML)
- Create
URL, i.e., link to webpage (a published HTML document)
...Regarding
using a WYSIWYG HTML Editor,
esp. Netscape Composer, versus
converting a Word document to HTML
- Compare
the Sources of Composer html
and Word html examples.
What is
a tag? Importance of the <BODY></BODY>
tags in source.
2-
Nestcape Composer - Main Tools
Instructions:
info.umuc.edu/de/ezine/how_to/html-pages/useComposer/useComposer/useComposer.htm
- Practice
- Open
a new document in Composer and save it in its own folder
(on A:) with an appropriate web-safe filename. Give the document
a "page title."
- Use the
composition and formatting toolbars to create a sample class
announcement or other text. Use heading and normal styles;
font type, font size, font color, font style (bold, italics);
bulleting or numbering; alignment. Model: info.umuc.edu/de/ezine/trainings/composer_workshop/sampleanct.htm
- Resave
and close the document.
3-
Create and test a link
Instructions:
info.umuc.edu/de/ezine/how_to/html-pages/useComposer/hyperlink/hyperlink.htm
- Practice
- Reopen
the announcement document.
- Make
a mailto: link for your name.
- Make
a typed or pasted URL into a hyperlink.
- Make
a hyperlink from other text.
- Resave
the announcement a last time but do not close the document.
4-
View and copy HTML Source Code and paste into WebTycho
Instructions:
info.umuc.edu/de/ezine/how_to/html-pages/copy-pastehtml.htm.
- Practice
- Locate,
highlight, and copy the announcement source code (between
but not including the body tags) using keystrokes Control-C.
- Log into
WebTycho tychousa.umuc.edu
as yourself and go either into one of your classes or into
WebTycho Orientation, via links Options/Take a Tour. OR
Log into WebTycho as UMUC Guest, password umuc,
and enter Orientation.
- Select
and open a location to paste the announcement (e.g., Announcement
area or Test Conference). Select HTML as the input type.
- Click
in the text area, paste the announcement, and Submit.
- Close
the announcement HTML document.
5- Work with Tables in Composer (using a UMUC Library Guide)
Instructions:
info.umuc.edu/de/ezine/how_to/html-pages/useComposer/workwtables/workwtables.htm
6-
Put the finished page in the classroom by one of 2 methods.
-
Paste the HTML into a WebTycho text box (see
Step 4 above).
- Upload
the file to Polaris and link to it (see
the training module concerning Polaris and FTP (info.umuc.edu/de/ezine/trainings/hour_train/ftp_workshop/main_instruc.htm)
or the overview/review of these steps (info.umuc.edu/de/ezine/how_to/html-pages/useComposer/edit_webpage/edit_webpage2.htm).
As of Fall 2003, WebTycho will not allow uploading an HTML attachment.
Please
fill out the workshop evaluation form when you are finished.
Thank
you for attending our workshop!
|
