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.

Slides:



Advertisements
Similar presentations
Microsoft Expression Web-Illustrated Unit J: Creating Forms.
Advertisements

Project 8 Creating Style Sheets.
Creating and Editing a Web Page Using Inline Styles
Using Advanced Cascading Style Sheets
Hyperlink & Form Pertemuan 11 Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
Microsoft Office 2007 Excel Web Feature Creating Web Pages Using Excel.
Creating and Editing a Web Page
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
Microsoft Office 2007 PowerPoint Web Feature Creating Web Pages Using PowerPoint.
Office 2003 Introductory Concepts and Techniques M i c r o s o f t PowerPoint Web Feature Creating a Presentation on the Web Using PowerPoint.
This demo shows how to create a simple multiple choice exercise using drop down menu boxes with the forms tool within MSWord.
Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.
1 ADVANCED MICROSOFT WORD Lesson 15 – Creating Forms and Working with Web Documents Microsoft Office 2003: Advanced.
Creating Tables in a Web Site.  Define table elements  Describe the steps used to plan, design, and code a table  Create a borderless table to organize.
HTML Concepts and Techniques Fourth Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text.
HTML Comprehensive Concepts and Techniques Third Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text.
MS FrontPage 2: Developing a web site for the Sunny Morning Products Yong Choi CSU Bakersfield.
Lesson 13: Building Web Forms Introduction to Adobe Dreamweaver CS6 Adobe Certified Associate: Web Communication using Adobe Dreamweaver CS6.
Adding an Inline Style Sheet Page without Inline Style Sheet Page with Inline Style Sheet.
HTML Concepts and Techniques Fourth Edition Project 8 Creating Style Sheets.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Creating Tables in a Web Site
HTML Comprehensive Concepts and Techniques Second Edition Project 3 Creating Tables in a Web Site.
XHTML Introductory1 Forms Chapter 7. XHTML Introductory2 Objectives In this chapter, you will: Study elements Learn about input fields Use the element.
Robinson_CIS_285_2005 HTML FORMS CIS 285 Winter_2005 Instructor: Mary Robinson.
Microsoft Office 2007 PowerPoint Web Feature Creating Web Pages Using PowerPoint.
Website Development with Dreamweaver
Creating and Editing a Web Page using HTML IMED1316.
Creating and Editing a Web Page Project 2. Project Objectives Project 2: Creating and Editing a Web Page 2 Identify elements of a Web page Start Notepad.
HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.
HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.
Dreamweaver CS4 Concepts and Techniques Chapter 4 Forms.
Activity 2 Building a survey form using Dreamweaver Procedure
Writing a JavaScript User-Defined Function  A function is JavaScript code written to perform certain tasks repeatedly  Built-in functions.
HTML Concepts and Techniques Fourth Edition Project 7 Creating a Form on a Web Page.
Creating a Form on a Web Page
1 Creating a Second Web Page This section shows you how to create the Huntington Beach Web site.
Pasewark & Pasewark Microsoft Office 2003: Introductory 1 INTRODUCTORY MICROSOFT OUTLOOK Lesson 1 – Outlook Basics and .
Chapter 1 Creating a Dreamweaver Web Page and Local Site
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,
1 Creating the Header Page The header frame always displays on the AHS Web site The image (screagle.gif) that will go in the header is contained on the.
HTML Comprehensive Concepts and Techniques Third Edition 2 nd Project Creating and Editing a Web Page.
Microsoft FrontPage 2003 Illustrated Complete Creating a Form.
HTML Concepts and Techniques Fourth Edition Project 5 Creating an Image Map.
Using Frames in a Web Site Project 6. Project Objectives Project 6: Using Frames in a Web Site 2 Define terms related to frames Describe the steps used.
HTML Concepts and Techniques Fifth Edition Chapter 4 Creating Tables in a Web Site.
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Website Forms / Data Acquisition.
Starting BBEdit or Notepad and Opening the HTML File Start BBEdit or Notepad Select Open from the File Menu Open survey1.htm from the Public Folder.
HTML Concepts and Techniques Fifth Edition Chapter 3 Creating Web Pages with Links, Images, and Formatted Text.
1 After completing this lesson, you will be able to: Get around the Internet with your browser. Connect to the Internet. Print Web pages. Save Web pages.
Project 6 Creating Forms on a Web Page. Objectives Define terms related to forms Describe the different form controls and their uses Use the tag Create.
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.
Web Page-Chapter 6 Forms. Inserting a Form  Display the Insert bar  Click the arrow to the right of the display category on the Insert bar and then.
Creating and Editing a Web Page
Creating Forms on a Web Page. 2 Introduction  Forms allow Web developers to collect visitor feedback  Forms create an environment that invites people.
Creating and Editing a Web Page Using Inline Styles
1 Creating a Menu Bar on a Secondary Web Page  It is important for visitors to be able to move easily from one page to another  You will create a menu.
1 Your Web Page title body of Web page main heading H2 heading bulleted list paragraph.
Creating Web Pages with Links, Images, and Embedded Style Sheets
Project 8 Creating Style Sheets.
Creating Tables in a Web Site Using an External Style Sheet
Using Frames in a Web Site
Creating Tables in a Web Site
Project 5 Creating an Image Map.
Creating Forms on a Web Page
Creating Frames on a Web Page
Presentation transcript:

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 are four types of selection menus

Creating a Form with Selection Menus simple selection menu SIZE set to 3 multiple choice – two choices selected one choice selected as default

Opening the HTML File Got to the Public Folder Open survey2.htm in Notepad or BBEdit

Current survey2.htm File

Future survey2.htm File

Identifying the Form Process Click line 9 and press the ENTER key Type and then press the ENTER key Click the blank line just above the tag (line 28) and press the ENTER key Type as the tag

Changing the Initial Text Highlight lines 14 and 15 and then press the DELETE key With the insertion point on line 14, type and send your responses to the Reunion Committee by using the Submit button below. as the text. Highlight lines 17 through 23 and then press the DELETE key

Changing the Initial Text unnecessary text deleted

Adding Radio Buttons to the Second Form Add the following HTML, starting on line 17

Adding Radio Buttons to the Second Form radio buttons specified

Creating Selection Controls start select menu field name start option end option

Creating Selection Controls Add the following HTML, starting on line 21

Adding a Selection Menu three options

Adding More Radio Buttons and a Selection Menu Add the following HTML, starting on line 28

Adding More Radio Buttons and a Selection Menu

Inserting a Text Field Click line 38 and press the ENTER key Type What will you be willing to pay per person (cash bar not included)? $ and then press the ENTER key Type and then press the ENTER key twice

Inserting a Text Field

Adding the Submit and Reset Buttons If necessary, click line 42 Type and press the ENTER key

Adding the Submit and Reset Buttons

Saving the HTML File Save the file with survey2.htm as the file name

Viewing the HTML File In the Browser Start your browser Open up the file and Test it

Printing the Web Page Click the Print button on the Standard Buttons toolbar

Printing the HTML File Click the Notepad button on the Taskbar Click File on the menu bar and then click Print

Testing the Submit Buttons In survey1.htm and survey2.htm:  Enter your address (instead of as the form’s ACTION  Enter values in all controls  Test the Submit button to make sure you receive an with the name-value pairs attached

Advanced Selection Menus simple selection menu SIZE set to 3 multiple choice – two choices selected one choice selected as default

Advanced Selection Menus

Summary Define terms related to forms Describe the different form controls and their uses Use the tag Create radio buttons Create a text field Create a textarea field

Summary Use the tag Create a selection menu Insert options into a selection menu Create a Submit button Create a Reset button

What You Should Know

Project 6 Complete