1 PROJECT 5 WEB/HTML COMPUTER PURCHASE FORM Management Information Systems, 9 th edition, By Raymond McLeod, Jr. and George P. Schell © 2004, Prentice.

Slides:



Advertisements
Similar presentations
Using EBSCOs Search Box Builder Tool Tutorial. Would you like to promote your EBSCOhost resources by adding an easy-to-use search box to your website?
Advertisements

Creating an EDS Search Box Using EBSCO’s Search Box Builder Tool
This Presentation Contains Narration and Notes To hear the narration, turn on your speakers or plug in headphones. If you would like to view this slideshow.
Microsoft Expression Web-Illustrated Unit J: Creating Forms.
Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.
CIS101 Introduction to Computing Week 08. Agenda Your questions JavaScript text Resume project HTML Project Six This week online Next class.
Creating a Form on a Web Page
Creating a Form with Selection Menus The SELECT control creates a selection menu This control only allows the visitor to choose pre-defined choices There.
Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.
Logging into ITAMS as a Student or Hourly Employee To Login to ITAMS for the first time: Open your web browser. Click File, Open, and type the following.
Customizing Word Microsoft Office Word 2007 Illustrated Complete.
Create a Form in Dreamweaver Go to: Introduction Step 1 Step 2 Step 3 Step 4 Step 5 Step 6 Introduction Goals Purpose Scope Prerequisites Install (if needed)
Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.
Using Frames in a Web Site
1 Creating a Web Page An introduction to Hypertext Markup Language (HTML) ~~~~~ ~~~~ ~~~~~
1 ADVANCED MICROSOFT WORD Lesson 15 – Creating Forms and Working with Web Documents Microsoft Office 2003: Advanced.
4-Sep-15 HTML Forms Mrs. Goins Web Design Class. Parts of a Web Form A Form is an area that can contain Form Control/Elements. Each piece of information.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 1 1.Open FrontPage – View -> Page 2.Open.
1 PROJECT 7 SPREADSHEETS WITH DATA CAPTURE—MINIVAN EXAMPLE Management Information Systems, 9 th edition, By Raymond McLeod, Jr. and George P. Schell ©
Event Manager Training Part 3.  Edit Event Options - Customize FY11 Sites  Edit Event Webpages  Sending s (Recruitment/Engagement)  Help and.
Web Technologies Website Development Trade & Industrial Education
HTML II. Factors to consider in designing a website. Organizing your files. HTML Tables. Unordered Lists. Ordered Lists. HTML Forms. Learning Objectives.
Washington Campus Compact New Time Log Database Note to users: You should use Internet Explorer to use this database. In other programs (i.e. Firefox)
December 9,  Review different form tags!  Example program  Lunch program  Extras: ◦ Speaker will be here on Monday, December 13th – DeVRY! ◦
Creating a Web Site to Gather Data and Conduct Research.
1 Macromedia Dreamweaver Outline Introduction Macromedia Dreamweaver Text Styles Images and Links Symbols and Lines Tables Forms Scripting in Dreamweaver.
Website Development with Dreamweaver
1 PROJECT 6 SPREADSHEET BASICS Management Information Systems, 9 th edition, By Raymond McLeod, Jr. and George P. Schell © 2004, Prentice Hall, Inc.
Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.
This tutorial teaches Microsoft Word basics. Although knowledge of how to navigate in a Windows environment is helpful, this tutorial was created for.
HTML Concepts and Techniques Fourth Edition Project 7 Creating a Form on a Web Page.
Creating a Form on a Web Page
CREATING TEMPLATES CREATING CUSTOM CHARACTERS IMPORTING BATCH DATA SAVING DATA & TEMPLATES CREATING SERIES DATA PRINTING THE DATA.
Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.
 Whether using paper forms or forms on the web, forms are used for gathering information. User enter information into designated areas, or fields. Forms.
1 PROJECT 12 REPORTS BASED ON QUERIES Management Information Systems, 9 th edition, By Raymond McLeod, Jr. and George P. Schell © 2004, Prentice Hall,
HTML, Third Edition--Illustrated Introductory 1 HTML, Third Edition Illustrated Introductory Unit G Using Forms to Control Input.
Dreamweaver MX. 2 Overview of Templates n Forms enable you to collect data from ______. n A form contains ________ such as text fields, radio buttons,
CHAPTER 7 Form & PHP. Introduction All of the following examples in this section will require two web pages. The first page retrieves information posted.
1 Database Design and Development: A Visual Approach © 2006 Prentice Hall Chapter 8 DATABASE DESIGN AND DEVELOPMENT: A VISUAL APPROACH Chapter 8 Creating.
1 PROJECT 4 WEB/HTML CUSTOMER SATISFACTION FORM Management Information Systems, 9 th edition, By Raymond McLeod, Jr. and George P. Schell © 2004, Prentice.
Microsoft FrontPage 2003 Illustrated Complete Creating a Form.
Grade Quick Training Level I Please do not log on.
Fall 2003Sylnovie Merchant, Ph.D. ACCESS Tutorial Note: The purpose of this tutorial is to provide an introduction to some of the functions of ACCESS in.
HTML Concepts and Techniques Fifth Edition Chapter 4 Creating Tables in a Web Site.
January 2006Colby College ITS Setting Up Course Pages.
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Website Forms / Data Acquisition.
HTML Concepts and Techniques Fifth Edition Chapter 3 Creating Web Pages with Links, Images, and Formatted Text.
HTML Creating Forms on a Web Page. 2 Objectives  Discuss the process of creating a form  Distinguish between data input controls and text input controls.
1 PROJECT 2 WEB/HTML PROJECT USING MICROSOFT WORD Management Information Systems.
Creating and Editing a Web Page
1 Creating Links Lesson 2. 2 In the center column type : Home | Order Now | Contact Us This is the navigation button which will link to the other pages.
HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,
Creating and Editing a Web Page Using Inline Styles
Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Lesson No : 8 Intro. to Word 2000,File mgmt, Editing, Formatting & print. Doc. CHBT-01 Basic Micro process & Computer Operation.
Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.
Web and Multimedia Development Copyright © Genetic Computer School 2007WM LESSON OVERVIEW  Use of Tables  Creating Tables  Try It – 1  Creating.
1 PROJECT 1 TECHNOLOGY ENHANCED PRESENTATIONS Management Information Systems, 9 th edition, By Raymond McLeod, Jr. and George P. Schell © 2004, Prentice.
Using Custom Submission Questions and Questionnaires in Editorial Manager™ Created by J. Strusz (9/21/2010)
1 PROJECT 3 WEB/HTML PROJECT USING NOTEPAD Management Information Systems, 9 th edition, By Raymond McLeod, Jr. and George P. Schell © 2004, Prentice Hall,
Emdeon Office Batch Management Services This document provides detailed information on Batch Import Services and other Batch features.
Creating and Processing Web Forms
PROJECT 7 SPREADSHEETS WITH DATA CAPTURE—MINIVAN EXAMPLE
Creating Tables in a Web Site Using an External Style Sheet
Unit I: Collecting Data with Forms
For a new user you must click on the “Registration for Generator” link
Creating Forms on a Web Page
Unit 5 Create Forms.
Presentation transcript:

1 PROJECT 5 WEB/HTML COMPUTER PURCHASE FORM Management Information Systems, 9 th edition, By Raymond McLeod, Jr. and George P. Schell © 2004, Prentice Hall, Inc.

2 Learning Objectives Understand how forms work to capture information from the Web page user. Understand the use of text boxes and text areas to acquire typed input from a user. Learn how to create a radio button and a check box to acquire user input from a mouse click. Learn how to create a choice of options from a drop-down menu.

3 Introduction Forms provide a mechanism for gathering information from users who visit a Web page This project involves the generation of a form for a user to purchase a computer This project creates the form but does not provide the Web browser with instructions for processing the form results Information from a form is generally ed back to the firm or assimilated into its database

4 EXAMPLE This example creates a form to order a computer from Acme Computer Builders. The completed Web page form is shown in Figure P5.1 It represents the five most common techniques for capturing information from a Web site: –A text field –A drop-down menu –A radio button technique (such as for the monitor) –The check box (similar to a radio button but the user may select one or more of the choices) –A text area box for comments that allows the user to enter several lines of data into a single input

5 SECTIONS OF THE EXAMPLE FORM The form begins in the same manner as Project 3, with the first information to be gathered aimed at helping the firm contact the customer From Figure P5.3 you can see that the customer information in the example is actually enclosed in a table The next section of the Web page asks about the computer to be purchased The drop-down icon is shown in Figure P5.1 just to the right of the phrase “select a computer” and the zip code field has a default value already entered into the field The next section of the form asks the user to choose a monitor Figure P5.1 presents check boxes for additional features on the computer to be purchased The submit command is shown in line 64 of Figure P5.2

6

7

8

9 SAVING THE EXAMPLE You must save the document as an HTML file. The default type of document in Notepad is a text document and the.txt file extension will be automatically added to the file name if the file is saved in “text” mode and a Web browser will not interpret text document types Enter a file name such as “Acme.htm” for your project but without the quotation marks The file type chosen (i.e., “Save as type”) must be “All Files” and the encoding is “ANSI”

10 VIEW THE WEB PAGE Once the Web page has been saved you can view it to see if it works correctly If you need to make any corrections, choose the Notepad editor again Edit the document’s HTML code and save the document again. It is very important that each time you save the HTML file using Notepad, the file type is “All Files” Reopen the Web browser and choose the “View” command followed by the “Refresh” subcommand Repeat the process until you are satisfied with your Web page

11 ASSIGNMENT 1. You are required to make an order form for Creation Computers. A sample of what your results should look like is shown in Figure P5.4. Notice that the name “Creation Computers” is in a paragraph at the top of the page and is both centered and in a font size larger than the rest of the sample. 2. Use text fields to capture the last name, first name, and address of the customer. Each name field should be allowed a size of 20 characters of text and the address should have a field size of 30. The default domain of should be in the field. The text fields are in a table that has two columns and three rows. “Last Name,” “First Name,” and “ Address” are in the first column. Notice that they are in data cells aligned to the right so that the label is aligned next to the input field.

12 ASSIGNMENT 3. A drop-down menu is used to select the computer model to purchase. The phrase “make a selection” is shown and the other choices are “Standard Creation,” “Deluxe Creation,” and “Creation Notebook.” 4. Use radio buttons to find out how the customer will pay for the purchase. Notice that the “Cash” choice should be checked as the default response. 5. Check boxes are used to ask customers how they learned about Creation Computers. 6. A comments box should be made that is five rows deep and 50 characters across. 7. Create a submit button and a reset button similar to those in the sample of Figure P5.4.

13

14 END OF PROJECT 5