We think you have liked this presentation. If you wish to download it, please recommend it to your friends in any social system. Share buttons are a little bit lower. Thank you!
Presentation is loading. Please wait.
Published byJames Osborne
Modified over 5 years ago
© 2011 Delmar, Cengage Learning Chapter 9 Collecting Data with Forms
© 2011 Delmar Cengage Learning 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test and process a form Chapter 9 Lessons
© 2011 Delmar Cengage Learning Collecting Data with Forms A form on a web page consists of form objects into which users type information or from which they make selections. Form labels identify the form object by its function.
© 2011 Delmar Cengage Learning Collecting Data with Forms Tools You’ll Use
© 2011 Delmar Cengage Learning Plan and Create a Form When you are planning your form content, you should organize it in a logical order that will make sense to users. The most important part should be “above the fold” which is the part of the page you see before you scroll.
© 2011 Delmar Cengage Learning Plan and Create a Form Server-side scripting uses applications that reside on your web server and interact with the form information collected.
© 2011 Delmar Cengage Learning Plan and Create a Form Common types of server-side applications: –Common Gateway Interface (CGI) –Cold Fusion –Java Server Page (JSP) –Active Server Pages (ASP)
© 2011 Delmar Cengage Learning Plan and Create a Form Form controls in the Property inspector Form Form ID propertyMethod propertyAction propertyTarget property Form properties
© 2011 Delmar Cengage Learning Plan and Create a Form The Method Property specifies HyperText Transfer Protocol (HTTP) used to send the form data to the web server. The GET method specifies that ASCII data collected in the form will be sent to the server appended to the URL.
© 2011 Delmar Cengage Learning Plan and Create a Form The Post method specifies that the form data should be sent to the processing script as a binary or encrypted file. The Form name property specifies a unique name for the form. The Target property lets you specify the window in which you want the form data to be processed.
© 2011 Delmar Cengage Learning Plan and Create a Form CGI scripts: –Allows a web browser to work directly with the programs that are running on the server –Makes it possible for a website to change in response to user input
© 2011 Delmar Cengage Learning Edit and Format a Form You can use CSS or tables to help you lay out forms. Website that uses tables to lay out a form
© 2011 Delmar Cengage Learning Edit and Format a Form When you create a form you need to include form field labels Website that clearly marks labels for form fields
© 2011 Delmar Cengage Learning Work with Form Objects Form objects are also called: –Form elements –Form controls –Form inputs –Form fields
© 2011 Delmar Cengage Learning Work with Form Objects Text fields are the most common type of form object and are used for collecting a string of characters. A text area field is a text field that can store several lines of text.
© 2011 Delmar Cengage Learning Work with Form Objects You can use check boxes to create a list of options from which a user can make multiple selections. You can use radio buttons to provide a list of options from which only one selection can be made. A radio group is a group of radio buttons.
© 2011 Delmar Cengage Learning Work with Form Objects Website form with several form objects
© 2011 Delmar Cengage Learning Work with Form Objects You can insert a menu when you want a user to select a single option from a list of choices. You can insert a list when you want a viewer to select one or more options from a list of choices.
© 2011 Delmar Cengage Learning Work with Form Objects Hidden fields make it possible to provide information to the web server and form-processing script without the user knowing the information is being sent. You can use an image field to create buttons that contain custom graphics.
© 2011 Delmar Cengage Learning Work with Form Objects A file field lets the user upload sample files to your website. A Submit button is what users click to transfer form data. The Reset button lets users clear data from a form.
© 2011 Delmar Cengage Learning Work with Form Objects A custom button triggers an action that you specify on the page. Jump menus let users go quickly to different pages in your site. Label tags clearly identify each form object and are read with screen readers.
© 2011 Delmar Cengage Learning Work with Form Objects Using Adobe Marketplace and Exchange Adobe Marketplace & Exchange is a central storage location for program extensions, known as add-ons.
© 2011 Delmar Cengage Learning Test and Process a Form After you create a form, you should test it to make sure it works correctly. When a form has several required fields, you should highlight those fields in a different color. When your form is finished, you should have people test it before you publish it.
© 2011 Delmar Cengage Learning Test and Process a Form Adding visual clues for required fields Hint for userAsterisks added after labels
17 HTML, Scripting, and Interactivity Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and.
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Chapter 12 Working with Forms Principles of Web Design, 4 th Edition.
Tutorial 6 Creating a Web Form
Hyperlink & Form Pertemuan 11 Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
Creating Web Page Forms. Objectives Describe how Web forms can interact with a server-based program Insert a form into a Web page Create and format a.
Tutorial 6 Working with Web Forms
Forms Review. 2 Using Forms tag Contains the form elements on a web page Container tag tag Configures a variety of form elements including text.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Tutorial 6 Working with Web Forms. XP Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create.
Creating Web Page Forms
Web Development & Design Foundations with XHTML Chapter 9 Key Concepts.
Chapter 10 Form Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
Chapter 9 Working with Forms. Principles of Web Design 2nd Ed. Chapter 9 2 Principles of Web Design Chapter 9 Objectives Understand how forms work Understand.
Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.
1 Web Developer & Design Foundations with XHTML Chapter 6 Key Concepts.
© 2022 SlidePlayer.com Inc. All rights reserved.