Lessons

Writing HTML | About | FAQ | Alumni | Kudos | References | Tags | Lessons |

/ June 2000 / version 4.5.2 / version history /

l e s s o n s

Welcome to Programming For The Internet, a self-paced journey to mastering HTML and a little java. All lessons in this student guide are listed below. It's important that you follow the sequence presented below, being that each lesson builds on the previous one. You will master Programming for the Internet using HTML and JavaScript, if you follow the steps to success.

Steps to Success: 1- Read all parts. 2- Follow and practice the instructions given. 3- Do the Review questions. 4- Work all parts of the Project(s) to maximize your learning. At the end of each lesson, put your name and lesson number on the top right hand corner (use the system, not ink/pencil) and turn-in your project(s) for credit.

By the time you have reached the end of this unit you will be able to construct a series of linked web pages for any subject that includes formatted text, pictures, and hypertext links to other web pages on the Internet. If you follow the steps for the Basic Level (lessons 1-14) you will develop a page about volcanoes and if you go on to the Advanced Level (lessons 15-29), you will create an enhanced volcano web site.

IN THESE LESSONS YOU WILL:

identify and use different HTML formatting codes.
create and modify HTML documents using a simple text editor.
write a series of web pages that present information, graphics, and provide hypertext links to other documents on the Internet.

And maybe you will have some fun!

If you are having trouble, first check the Frequently Asked Questions also linked from the top of every lesson page.

HTML 101 How the web works	Start here: 0: Standardly Speaking About HTML
Building a Foundation... Nuts 'n Bolts HTML Basic tags for formatting pages to HTML 2.0 standards. These codes will make your pages viewable to the widest audience range.	Creating Your First HTML Document Modifying an HTML Document Headings: Six Levels Deep <h1> <h2> ... Breaking up into Paragraphs <p> <br> <hr> Doing it with Style <b> <i> <tt> Lists, Lists, and Lists <ul> <ol> Graphics and File Formats Inline Images <img...> Linking it with Anchors Links to Local Files <a href="file.html ...> URLs: Web Pointers http:, ftp:, gopher:.. Links to the World: Internet sites <a href="http:// ...> Links to Sections of a Page <a name= ...> HyperGraphic Links <a href= ...><img...></a> Preformatted Text <pre> Special Characters é © Definition Lists <dl> <dt> <dd> Address Footers and E-Mail Links <address> <a href=mailto:...> You can Blockquote Me on That <blockquote> Lumping vs. Splitting
Beyond the Basics Modify and enhance your web pages with features available in HTML 3.2. While we cannot provide instruction in as great detail on the more complex things you can include in your web pages, we provide links to other resources that may assist you.	Standard and Enhanced HTML Colorful And Textured Backgrounds <body bgcolor=...> Don't Blink, Don't Marquee Spiffing Up Text <font color=... face=... size=... > <sup> <sub> <u> <strike> Easy Horizontal Rules <hr> Extra Alignment <div>, <center> <img vspace=..., hspace=... Setting the Table <table..> More for Images and Lists <BORDER=0..>, <ol type=..> Clickable Image Maps <map...> META in your HEAD <META...> Target That Window <a href=... target=...> Web Page, You've Been Framed <frameset cols=... > <frame src=... > A Wee Dose of JavaScript <script language=JavaScript... > Alerts and Rollovers <a href=... onClick="alert('...')" onMouseOver="... Dynamic Content document.write('.. Custom Window Openers window.open('.. Swapping Images onMouseOver=... onMouseOut=... Adding some FORM to your webs Forming Forms <form..> Form Action by email and CGI <form action=..> Form Action by JavaScript Multimedia in Your Page Animated My GIF! Movie Time <embed src=...> Sound of [web] Music Hit Me With a Shockwave Small Cup of Java (to go) <applet code=...>
The Next Generation Moving your web pages into the future with HTML 4.0 features and then some	HTML has come a long way since we wrote this tutorial in 1994! We had planned to add new lessons for Dynamic HTML, Cascading Style Sheets, and perhaps even XML in Spring 2000. However, as these are much more comprehensive concepts than HTML (and would greatly increase the size of this package), our next plan is to develop brand new, separate tutorials. Because I will be on sabbatical July 1 - December 31, 2000, these will likely not even appear until Spring 2001. We have selected other reliable tutorials on these subjects in our references section. Unitl then, keep on writing great HTML.
Post-Graduate Work Things to do and look at once you've mastered the content here.	If your work is available on the web, be sure to register as a Writing HTML Alumni. Dave Siegel's Web Wonk will show you how to create artful web pages that look like no other web pages you have seen (except for those that mimic the style!). See also his How to Create Killer Websites a book, a web site, and an experience. The Yale C/AIM WWW Style Manual should already be on your bookmark list! This is high octane stuff. We also like the Guide to Web Style by Sun Microsystems, and the Sevloid Guide to Web Design. For more on shaping raw content into effective web pages, see James West's Information Design Tutorial. Always keep within a mouseclick's distance Kevin Werbach's Bare Bones Guide to HTML, webreference.com, HTML Goodies, and Dr. HTML.

Writing HTML: The Lessons
©1994-1999 Maricopa Center for Learning and Instruction (MCLI)
Maricopa Community Colleges

The 'net connection at MCLI is Alan Levine
Comments to alan.levine@domail.maricopa.edu

URL: http://www.mcli.dist.maricopa.edu/tut/lessons.html