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

"Chariots" ... Push Play to Start
Construction    Home Electronics    Electrical   Plumbing   Graphic Arts    Media Tech  Security
Professionalism + Experience ...   Auto Body / Mechanics, Carpentry / Construction,  Electrical,  Electronic,  Home Electronics,  Plumbing,  Welding,  . . . . .

     During Weeks 8 and 9, a website is being built -- hosted at http://757cis.tripod.com.  The CIS 757 class focuses on the HTML, JavaScript -- and soon to be -- Java Applets used to build the site. The CIS 035 class is involved primarily in its multi-media performance and presentation-quality layout. 

     There is some overlap -- and both classes are encouraged to learn from each other -- in the form vs. function tradeoffs,  layout and implementation both at the design and code level,  and the issues regarding protecting source code.

     It is a joint-class project to build a fully functioning website that has commercial value, and to teach these skills.  In that regard, students will be given access to the source code, help on modifying and building it, protecting, then posting it on the web, producing a functioning web site.  In this process, we will cover the topics list in the course syllabi. (below).

From CIS 757 syllabi:

Please study these topic -- using the list below:

Also, following are topics CIS 035 syllabi:

     Common Gateway Interface -- an example of a CGI program is the one implementing a Wiki -- computer software that allows users to easily create, edit and link web pages.  Transferring information to / from the desktop / web.  An example would be linking a data base on your system to the web -- protocol software is called "gateway".   http://hoohoo.ncsa.uiuc.edu/cgi/intro.html

     Forms.  Require special software -- cgi type -- to upload information -- add-ons to a browser -- investigate  Opera and Firefox browsers also.   A special program scripted on server-side.   Some websites provide "form processing" as a service -- Tripod provided it free to members -- The code to submit forms to a Tripod account follows --  (not the use of server-side program)

<Form ACTION="/bin/script_library/form_handler_file"
METHOD="POST" name=theForm1 onSubmit="tester(); return testResults(this.form)">

     Cascading Style Sheets.  Used to create buttons on class web page -- style sheet parameters follow:

 <STYLE type=text/css>#coolmenu
   { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid;
     BORDER-LEFT: black 1px solid; WIDTH: 170px;
     BORDER-BOTTOM: black 0px solid; BACKGROUND-COLOR: #ddddff }

     HTML #coolmenu { WIDTH: 164px }
     #coolmenu A { PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 4px;
     PADDING-BOTTOM: 2px; FONT: bold 13px Verdana; WIDTH: 100%;
     COLOR: black; PADDING-TOP: 2px;
     BORDER-BOTTOM: black 1px solid; TEXT-DECORATION: none }

     UNKNOWN { WIDTH: auto }

     #coolmenu A:hover { COLOR: green; BACKGROUND-COLOR: fuchsia }
     TABLE.MsoTableGrid { BORDER-RIGHT: windowtext 1pt solid;
     BORDER-TOP: windowtext 1pt solid; FONT-SIZE: 10pt;
     BORDER-LEFT: windowtext 1pt solid;
     BORDER-BOTTOM: windowtext 1pt solid;
     FONT-FAMILY: "Times New Roman" }
</STYLE>

This is the definition of the "Coolmenu" style sheeet which is used in a <DIV> statement defining the button (get source code from Instructor).

Action Items:  Add more music buttons.  Add Java Applet -- discuss style.

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