December 9, 2010.  Review different form tags!  Example program  Lunch program  Extras: ◦ Speaker will be here on Monday, December 13th – DeVRY! ◦

Slides:



Advertisements
Similar presentations
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?
Advertisements

Electronic Timesheet User Manual
X10 hosting Sign up for free account. Enter a domain name click continue Then Enter your address Enter a password.
FORMs Lesson TBE 540. Prerequisites Before beginning this lesson, the learner must be able to… –Create basic web pages using a text editor and/or a web.
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.
Now we will introduce you to the computer program that you will use throughout the semester. This program will allow you to create a customized Study Plan,
Realtime Equipment Database F.R.E.D. stands for Fastline’s Realtime Equipment Database. F.R.E.D. will allow you to list all your inventory online. F.R.E.D.
Tutorial 6 Working with Web Forms
Gathering Requirements What do users want?. Information Gathering Techniques Surveys Interviews Focus Groups.
There is a certain way that an HTML file should be set up. The HTML section declares a beginning and an ending. Within the HTML, there should be a HEAD.
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.
You’re using Top Hat this term! Top Hat is a classroom response system that allows users to participate in class polls, quizzes, discussions, and more.
1. The first thing you must do is go to Survey Monkey Creating a Survey using SurveyMonkey Gustavo.
Website Tutorial. Administration  Log on by clicking Login on the footer of almost any page  Your Username is.
1 DIG 3134 – Lecture 3 Forms Michael Moshell University of Central Florida Media Software Design.
Welcome to the Southeastern Louisiana University’s Online Employment Site Applicant Tutorial!
INTRODUCTION TO WEB DEVELOPMENT AND HTML Lecture 07: Forms - Spring 2011.
Reading Data in Web Pages tMyn1 Reading Data in Web Pages A very common application of PHP is to have an HTML form gather information from a website's.
Brief Overview of Web Forms L. G. Piper Bunker Hill Community College 23 March 2011.
CO1552 Web Application Development HTML Forms. Websites can be made more interactive by providing facilities for users to provide data To get user entered.
December 19,  Vocabulary Words  Review different form tags!  Video Game program (See Project Worksheet) -or-  Lunch program (See Project Worksheet)
Online Community Involvement Tracking Hour Republic has developed a community involvement solution where students can track their hours online, with integrated.
Robinson_CIS_285_2005 HTML FORMS CIS 285 Winter_2005 Instructor: Mary Robinson.
Internet-Based English 250WI Orientation slide show. American literature.
How will this presentation benefit ME? Save Money Get a higher tax return Get a Higher Grade.
Activity 2 Building a survey form using Dreamweaver Procedure
HTML Concepts and Techniques Fourth Edition Project 7 Creating a Form on a Web Page.
Creating a Form on a Web Page
Sign In with and password An ArbiterSports Tutorial presented by your ECBOA.
Basic Instructions on how to use One Drive and share files. ONE Drive Your LogoYour own footer.
 Whether using paper forms or forms on the web, forms are used for gathering information. User enter information into designated areas, or fields. Forms.
LOGO FORMs in HTML CHAPTER 5 Eastern Mediterranean University School of Computing and Technology Department of Information Technology ITEC229 Client-Side.
HTML, Third Edition--Illustrated Introductory 1 HTML, Third Edition Illustrated Introductory Unit G Using Forms to Control Input.
CSC 8560Fall 2000 Computer NetworksBhargavi Balasubramanian & Bob Viola Project 1 Description: E-Commerce Objective:Build a web storefront to sell videos.
HTML FORMS GET/POST METHODS. HTML FORMS HTML Forms HTML forms are used to pass data to a server. A form can contain input elements like text fields, checkboxes,
1 PROJECT 4 WEB/HTML CUSTOMER SATISFACTION FORM Management Information Systems, 9 th edition, By Raymond McLeod, Jr. and George P. Schell © 2004, Prentice.
1 PROJECT 5 WEB/HTML COMPUTER PURCHASE FORM Management Information Systems, 9 th edition, By Raymond McLeod, Jr. and George P. Schell © 2004, Prentice.
Online Surveys Jacqui James and Malcolm Roberts School of Education.
Web Forms. Survey or poll Contact us Sign up for an newsletter Register for an event Submit comments or feedback about our site Log in to a members-only.
Online Surveys Jacqui James Malcolm Roberts School of Education.
Web Page Design Forms! Website Design. Objectives What forms can do The Attributes of the form tag Using Textboxes Textareas Checkboxes Radio buttons.
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.
First Grade Weekly News! What’s new?! This week we will be working on story structure/elements (characters, setting, etc.), writing “how to” pieces on.
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 Form Inputs. Creating a basic form …content goes here…
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.
First Grade Weekly News! What’s new?! This week we will be working on story structure, learning all about text features, asking and answering questions.
Creating Forms on a Web Page. 2 Introduction  Forms allow Web developers to collect visitor feedback  Forms create an environment that invites people.
First Grade Weekly News! What’s new?! This week we will be working on forming opinions based on facts in a text and supplying reasons for our opinion,
Websites with Weebly are easy!. What is Weebly? Weebly is a free website creator. It is very easy to use. If you feel comfortable creating documents with.
Web Forms. Web Forms: A form allows our web visitors to submit information to us. Some examples uses for forms are to let the web user contact us, fill.
FORMS Explained By: Jasdeep Kaur. Lecturer, Department of Computer Application, PGG.C.G., Sector: 42, Chandigarh.
Working On-Line Module 4 People's Resource Center Barry Glicklich Last updated 24 December 2011Working On-Line (BG)1.
The Login Page is the first page your customers
Popcorn System.
The Smarter Balanced Assessment Consortium
The Smarter Balanced Assessment Consortium
The Smarter Balanced Assessment Consortium
Creating Forms on a Web Page
For use on your feedback page
The Smarter Balanced Assessment Consortium
The Smarter Balanced Assessment Consortium
Hotmail Customer Support Helpline Number
Unit 5 Create Forms.
Presentation transcript:

December 9, 2010

 Review different form tags!  Example program  Lunch program  Extras: ◦ Speaker will be here on Monday, December 13th – DeVRY! ◦ Test on Wednesday, December 15th ◦ Failure Notices go out Friday!!!!! Not good news for some.

 Is a web page designed to gather information from the visitor.  It can be a page: ◦ To sell products/services ◦ Used access your account using a password ◦ That acts as a guestbook ◦ To find out who is visiting your web site ◦ To get feedback about the web page or other areas of interest.

 Allow the visitor to select only one option from a list of items!  Tags:

 Sets a radio button to be a checked state.  Only one can be checked!  Tags: Bake sale Candy sale Dances

 Allows for a single line of input.  Tags:

 Will let you provide more space to accommodate a larger amount of input.

 Submit – when clicked sends the input data to the appropriate location for processing.  Reset – deletes any data previously typed into text or textarea field.

 Open notepad and enter the following code from your paper!

 Project #2  GreatApplications, Inc., wants to enter the online videogame business. However, before it starts programming the next great online videogame, it wants to survey potential customers to see what kinds of online games they want to play and buy. Brainstorm 10 questions that will help GreatApplications, Inc., learn what its customers want in a videogame program. Using your tag skills, create an online survey to gather information from potential customers, such as the respondents’ names and addresses. Ask questions that utilize drop-down lists, radio selection items, and check boxes. ◦ Create your web page to solve the above problem. ◦ Save your work to your flash drive and bring to my computer for grading.

 Create a web page of a form that will survey the food in the school’s cafeteria. First you will need to come up with 10 questions that will help you survey the food. Once you have your 10 questions, plan the design of your form. Once you have developed your plan start writing the HTML Code. ◦ Please show me in your web site the following: ◦ Text box ◦ Drop-down list ◦ Radio Button ◦ Check box ◦ Submit button ◦ Reset button  Look in this week of worksheets for examples.  To do:  Develop your project.  You should have at least one page for your questions.  Save your work to your flash drive and bring to my computer for a grade. I will have a special folder for you.

 Don’t forget Wednesday Test!  On Image Maps,Frames and Forms. Look at your old worksheets!