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 

            

 

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 035 class is involved primarily in its multi-media performance and presentation-quality layout.  The CIS 757 class focuses on the HTML, JavaScript -- and soon to be -- Java Applets used to build the site.

     There is some overlap -- and both classes are encouraged to learn from each other -- in the form vs. function tradoffs,  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).

     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 informationbsp; 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).

Week 6

Creating Web Page Forms Creating Web Page Forms Form Editors. Learning about CGI

Week 7 

Working with Cascading Style Sheets.   Web Fonts
Week 8 Programming with JavaScript
Creating a Programmable Web Page.
JavaScript Resources on the Web. Interrupting Loops
Week 9
Working with JavaScript Objects and Events
Enhancing your Forms with JavaScript. 
Creating a Web Clock.  Opening Windows Working with the Status Bar Displaying the Date Last Modified Creating an Object Checking String Length Object Classes and Instances.  Applets (week 10).
 

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