Note 6 for Web Publishing II

Watch & Read:

You will need to register at Mal's E-commerce
Mal has a tutorial that will help you set up your connection to his shopping cart!

A Web Form needs an action (what you are going to do with the form) and should include a method (how to send the info in the form)

We will play with the following form objects: Sample Form

 
Text Field & Area Check Box Radio Button
Selection Box Submit Button Reset Button

Jon's Bribe Site uses a form that connects to a database.

We will be interacting with a database at Mal's Website. Mal's database needs the following fields to be filled out for the shopping cart to work. Mal's website uses Cold Fusion to create the connection to his database

  1. userid     User Id for your shopping cart setup
  2. product    What is the product you are selling?
  3. price    Price of the Product you are selling
  4. qty    How many will the customer want to buy?
  5. Form Action     You will need to provide an action for this form to work. Mal will send you this URL when you register!

The Form we will use to connect to Mal's E-commerce.

With Forms you can "Get" or "Post" information to your server. You have the option of adding several "objects" to your HTML with the forms tag. Text boxes, Text Areas, Check Boxes, Radio Buttons and Submit Buttons are the more popular objects you can add to your page.

CGI stands for Common Gateway Interface. CGI adds interactivity between HTML and the Web servers resources (data bases or ability to create new pages.) Several different languages can be used to create CGI scripts. Some of the more popular languages are Perl, VB Script, Java Script, C++ and Apple Script.

Review the following:

Tutorial Galaxy's has Newsletter!

Tables <table> are broken into rows <tr> and columns <td> or <th> for the header of a table. You can add a caption <caption> or identify the column heading <thead>, table body <tbody>, and a table footer <tfoot>.

 

table graphic

 

Tables are a Web designer's best friend. Tables are a great way to "lay out" text and graphics. You position the graphics within one cell in the table and you can place the text in another cell.

TIP: If you forget to end a the table tag, your data will disappear in Netscape!

Terms you need to Lookup:

Form, Action, Checkbox, drop down box, CGI, database, cfm, asp

Homework:

Create a Reume of your self. The Resume will be graded for its sophistication and use of proper coding.

You should be reading Chapter 11 in Dreamweaver

Final Step:

Review in your mind everything we covered in class and remember to cover it again before you go to bed so your mind to process this information while you sleep.