Why is this important?

Forms are your client's connection to the user. Forms are used for e-commerce, feedback pages, and almost all communications from the user. This module will show you how to create all the basic elements of a form as well as how to automatically send an email with the form information.

Forms are important for more advanced topics in web work and you will be using these elements a lot in the future as you build more complex web pages.

Learning Objectives

Use forms to get information from the user.


Learning Activities

Learn about forms out on W3Schools - Forms
Note: This is an important module! Forms are a critical skill that you need in Web Programming and advanced web work.

Make your forms accessible using this tutorial from Web Standards. Build an example form template that you can use in the future as you go through both the beginner and intermediate pages.

Work through Tutorial:Forms Overview
The work you do in the tutorial will be a code you can use as part of the form requirement in your capstone project.

Use the selfquiz:Form to check your knowledge. - You can take this selfquiz as many times as you like.
This selfquiz will close on Thursday night before the graded quiz opens.

Review Gil Hanson's sample form He demonstrates how to use fieldsets, legends, labels, and CSS to make your forms easier to use and more accessible.

Here's a four page tutorial describing how to make forms more accessible.

OPTIONAL: Work through chapter 4 - Forms in the DreamWeaver CS3 Shelly Cashman text.


Assessment Activities

Activity Due Date

Take the Quiz:Forms
Don't forget to turn off your popup-stopper software

Before 11:55pm Sunday
April 19th

Instead of turning in a project this week, you will be including a form using mailto: as part of your capstone project.

Let me re-emphasize: Forms are something that you will be using in almost all of your web work in the future. Input from users is what drives web sites and eCommerce. Make sure you know and understand this information. Keep the example file where you can find it in the future.

 

All done? Let's look at an XHTML framework: WordPress

---

Course Goals

Questions? Send me an email: peter.johnson@southcentral.edu

Read my blog at: http:webexplorations.com/blog

South Central College Logo

Strong Start, Successful Finish