College of Micronesia-FSM

UB Web

Course Title Level Campus
UB Web Pre-seniors Kosrae

Course Description

An introduction to email, Internet communication, the World Wide Web, and the development of web pages.

Course Schedule and Topics

Week one: Email
Hotmail image Yahoo image

Monday Tuesday Wednesday Thursday Friday
Email options Hotmail
Yahoo
briefcase
attachments
COMFSM WebMail
Email etiquette Chain letters
Viruses
Hoaxes
Bank info hoaxes
ALL CAPS
Netiquette
Flaming
Chat acronyms
emoticons
ALL CAPS
Bandwidth issues
Instant messenging
  1. How it works
  2. Security issues
  3. Bandwidth issues
Quiz one
History of hypertext up to 1960s: Vannevar Bush, Ted Nelson. Coverage of early Internet development.

Week Two: The World Wide Information Web
Google Micronesia

Monday Tuesday Wednesday Thursday Friday
Internet PioneersVannevar BushTed NelsonTim Berners-Lee EnquireBill Atkinson, Hypercard; Marc Andreesen • HTML. Browser. Versions of HTML since 1991. IP addresses
LAN: winipcfg.exe
WAN
10.209.10.20
shark.palikir
206.49.89.226
URLs
www.comfsm.fm
Introduction to searching: Google
Kartoo
Engine information
Searchenginewatch
Search engine show down
Unusual topics search
Ego search
Quiz two
Introduced HTML. Put up following code:
<html>
<head>
<title>Your window title here</title>
</head>
<body>
<h1>Header Level One</h1>
<hr>
<p>Normal paragraph</p>
</body>
</html>

Week three

Monday Tuesday Wednesday Thursday Friday
Students typed in and learned to view the code seen above Students learned to add hyperlink
<a href="http://www.comfsm.fm> COMFSM </a>
Students learned to add body style command with X11 colors
<style type="text/css">
body {background:wheat; color:saddlebrown}
</style>
X11 colors
Students added CSS font-family to body:
body {background:wheat; color:saddlebrown; font-family: garamong,serif}
Fonts Descriptions
Midterm.

Week four: Web Pages II

Monday Tuesday Wednesday Thursday Friday
Midterm review. Introduced bulleted lists. Bulleted lists and the address tag: Begin work on resumés. Utilized mailto: tag for email address in address
<ul><li>item</li></ul>
<ol><li>item</li></ol>
Continued work on resumés including how to attach them to an email and send them. CSS control of anchor tag color behaviour: a:link {color:blue} a:visited {color:purple} a:active {color:red} a:hover {color:silver} Continued resumé work. Quiz three: Produce midterm modified to include bulleted list.

Week Five

Monday Tuesday Wednesday Thursday Friday
Review quiz. Work on local story or legend web page.
Paint. GIF, PNG, JPG.
Students learn to add image from paint or web sites such as College site FreeFoto. Hyperlinking off of an image Quiz 4

Week six: Wrapping up

Tables CSS control of individual elements Hyperlinks, DTD, Charset,CSS in header to control appearance,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Page title</title>
<style type="text/css">
<!--
body {background:honeydew; color:darkgreen; font-family:georgia,serif}
-->
</style>
<a href="http://www.cnn.com/">
Last Day of Class Finals Finals