Technology Peaks Performance! ...... Emphasizing use of HTML and JavaScript to create optimal email letterheads with this marquee feature,  Dark Navy Trebuchet 9 point font on Ivory background, table formatted, embedding images, logos, music, audio, even video, all in a form easily printed ...  An application of 'Rich Media' to optimize email communication ....  Class project.  More information, contact  me,  Joseph@Auciello.Net.   Out .....

 
 

 

There is an overlap in the lessons this week for CIS 035 and CIS 757:    CIS 035 deals with forms, forms use JS or CGI.   We are using JS.   035 is about using them for information.   757 does the same, , but goes deeper into the code level.  JA.

CIS 035 Week 06 Project

Week 06:  Forms + develop a PowerPoint presentation for http://wikidreamhomes.com

As a class project, we have been asked to develop RE listings and will use the web site  http://wikidreamhomes.com   -- to ftp to with the following  information:  ftp.wikidreamhomes.com  id:  wikidream   pw:  (get from Inst)

Forms:  Develop a submitable form.

 

 Week 6:  6: Creating Web Page Forms . Designing a Product Registration Form Form Editors .  Learning about CGI.
 

 
 

Reading:  Read lessons on Course Technology's site:  http://www.course.com/downloads/newperspectives/crweb3/index.cfm

 


<HTML> <HEAD> <TITLE>9:15 AUCIELLO ONLINE COMPREHENSION QUIZ</TITLE>LEARN HOW TO CREATE SUBMIT-ABLE FORMS TO YOUR WEBSITE. </HEAD> BELOW IS THE SOURCE CODE -- IF YOU HAVE ANY TROUBLE, JUST DOWNLOAD IT FROM</html><a href="http://cis035-forms.html">http://cis035-forms-05.html </a><HTML> <BODY text=#000000 vLink=#551a8b aLink=#ff0000 link=#0000ff bgColor=#ffffcc> <TABLE cellSpacing=0 cellPadding=0 border=0 width="642"> <TBODY> <TR> <TD colSpan=2 width="642"> <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#111111 height=403 cellSpacing=0 cellPadding=5 width=404 bgColor=#ffffcc border=1> <TBODY> <TR> <TD width=607 height=393 valign="top"> <CENTER> <p align="center" style="text-align: center"> <img border="0" src="aucilogo.jpg" width="600" height="86"> <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <b><font size="4" color="red" face="Arial">Enrollment Form</font></b> <!-- TABLE WITH FORM WITHIN STARTS HERE -->&nbsp;(100enroll)</CENTER> <!-- FORM STARTS HERE ************************************************************** --> <FORM name=theForm onsubmit="return Chck()" action="return Chck()" method=post> <table border="0" cellpadding="0" cellspacing="0" style="border:1px solid #FFFF00; border-collapse: collapse" width="678" bordercolorlight="#FFFF00" bordercolordark="#FFFF00" height="233"> <tr> <b> <Font color=black face="Courier New" size="4"> <td height="46" width="121" style="border: 1px solid #FFFF00; padding: 0" bordercolorlight="#FFFF00" bordercolordark="#FFFF00" bgcolor="#FFFFCC">&nbsp;</td> <td height="46" width="222" style="border: 1px solid #FFFF00; padding: 0"><FONT SIZE=2 COLOR=#000000 FACE="Comic Sans MS"><b> <font color="#000000">Last Name&nbsp;.... </font><input name="ln" type="text" size="15" onKeypress="if ( event.keyCode == 44 ) event.returnValue = false;"></b></font></font><Font color=#000000 face="Courier New" size="4"> </td> </font> <Font color=black face="Courier New" size="4"> <td width=156 height="46" style="border: 1px solid #FFFF00; padding: 0"><FONT SIZE=2 COLOR=#000000 FACE="Comic Sans MS"><b> <font color="#000000">First Name .... </font><input name="fn" type="text" size="12" onKeypress="if ( event.keyCode == 44 ) event.returnValue = false;"></b></font><Font face="Courier New" size="4"> </td> </font> </font> </b> <td width="284" style="border: 1px solid #FFFF00; padding: 0" height="46"><b> <FONT SIZE=2 COLOR=#000000 FACE="Comic Sans MS"> Counselor Name ...... <input name="cn" type="text" size="13"></font><font color="#000000"><Font face="Courier New" size="1"> </font><Font face="Comic Sans MS" size="2">(if HS student)</font> </font></td> </tr> <tr> <b><Font color=black face="Courier New" size="4"> <td height="47" width="180" style="padding: 0" bordercolorlight="#FFFF00" bordercolordark="#FFFF00" bgcolor="#FFFFCC">&nbsp;</td> <td height="47" width="281" style="padding: 0"><FONT SIZE=2 COLOR=#000000 FACE="Comic Sans MS"><b> <font color="#000000">email adrs 1 </font><input name="ea1" type="text" size="19" onKeypress="if ( event.keyCode == 44 ) event.returnValue = false;"><font color="#000000"> </font></b></font></td> <td height="47" width="225" style="padding: 0"><FONT SIZE=2 COLOR=#000000 FACE="Comic Sans MS"><b> <font color="#000000">email adrs&nbsp;2 </font><input name="ea2" type="text" size="20" onKeypress="if ( event.keyCode == 44 ) event.returnValue = false;"><font color="#000000"> </font></b></font></td> <Font color=black face="Comic Sans MS" size="2"> <td height="47" width="323" style="padding: 0"> <b><font color="#000000">&nbsp;(</font><font color="#000000" size="2" face="Comic Sans MS">JonSmith@earthlink.net)</font></b></td> </font> </font> </b> </tr> <tr> <b> <Font color = red face = "Arial" size="4"> <td height="63" width="230" valign="top" style="padding: 0" bordercolorlight="#FFFF00" bordercolordark="#FFFF00" bgcolor="#FFFFCC"> &nbsp;</td> <td height="63" width="331" valign="top" style="padding: 0"> <b> <FONT SIZE=2 COLOR=#000000 FACE="Comic Sans MS">Phone #1&nbsp;&nbsp; &nbsp; <input name="pn1" type="text" size="19" onKeypress="if ( event.keyCode == 44 ) event.returnValue = false;">&nbsp; <br> &nbsp;</font></b></td> <td height="63" width="275" valign="top" style="padding: 0"> <b> <FONT SIZE=2 COLOR=#000000 FACE="Comic Sans MS">Phone #2&nbsp;&nbsp; &nbsp; <input name="pn2" type="text" size="19" onKeypress="if ( event.keyCode == 44 ) event.returnValue = false;">&nbsp; <br> &nbsp;</font></b></td> </font> <Font color=black face="Courier New" size="4"> <td height="63" width="323" style="padding: 0"> <b> <font color="#000000" size="2" face="Comic Sans MS">&nbsp;(form of 213.763.7268)</font><FONT SIZE=2 COLOR=#000000 FACE="Comic Sans MS">&nbsp; </font></td> </font> </b> </tr> <tr> <td height="25" width="230" valign="top" style="padding: 0" bordercolorlight="#FFFF00" bordercolordark="#FFFF00" bgcolor="#FFFFCC"> &nbsp;</td> <td height="25" width="929" valign="top" style="padding: 0" colspan="3"> &nbsp;</td> </tr> <tr> <td height="84" width="230" valign="top" style="padding: 0" bordercolorlight="#FFFF00" bordercolordark="#FFFF00" bgcolor="#FFFFCC"> &nbsp;<p>&nbsp;</td> <td height="84" width="929" valign="top" style="padding: 0" colspan="3"> <font color="#800000" face="Comic Sans MS"> <TEXTAREA name=blah rows=5 cols=73> </TEXTAREA></font></td> </tr> <TR> <TD vAlign=center align=middle height="1"><font face="Comic Sans MS"> <font color="#800000"> &nbsp;</font><font size="2" color="#800000"></font></font> </TD> </TR> </table> </table> </TBODY></TABLE> </FORM> <TABLE height="1" width="641"> <TBODY> <TD vAlign=bottom align=right width=314 height="1"> <FORM name=theForm1 onsubmit="return Chck(this.name.value)" action=/bin/script_library/form_handler_file method=post> <p> <INPUT type=reset value="Clear Data">&nbsp;&nbsp;&nbsp; <input type="submit" value="Submit Data"> &nbsp; <!-- <INPUT VALUE="http://auciello.tripod.com/info.txt" NAME="end_display" --><INPUT style="BORDER-RIGHT: #dfdfdf; BORDER-TOP: #dfdfdf; BACKGROUND: #dfdfdf; BORDER-LEFT: #dfdfdf; COLOR: #dfdfdf; BORDER-BOTTOM: #dfdfdf" size=1 name=data01> <INPUT style="BORDER-RIGHT: #dfdfdf; BORDER-TOP: #dfdfdf; BACKGROUND: #dfdfdf; BORDER-LEFT: #dfdfdf; COLOR: #dfdfdf; BORDER-BOTTOM: #dfdfdf" size=1 name=data02> </TD> </tr> <TR> </FORM> </FORM> <H4><BR><BR></H4></TR></TBODY> </table> <p>(c) Copyright 2007 by Joseph Auciello</p> <p>&nbsp;</p> </BODY> </html>