Instructional Design for

Learning Technologies

home | about | ideas | examples | resources | contact

Dedicated to sharing ideas that enrich learning through technology.

 

 

Editable HTML page
The following code will produce an editable, basic HTML page with a table suitable for data analysis in a class project. Simply copy the code starting here and ending there, paste it into Notepad, and save it as an HTML document.

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

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


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Author" content="JudyE">
<meta name="GENERATOR" content="Mozilla/4.74 [en] (Windows NT 5.0; U) [Netscape]">
<title>BasicTable Report</title>
</head>
<body>

<center><h3><b><font face="Arial,Helvetica">PUT YOUR CLASS NAME AND INFO
HERE</font></b></h3><font face="Arial,Helvetica"></font>
<p><H4><b><font face="Arial,Helvetica">PUT YOUR PROJECT TITLE AND INFO HERE</font></b></h4></center>
<font face="Arial,Helvetica"></font>
<p><font face="Arial,Helvetica">Put an explanatory paragraph about your
project here</font><font face="Arial,Helvetica"></font>
<p><font face="Arial,Helvetica">Put an explanatory paragraph about your
data analysis here.</font><font face="Arial,Helvetica"></font>
<p><b><font face="Arial,Helvetica">Table 1 - Explanatory Title</font></b>
<table BORDER COLS=5 WIDTH="100%" >
<tr>
<td>
<center><b><font face="Arial,Helvetica">Name</font></b></center>
</td>

<td>
<center><b><font face="Arial,Helvetica">1st Data</font></b></center>
</td>

<td>
<center><b><font face="Arial,Helvetica">2nd Data</font></b></center>
</td>

<td>
<center><b><font face="Arial,Helvetica">3rd Data</font></b></center>
</td>

<td>
<center><b><font face="Arial,Helvetica">4th Data</font></b></center>
</td>
</tr>

<tr>
<td><font face="Arial,Helvetica">Resource 1</font></td>

<td>
<div align=right><font face="Arial,Helvetica">3</font></div>
</td>

<td>
<div align=right><font face="Arial,Helvetica">2</font></div>
</td>

<td>
<div align=right><font face="Arial,Helvetica">0</font></div>
</td>

<td>
<div align=right><font face="Arial,Helvetica">1</font></div>
</td>
</tr>

<tr>
<td><font face="Arial,Helvetica">Resource 2</font></td>

<td>
<div align=right><font face="Arial,Helvetica">0</font></div>
</td>

<td>
<div align=right><font face="Arial,Helvetica">4</font></div>
</td>

<td>
<div align=right><font face="Arial,Helvetica">3</font></div>
</td>

<td>
<div align=right><font face="Arial,Helvetica">2</font></div>
</td>
</tr>

<tr>
<td><font face="Arial,Helvetica">Resource 3</font></td>

<td>
<div align=right><font face="Arial,Helvetica">2</font></div>
</td>

<td>
<div align=right><font face="Arial,Helvetica">1</font></div>
</td>

<td>
<div align=right><font face="Arial,Helvetica">3</font></div>
</td>

<td>
<div align=right><font face="Arial,Helvetica">1</font></div>
</td>
</tr>

<tr>
<td><b><font face="Arial,Helvetica">Totals</font></b></td>

<td>
<div align=right><b><font face="Arial,Helvetica">5</font></b></div>
</td>

<td>
<div align=right><b><font face="Arial,Helvetica">7</font></b></div>
</td>

<td>
<div align=right><b><font face="Arial,Helvetica">6</font></b></div>
</td>

<td>
<div align=right><b><font face="Arial,Helvetica">4</font></b></div>
</td>
</tr>
</table>
<b><i><font face="Arial,Helvetica"><font size=-2>Source: source information
here</font></font></i></b><b><i><font face="Arial,Helvetica"></font></i></b>
<p><font face="Arial,Helvetica">Put an explanatory paragraph about your
results here.</font><font face="Arial,Helvetica"></font>
<p><font face="Arial,Helvetica">Put a thesis paragraph (if any) here.</font><font face="Arial,Helvetica"></font>
<p><font face="Arial,Helvetica">Put a concluding paragraph here.</font>

</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