Transcript HTML Workshop

HTML Workshop
Session 1 Agenda
7/19/2006
Introductions
Purposes of the Workshop
Teach HTML
Link the resources of people in the college
Develop department web contacts
Provide continuity/structure suggestions
Demystify some technology terms
Provide a foundation of understanding
Structure of the Workshop
Each session will feature a lecture, Q&A,
lunch break and hands-on work, or some
combination.
The four sessions are roughly structured as:
The Internet
HTML tags and structures
More HTML and Dreamweaver
Graphics, CSS, and SSI
What is the Internet?
A network of computer networks with set
standards for data transmission, error
checking and interpretation.
Structure of a Website
Organization vs. Complicated pathnames
seems contradictory.
Balanced by the HT in HTML providing a
method for short URLs to hide complicated
and organized structures.
Personal preferences (glitz vs. functionality)
What is HTML?
A language that uses plain text tags to tell your
browser how to interpret bunches of text.
Interpret: visual (color, font, alignment), structural
(heading, paragraph), or functional/hyper (link, anchor)
characteristics of a bunch of text.
Tags: beginning (and oftentimes ending) markers that
separate the affected text (e.g., <b>This is bold</b> =>
This is bold ).
Tools Available
View Source
Text Editors
Web Authoring Software
Web (HTML primers, text editors, other
downloadable tools)
Books
Demo
Type in demo
Save to desktop as text file (but with .htm)
View in browser
Change/save document
Reload browser
Change/save document
Reload browser
Homework
View source of at least 5 interesting pages
Note any observations/questions to bring to
class