1 HTML in 21 minutes A legal HTML document ( html/legalt.html ): My Site My Site See the page Web Publishing with Databases It can be difficult to format.

Slides:

Advertisements

Similar presentations

HTML Forms. collect information for passing to server- side processes built up from standard widgets –text-input, radio buttons, check boxes, option lists,

Advertisements

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?

1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A

CIS101 Introduction to Computing Week 08. Agenda Your questions JavaScript text Resume project HTML Project Six This week online Next class.

Supplement Creating Forms. Objectives Show how forms are used How to create the Form element HTML elements used for creating input fields.

1 Lecture #5 Static Web Documents Shimrit Tzur-David HAIT Summer 2005.

Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.

HTML and XHTML Controlling the Display Of Web Content.

How to Make a Web Page: A Crash Course in HTML programming.

1 HTML Markup language – coded text is converted into formatted text by a web browser. Big chart on pg. 16—39. Tags usually come in pairs like – data Some.

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

Basic HTML. Guide to HTML code Not case sensitive Use tag for formatting output: new line, paragraph, text size, color, font type, etc. Can be a single.

ETT 229 Fall 2004 Web Design Basics II. Agenda 11:00-11:05 – Quiz 14 11:05-11:50 – Web Design Lecture 11:50-12:15 – Web Design Practice 2.

Gathering Requirements What do users want?. Information Gathering Techniques Surveys Interviews Focus Groups.

Computing Concepts Advanced HTML: Tables and Forms.

Form Basics CS Web Data  Most interesting web pages revolve around data  examples: Google, IMDB, Digg, Facebook, YouTube, Rotten Tomatoes  can.

1 Static Web Pages Websites on Servers (The Big Picture) –Apache Tomcat can support static web pages –Primarily intended to support servlets and JSP –Some.

USER INTERACTIONS: FORMS

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.

ETT 429 Spring 2007 Web Design I.

HTML 2. What is an HTML File? HTML stands for Hyper Text Markup Language An HTML file must have an htm or html file extension  With newer software it.

ECA 228 Internet/Intranet Design I Forms. ECA 228 Internet/Intranet Design I Forms forms are a way for a user to communicate with you – text fields –

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.

XP Tutorial 6New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Creating Web Page Forms Designing a Product Registration Form Tutorial.

XP Tutorial 6New Perspectives on HTML and XHTML, Comprehensive 1 Creating Web Page Forms Designing a Product Registration Form Tutorial 6.

CO1552 Web Application Development HTML Forms. Websites can be made more interactive by providing facilities for users to provide data To get user entered.

1 Creating Web Forms in HTML Web forms collect information from customers Web forms include different control elements including: –Input boxes –Selection.

DAT602 Database Application Development Lecture 14 HTML.

HTML II. Factors to consider in designing a website. Organizing your files. HTML Tables. Unordered Lists. Ordered Lists. HTML Forms. Learning Objectives.

ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.

Robinson_CIS_285_2005 HTML FORMS CIS 285 Winter_2005 Instructor: Mary Robinson.

HTML Hyper Text Markup Language It is used for describing web documents or web pages. A markup language is set of markup tags. HTML documents are described.

Web Design ATBs. ATB #1 List headings and size ATB #2 Define HTML.

Forms. Forms Forms are used for e-commerce, online purchases, surveys, registrations, etc. Website using forms usually collect information and must use.

Activity 2 Building a survey form using Dreamweaver Procedure

© 2010 Delmar, Cengage Learning Chapter 8 Collecting Data with Forms.

 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.

Introduction to HTML. What is HTML?  Hyper Text Markup Language  A markup language designed for the creation of web pages and other information viewable.

Forms and Server Side Includes. What are Forms? Forms are used to get user input We’ve all used them before. For example, ever had to sign up for courses.

LOGO FORMs in HTML CHAPTER 5 Eastern Mediterranean University School of Computing and Technology Department of Information Technology ITEC229 Client-Side.

XHTML 1.1  Derived from Standard Generalized Markup Language (SGML) of ISO  XHTML concerned primary with content rather than presentation and style 

76 © 1998, 1999, 2000 David T. Gray, Howard Duncan, Jane Kernan Frames When displaying information in a browser, it is sometimes useful to divide the display.

ITCS373: Internet Technology Lecture 5: More HTML.

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.

HTML Forms A Preliminary Step into Dynamic Web Fred Durao

CP102 Module 7: HTML 1 Module 7: HTML 1.What is 1.What is HTML? 2. 2.Basic syntax, document structure 3. 3.Basic formatting, images, links 4. 4.Lists,

FORMS. Forms are used to receive information from the web surfer, such as: their name, address, credit card, etc. Form fields are objects that allow.

Lecture 6 More Advanced HTML Boriana Koleva Room: C54

Introduction To HTML Form Inputs Written By George Gimian.

CSE 409 – Advanced Internet Technology 1 DISCUSSION OF BASIC HTML TAGS.

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.

Tutorial 6 Working with Web Forms. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore how Web forms interact with.

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.

CSC 405: Web Application And Engineering II Course Preliminaries Web publishing and Web-based services Web publishing and Web-based services Development.

WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.

1 Committed to Shaping the Next Generation of IT Experts. 03: Links and Forms HTML.

1 HTML forms (cont.)

HTML for web designing short course. What is an HTML File? HTML stands for Hyper Text Markup Language An HTML file must have an htm or html file extension.

HTML FORM. Form HTML Forms are used to select different kinds of user input. HTML forms are used to pass data to a server. A form can contain input elements.

1 R3 R1 R5 R4 R6 R2 B B A A Looking at the Code Under the View menu Select Source.

HTML Structure II (Form) WEEK 2.2. Contents Table Form.

Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.

XP Tutorial 6New Perspectives on HTML, XHTML, and DHTML, Comprehensive 1 Creating Web Page Forms Designing a Product Registration Form Tutorial 6.

HTML HyperText Markup Language. 1.Introduction  HTML is used to describe web pages.  HTML stands for Hyper Text Markup Language.  Tim Berners-Lee and.

2440: 141 Web Site Administration Web Forms Instructor: Joseph Nattey.

Presentation transcript:

1 HTML in 21 minutes A legal HTML document ( html/legalt.html ): My Site My Site See the page Web Publishing with Databases It can be difficult to format HTML code nicely — but try to be consistent! Write the HTML code yourself! Later we shall construct programs that generate HTML code!

2 General Page Layout (ps1-extra.html) You should know about the following tags in HTML: Headings/Overskrifter:...,...,... Rules (vandret streg): Paragraphs and line breaks:..., Quotes:... Centering:... Bold eller fed text:... Italic eller kursiv text:... Underlined eller understreget text:... Ordered lists:... Unordered lists:... List items:...

3 Hyper links (ps1-extra.html) Hyper links: name Local named hyper links:... References to a name: The Name Mail-to links: Tables:...,...,... and... Images: Colors: –... – and –...

4 HTML forms A form can contain text areas ( ), input fields ( ), and menus ( ) Example: html/formular.html (and formular2.html) <form method="post" enctype="text/plain">... more code... Attributes to the tag: –the completed form is sent by method="post" should be used when the completed form is sent by enctype="text/plain" sends the form as ordinary text (not encoded) A click on sends the completed form. A click on resets all fields, text areas, and menues.

5 Text Areas — In a text area ( ) any text can be written : Write your comments here! The attributes: name specifies a name for the field rows specifies the number of lines (rows) in the text area cols specifies the number of characters (columns) in each line in the text area

6 Input Fields — The attribute type determines the type of the input field: Single-line text areas: Passwords, which are not to be displayed by the browser: Check boxes, possibly more than one item can be checked at a time: Radio buttons, only one item can be checked at a time: Button for resetting a form: : Button for sending a completed form: :

7 Menu Choices, A drop-down menu, which allows the user so choose between a series of items (+ +): Pepperoni Pizza Pizza Bambino Chicken Dipper (9 pieces) The attribute multiple in the tag allows the user to choose more than one item. Complete form — html/formular.html With a nicer lay-out (using ): html/formular2.html

8 Completed questionnaire, when it is received via With enctype="text/plain": lastname=Olsen studentid=da4567 sex=male paper=guardian comments=This is not a nice questionnaire. order=9 Without enctype="text/plain": lastname=Olsen&studentid=da4567&sex=male&paper=guardia n& comments=This+is+not+a+nice+questionnaire.&order=9