HTML Blueprints | index | prev | next | view | peek |

Plan 5:
Sample Lesson

This is a very crude set up for a lesson page that contains course information, a graphic, a list of Objectives, an assignment, and hypertext links to external resources.
HTML
 NOTES
 
<html>
<head>
<title>Lesson Name</title>
</head>
<body bgcolor="#FFFFFF">
Header and Body. The body tag contains a NetScape option to colorize the background. the notation is the hexadecimal code for the color white. For more info, see Yahoo 
<h1>Lesson Name</h1>
<h3>Course</h3>
<b>Instructor Name</b>, office location, 
phone number, hours, etc..<p>
<img src="images/logo.gif" 
width=225 height=225 alt="logo">
<hr>
<h2>Objectives</h2>
In this lesson, you will:
<ul>
<li> Objective 1
<li> Objective 2
<li> Objective 3
</ul>
<p>
<hr>
<h3>Introduction</h3>
blah blah blah blah blah blah 
blah blah blah blah blah 
blah blah blah blah blah blah 
blah blah blah blah blah 
blah blah blah blah blah blah 
blah blah blah blah blah 
blah blah blah blah blah blah 
blah blah blah blah blah 
blah blah blah blah blah blah 
blah blah blah blah blah 
blah blah blah blah blah 
<p>
<p>
<hr>
<h3>Intructions</h3>
<ol>
<li> Do this
<li> Do that
<li> Read this
<li> Read that
<li> <a href="plan6.html">assignment</a>
<li>
</ol>
<p>
<hr>


Content information about the course and a logo graphic







<h2>Other resources</h2>
These are some other sources of information:
<ul>
<li> <a href="http://a.b.c.edu/">Another Web site</a>
<li> <a href="gopher://a.b.c.edu/">Gopher site</a>
<li> <a href="ftp://a.b.c.edu/">Ftp site</a>
<li> <a href="telnet://a.b.c.edu/">Telnet source</a>
<li> <a href="doc.html">Another local HTML document</a>
<li> <a href="cool.gif">GIF image</a>
<li>
</ul>
<p>



Examples of how to set up hypetext links to
different resources.







<hr>
<B>Document Title</B><br>
last modified: 4/1/99<br>
<ADDRESS>
<A HREF="http://xyz.myschool.edu/">
MySchool</A><br>
<a href="http://xyz.myschool.edu/users/me/myhome.html">
My name</a><br>
Comments to 
<b><A HREF="mailto:me@myschool.edu">
me@myschool.edu</A></b>
</ADDRESS>
<p>
<TT>
URL: http://xyz.myschool.edu/users/me/lesson.html
</TT>
<p>



Footer information for the document contains a title, the name of the person
who wrote it, a link to send them email, and a listing of
the URL for the page.






</body>
</html>














View this web page