Instructional Design for

Learning Technologies

home | about | ideas | examples | resources | contact

Dedicated to sharing ideas that enrich learning through technology.

 

 

Editable Simple Web page
 The following code will produce an editable, simple Web page. Simply copy the code starting here and ending there, paste it into Notepad, and save it as an HTML document (name.html).

To edit: Using a graphical copy of the page as a guide,

  1. Open the page in Notepad
  2. Scan the code for the content you want to edit
  3. Type or paste in the new content here

You can also use any WYSIWYG editor if you have access.


<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>My Hero</title>
<meta content="Judy Eichstaedt" name="author">
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(204, 204, 255);"
link="#000099" vlink="#990099" alink="#000099">
<div align="center"> <font size="7"><i><font
face="Arial, Helvetica, sans-serif" color="blue">My Hero!</font></i></font>
<table cellpadding="0" cellspacing="0" border="2" width="400"
bgcolor="#ffffff">
<tbody>
<tr>
<td valign="top">
<div align="center">
<p><font face="Arial, Helvetica, sans-serif">(put the name of
your hero here)</font></p>
<table cellpadding="0" cellspacing="0" border="2" width="92">
<tbody>
<tr>
<td valign="top"><img alt="Picture of my hero" height="68"
width="102" src="imageofhero1.gif"> </td>
</tr>
</tbody>
</table>
<p><font face="Arial, Helvetica, sans-serif">This is a picture of
my hero</font></p>
</div>
<blockquote>
<p align="left">&nbsp;</p>
<p align="left"><font face="Arial, Helvetica, sans-serif">My
hero is (put the name of your hero here). </font></p>
<p>&nbsp;</p>
<p align="left"><font face="Arial, Helvetica, sans-serif">I
chose (name of hero) to be my hero because:</font></p>
<p align="left">&nbsp;</p>
<p align="left">&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif">I admire these
things about my hero: </font> </p>
<ul>
<li><font face="Arial, Helvetica, sans-serif">thing #1</font></li>
<li><font face="Arial, Helvetica, sans-serif">thing #2</font></li>
<li><font face="Arial, Helvetica, sans-serif">thing #3</font></li>
<li><font face="Arial, Helvetica, sans-serif">thing #4</font></li>
</ul>
</blockquote>
</td>
</tr>
<tr>
<td height="34" valign="top">
<div align="center">
<p>&nbsp;</p>
<p><font face="Arial, Helvetica, sans-serif">This website was
created by: (Put Your Name Here). <br>
<br>
My email address is <a href="mailto:yourname@youremail.com">(put your
email address here)</a></font></p>
<a href="mailto:yourname@youremail.com"> </a></div>
<a href="mailto:yourname@youremail.com"> </a></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
</div>
<br>
<br>
</body>
</html>

 
 
 
 
 

Permission is granted to use these materials for an educational or noncommercial purpose.

This site changes frequently; please check back soon.


home | about | ideas | examples | resources | contact
how to use site | tech integration overview | basics | preparation | web page | tables
internet safety for teachers | community culture | glossary | usability

JudyEichstaedt.com