CIS Assignment:
Forms in HTML
Preliminary attempt (without self-assessment) due Tuesday 19 October
Final submission due Monday 25 October
Objectives
...develop full familiarity with elements of HTML forms ...
...be able to use a simple text editor to create web pages using valid XHTML and CSS
...understand the distinction between "client" and "server" in relation to HTTP and scripting
Criteria
Assignment will be graded out of 20 points
- Appropriate form elements presented in a usable layout (4 points)
- Correct use of form-related HTML tags (3 points)
- Valid XHTML (2 points, all or nothing)
- Valid CSS (1 points, all or nothing)
- Self-assessment (10 points)
Directions
- You may want to continue working on online tutorials, but you should mainly focus on looking at an HTML tag reference sheet like the one on HTML Dog. Browse the tags which are used in forms.
- Create a simple XHTML document which displays one of the following sets of form elements:
- Name info
- Address info
- Search field keywords
- File upload
- Message text
- Interests/Activities
- Survey
- Date
<form action="http://grace.evergreen.edu/cis/current/task/processForm.php"
method="post">
(Or you can use
method="get" to see what it does.)
Self-assessment
Your self-assessment should include the following components:
- Assign yourself a grade (using the criteria listed above) and provide evidence for the grade you have given yourself.
- Explain, in your own terms, what it is that your form elements will allow a user to do and why you chose the elements you did. That is, why did you use a text field rather than a select field? Or whatever the case may be.
- Explain, in your own terms, what the function of the PHP page (processForm.php) and its relationship to the HTML page that you have created.
- Assess your level of competence in relation to the objectives.
- Describe the value of this assignment.
- State any plans you have for further work needed to reach the objectives.
Submission
- Submit your files and your self-assessment to your WebX portfolio.