HTML 5 AND CSS ACTIVITY

User Generated

Yrb1

Computer Science

Description

Unformatted Attachment Preview

HTML Activity R Registration Form Objectives: Estimated time: 180 minutes To test skills in the following areas: • Designing a form utilizing text, password, radio, check, select and comment boxes • Organizing form elements using field sets • Creating submit and reset buttons • Adding shortcut accessibility options Instructions: 1) Create a form for any type of processing. Before coding, draw a layout of your form. 2) Be sure to include comments that include your name, period and date and indicates the various fields set up for the form. 3) Post the form to http://ss1.ciwcertified.com/cgi-bin/process.pl to verify action. 4) The form should be broken into distinct categories. 5) The form should include the following parameters: a. Input fields b. Input field with max length and/or set value c. Password field d. Check boxes and radio buttons e. Menu choice f. Text Area g. Field Sets with Legends h. Submit and reset buttons 6) All fields have accessibility via short cut keys and tab index options. 7) Format the page using CSS style rules. 8) Save the lab as Registration in the LAB folder. 9) Complete the rubric. Be sure to have another student review the rubric. 10) Call over instructor when done. Be ready to show site off with pride. 11) Print out code, CSS and validation reports. DO NOT WRITE ON THIS SHEET TURN IT IN AT THE END OF CLASS STUDENT INFORMATION Date: 111 – 111 – 111 Last Name: Male: First Name: Female: Division: ID: Freshman: Sophomore: Junior: Senior: Enter Password to continue: CLASS SCHEDULE I prefer to start: ENGLISH 1st period MATH 2nd period SCIENCE HISTORY COMMENTS Comments? Concerns? Please let us know. We will not accommodate any unreasonable requests. I am happy with my selection and ready to submit my request. ALT-s to submit using keyboard, else click on happy face. Stop! Do not submit my request and start over with selection. ALT-r to reset all fields using keyboard, else click on no sign. THIS IS ONLY A SAMPLE AND MAY NOT BE USED Name: Lab: QA Student: Date: Forms LAB RUBRIC 0 Aesthetics First Impression Design Images. Color. Fonts. Layout Fields - Input. Max Length. Pwd. Chk. Radio. Menu Fields – Access keys .Tab Index. Buttons – Submit. Reset. HTML/CSS Logical? Practical? HTML/CSS Code validation 1 This is deformed!? Back to the drawing table. This is lame. Whoa! This is Senseless! What the hell is this? You work for Microsoft? 2 3 4 5 SCORE Designer Tester This blows my mind! Awesome. Good variety of fields. Easy nav. Sweet. Wow! How did you do that? Got them all fixed! TOTAL POINTS Additional comments or suggestions from quality assurance tester Answer the following questions: 1. What difficulties did you encounter with your code or CSS?(2) 2. What did validation report about your code? If errors, explain what you did to fix them.(2) 3. Compare and contrast radio buttons and check boxes. Note some other instances of use. (2) 4. How does a CGI script parse data from a form field? (4)
Purchase answer to see full attachment
User generated content is uploaded by users for the purposes of learning and should be used following Studypool's honor code & terms of service.

Explanation & Answer


Anonymous
Just the thing I needed, saved me a lot of time.

Studypool
4.7
Trustpilot
4.5
Sitejabber
4.4

Related Tags