Interaction between browser and server. HTML (Hyper Text Markup Language)

Size: px
Start display at page:

Download "Interaction between browser and server. HTML (Hyper Text Markup Language)"

Transcription

1 Interaction between browser and server The client/server model is a computing model that acts as a distributed application which partitions tasks or workloads between the providers of a resource or service, called servers, and service requesters, called clients.[1] Often clients and servers communicate over a computer network on separate hardware, but both client and server may reside in the same system. A server machine is a host that is running one or more server programs which share their resources with clients. A client does not share any of its resources, but requests a server's content or service function. Clients therefore initiate communication sessions with servers which await incoming requests. HTML (Hyper Text Markup Language) HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is a markup language A markup language is a set of markup tags The tags describes document content HTML documents contain HTML tags and plain text HTML documents are also called web pages HTML Tags HTML markup tags are usually called HTML tags HTML tags are keywords (tag names) surrounded by angle brackets like <html> HTML tags normally come in pairs like <b> and </b> The first tag in a pair is the start tag, the second tag is the end tag The end tag is written like the start tag, with a forward slash before the tag name Start and end tags are also called opening tags and closing tags <tagname>content</tagname> HTML Elements "HTML tags" and "HTML elements" are often used to describe the same thing. But strictly speaking, an HTML element is everything between the start tag and the end tag, including the tags: HTML Element: 1

2 HTML Page Structure Below is a visualization of an HTML page structure: <html> <body> <h1>this a Heading</h1> <p>this is another paragraph.</p> </body> </html> HTML Headings HTML headings are defined with the <h1> to <h6> tags. <h1>this is a heading</h1> <h2>this is a heading</h2> <h3>this is a heading</h3> HTML Paragraphs HTML paragraphs are defined with the <p> tag. <p>this is another paragraph.</p> HTML Links HTML links are defined with the <a> tag. <a href=" is a link</a> Note: The link address is specified in the href attribute. HTML Images HTML images are defined with the <img> tag. <img src="w3schools.jpg" width="104" height="142"> Empty HTML Elements HTML elements with no content are called empty elements. <br> is an empty element without a closing tag (the <br> tag defines a line break). Tip: In XHTML, all elements must be closed. Adding a slash inside the start tag, like <br />, is the proper way of closing empty elements in XHTML (and XML). HTML Attributes Attributes provide additional information about HTML elements. HTML elements can have attributes Attributes provide additional information about an element Attributes are always specified in the start tag Attributes come in name/value pairs like: name="value" Attribute HTML links are defined with the <a> tag. The link address is specified in the href attribute: <a href=" is a link</a> 2

3 HTML Formatting Tags This text is bold This text is italic This is computer output This is subscript and superscript HTML uses tags like <b> and <i> for formatting output, like bold or italic text. <p>an example of <b>bold Text</b></p> <p>an example of <em>emphasized Text</em></p> <p>an example of <strong>strong Text</strong></p> <p>an example of <i>italic Text</i></p> <p>an example of <sup>superscripted Text</sup></p> <p>an example of <sub>subscripted Text</sub></p> <p>an example of <del>struckthrough Lists Text</del></p> Unordered <p>an example list of <code>computer Code <ul> Text</code></p> <li>item</li> <li>item</li> </ul> Ordered list <ol> <li>first item</li> <li>second item</li> </ol> Definition list <dl> <dt>item 1</dt> <dd>describe item 1</dd> <dt>item 2</dt> <dd>describe item 2</dd> </dl> Iframe <iframe src="demo_iframe.htm"></iframe> An example of Bold Text An example of Emphasized Text An example of Strong Text An example of Italic Text superscripted Text An example of An example of subscripted Text An example of struckthrough Text An example of Computer Code Text Tables <table border="1"> <tr> <th>table header</th> <th>table header</th> </tr> <tr> <td>table data</td> <td>table data</td> </tr> </table> Include video into your web page <video width="320" height="240" controls autoplay> <source src="movie.ogg" type="video/ogg"> <source src="movie.mp4" type="video/mp4"> <source src="movie.webm" type="video/webm"> <object data="movie.mp4" width="320" height="240"> <embed width="320" height="240" src="movie.swf"> </object> </video> Or/ <embed src="intro.swf" height="200" width="200"> 3

4 HTML Forms and Input HTML Forms are used to select different kinds of user input and to pass data to a server. An HTML form can contain input elements like text fields, checkboxes, radio-buttons, submit buttons and more. A form can also contain select lists, textarea, fieldset, legend, and label elements. The tag is used to create an HTML form: input elements HTML Forms - The Input Element The most important form element is the <input> element. The <input> element is used to select user information. An <input> element can vary in many ways, depending on the type attribute. An <input> element can be of type text field, checkbox, password, radio button, submit button, and more. Text Fields <input type="text"> defines a one-line input field that a user can enter text into: First name: <input type="text" name="firstname"><br> Last name: <input type="text" name="lastname"> How the HTML code above looks in a browser: First name: Last name: Password Field Password: <input type="password" name="pwd"> Radio Buttons <input type="radio" name="sex" value="male">male<br> <input type="radio" name="sex" value="female">female Checkboxes <input type="checkbox" name="vehicle" value="bike">i have a bike<br> <input type="checkbox" name="vehicle" value="car">i have a car Submit Button <form name="input" action="html_form_action.asp" method="get"> Username: <input type="text" name="user"> <input type="submit" value="submit"> 4

5 GET versus POST Requests on HTML Forms When you are submitting a form or sending data to a web server or web page, you have two methods you can use to transfer that data: get post You can tell these two methods apart by looking at how the data is sent. GET requests are sent as a query string on the URL while POST requests are sent in the body of the HTTP request. What this means is that a GET request can be seen by the user because the form data is written to the URL. While POST requests are sent as part of the HTTP request and are not seen by the user directly. GET requests have the following features. They are defined in the URL field and because of that: They remain in the browser history and can be accessed using the History API. They can be cached, like any other URL. They can be bookmarked or sent to other people. They can be used anywhere there is a link. Because of these features, you should never use a GET request to store sensitive data like passwords, credit card numbers, and identification codes. Also, keep in mind that URLs in Internet Explorer do have length restrictions. And form data can get extensive. Form data that might be longer than 2,000 characters including the domain, file name, and data labels should be sent by POST rather than GET as may become a may be a problem. You should use POST requests for actions that are unsafe. An unsafe action is one that can have adverse consequences if it is repeated. For example: When a customer submits a web form to make a purchase, if they submit that form again, they could make the purchase a second time without realizing it. POST requests are sent in the HTTP headers and so are mostly invisible to end users. This makes POST requests ideal for sensitive data. The data is hidden and not cached. If a reader bookmarks the form results page, the data is not sent again. In fact, in most PHP forms, the form is simply displayed as though no data had been sent (because none has). Also, because HTTP headers don't have the same types of limits as URLs, you can use POST requests for longer data fields. 5

HT H ML B as a ics c 1

HT H ML B as a ics c 1 HTML Basics 1 What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set

More information

HTML Basics(w3schools.com, 2013)

HTML Basics(w3schools.com, 2013) HTML Basics(w3schools.com, 2013) What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language. HTML is a markup language A markup language is a set of markup tags.

More information

Introduction to HTML

Introduction to HTML Introduction to HTML What is an HTML File? HTML stands for Hyper Text Markup Language An HTML file is a text file containing small markup tags The markup tags tell the Web browser how to display the page

More information

XHTML BASICS. Institute of Finance Management CIT Department Herman Mandari

XHTML BASICS. Institute of Finance Management CIT Department Herman Mandari XHTML BASICS Institute of Finance Management CIT Department Herman Mandari HTML Styles Introduces CSS to HTML The main purposes is to provide a common way to style all HTML elements Examples

More information

Introduction to XHTML. 2010, Robert K. Moniot 1

Introduction to XHTML. 2010, Robert K. Moniot 1 Chapter 4 Introduction to XHTML 2010, Robert K. Moniot 1 OBJECTIVES In this chapter, you will learn: Characteristics of XHTML vs. older HTML. How to write XHTML to create web pages: Controlling document

More information

Short notes on webpage programming languages

Short notes on webpage programming languages Short notes on webpage programming languages What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is a markup language A markup language is a set of

More information

ICT 6012: Web Programming

ICT 6012: Web Programming ICT 6012: Web Programming Covers HTML, PHP Programming and JavaScript Covers in 13 lectures a lecture plan is supplied. Please note that there are some extra classes and some cancelled classes Mid-Term

More information

BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D

BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D 1 LEARNING OUTCOMES Describe the anatomy of a web page Format the body of a web page with block-level elements

More information

WEB DESIGN LAB PART- A HTML LABORATORY MANUAL FOR 3 RD SEM IS AND CS (2011-2012)

WEB DESIGN LAB PART- A HTML LABORATORY MANUAL FOR 3 RD SEM IS AND CS (2011-2012) WEB DESIGN LAB PART- A HTML LABORATORY MANUAL FOR 3 RD SEM IS AND CS (2011-2012) BY MISS. SAVITHA R LECTURER INFORMATION SCIENCE DEPTATMENT GOVERNMENT POLYTECHNIC GULBARGA FOR ANY FEEDBACK CONTACT TO EMAIL:

More information

HTML, CSS, XML, and XSL

HTML, CSS, XML, and XSL APPENDIX C HTML, CSS, XML, and XSL T his appendix is a very brief introduction to two markup languages and their style counterparts. The appendix is intended to give a high-level introduction to these

More information

So we're set? Have your text-editor ready. Be sure you use NotePad, NOT Word or even WordPad. Great, let's get going.

So we're set? Have your text-editor ready. Be sure you use NotePad, NOT Word or even WordPad. Great, let's get going. Web Design 1A First Website Intro to Basic HTML So we're set? Have your text-editor ready. Be sure you use NotePad, NOT Word or even WordPad. Great, let's get going. Ok, let's just go through the steps

More information

CSE 3. Marking Up with HTML. Tags for Bold, Italic, and underline. Structuring Documents. An HTML Web Page File

CSE 3. Marking Up with HTML. Tags for Bold, Italic, and underline. Structuring Documents. An HTML Web Page File CSE 3 Comics Updates Shortcut(s)/Tip(s) of the Day Google Earth/Google Maps ssh Anti-Spyware Chapter 4: Marking Up With HTML: A Hypertext Markup Language Primer Fluency with Information Technology Third

More information

Accessibility in e-learning. Accessible Content Authoring Practices

Accessibility in e-learning. Accessible Content Authoring Practices Accessibility in e-learning Accessible Content Authoring Practices JUNE 2014 Contents Introduction... 3 Visual Content... 3 Images and Alt... 3 Image Maps and Alt... 4 Meaningless Images and Alt... 4 Images

More information

Chapter 2 HTML Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D

Chapter 2 HTML Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D Chapter 2 HTML Basics Key Concepts Copyright 2013 Terry Ann Morris, Ed.D 1 First Web Page an opening tag... page info goes here a closing tag Head & Body Sections Head Section

More information

CGI Programming. What is CGI?

CGI Programming. What is CGI? CGI Programming What is CGI? Common Gateway Interface A means of running an executable program via the Web. CGI is not a Perl-specific concept. Almost any language can produce CGI programs even C++ (gasp!!)

More information

Basic HTML Vocabulary Rules

Basic HTML Vocabulary Rules Basic HTML Vcabulary Rules Belw yu will find an essential list f HTML tags and attributes and their meanings. HTML: An acrnym fr Hypertext Markup Language HTML Element: An HTML element is an individual

More information

Internet Technologies

Internet Technologies QAFQAZ UNIVERSITY Computer Engineering Department Internet Technologies HTML Forms Dr. Abzetdin ADAMOV Chair of Computer Engineering Department aadamov@qu.edu.az http://ce.qu.edu.az/~aadamov What are forms?

More information

HTML Overview. With an emphasis on XHTML

HTML Overview. With an emphasis on XHTML HTML Overview With an emphasis on XHTML What is HTML? Stands for HyperText Markup Language A client-side technology (i.e. runs on a user s computer) HTML has a specific set of tags that allow: the structure

More information

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages

More information

Introduction... 3. Designing your Common Template... 4. Designing your Shop Top Page... 6. Product Page Design... 8. Featured Products...

Introduction... 3. Designing your Common Template... 4. Designing your Shop Top Page... 6. Product Page Design... 8. Featured Products... Introduction... 3 Designing your Common Template... 4 Common Template Dimensions... 5 Designing your Shop Top Page... 6 Shop Top Page Dimensions... 7 Product Page Design... 8 Editing the Product Page layout...

More information

Further web design: HTML forms

Further web design: HTML forms Further web design: HTML forms Practical workbook Aims and Learning Objectives The aim of this document is to introduce HTML forms. By the end of this course you will be able to: use existing forms on

More information

Formatting Text in Blackboard

Formatting Text in Blackboard Formatting Text in Blackboard If you want to spice up your blackboard announcements with different color of the text, bolded text, italicized text, lists, tables and images you can do so by typing HTML

More information

Website Planning Checklist

Website Planning Checklist Website Planning Checklist The following checklist will help clarify your needs and goals when creating a website you ll be surprised at how many decisions must be made before any production begins! Even

More information

XHTML Forms. Form syntax. Selection widgets. Submission method. Submission action. Radio buttons

XHTML Forms. Form syntax. Selection widgets. Submission method. Submission action. Radio buttons XHTML Forms Web forms, much like the analogous paper forms, allow the user to provide input. This input is typically sent to a server for processing. Forms can be used to submit data (e.g., placing an

More information

HTML Forms and CONTROLS

HTML Forms and CONTROLS HTML Forms and CONTROLS Web forms also called Fill-out Forms, let a user return information to a web server for some action. The processing of incoming data is handled by a script or program written in

More information

Website 101. Yani Ivanov. Student Assistant / Web Administrator

Website 101. Yani Ivanov. Student Assistant / Web Administrator Website 101 Yani Ivanov Student Assistant / Web Administrator Information Technology for Environmental Research Area of the Hawai`i NSF EPSCoR Program Covered Topics Introduction to HTML What is it and

More information

Introduction to Web Design Curriculum Sample

Introduction to Web Design Curriculum Sample Introduction to Web Design Curriculum Sample Thank you for evaluating our curriculum pack for your school! We have assembled what we believe to be the finest collection of materials anywhere to teach basic

More information

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.

More information

CS412 Interactive Lab Creating a Simple Web Form

CS412 Interactive Lab Creating a Simple Web Form CS412 Interactive Lab Creating a Simple Web Form Introduction In this laboratory, we will create a simple web form using HTML. You have seen several examples of HTML pages and forms as you have worked

More information

JISIS and Web Technologies

JISIS and Web Technologies 27 November 2012 Status: Draft Author: Jean-Claude Dauphin JISIS and Web Technologies I. Introduction This document does aspire to explain how J-ISIS is related to Web technologies and how to use J-ISIS

More information

Making Content Editable. Create re-usable email templates with total control over the sections you can (and more importantly can't) change.

Making Content Editable. Create re-usable email templates with total control over the sections you can (and more importantly can't) change. Making Content Editable Create re-usable email templates with total control over the sections you can (and more importantly can't) change. Single Line Outputs a string you can modify in the

More information

Building Your Website

Building Your Website Building Your Website HTML & CSS This guide is primarily aimed at people building their first web site and those who have tried in the past but struggled with some of the technical terms and processes.

More information

HTML Forms. Pat Morin COMP 2405

HTML Forms. Pat Morin COMP 2405 HTML Forms Pat Morin COMP 2405 HTML Forms An HTML form is a section of a document containing normal content plus some controls Checkboxes, radio buttons, menus, text fields, etc Every form in a document

More information

The Web Web page Links 16-3

The Web Web page Links 16-3 Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Write basic HTML documents Describe several specific HTML tags and their purposes 16-1 Chapter Goals

More information

HTML5 and CSS3 The Future of the Web Programming HTML. Sergio Luján Mora

HTML5 and CSS3 The Future of the Web Programming HTML. Sergio Luján Mora HTML5 and CSS3 The Future of the Web Programming HTML Sergio Luján Mora 1 Content Introduction HTML syntax Differences HTML/XHTML Tags More information INTRODUCTION 2 Wikipedia: Introduction HyperText

More information

RESPONSIVE EMAIL TEMPLATE GUIDE

RESPONSIVE EMAIL TEMPLATE GUIDE RESPONSIVE EMAIL TEMPLATE GUIDE GUIDELINES FOR POWERFUL RESPONSIVE EMAIL TEMPLATES IN CAMPAIGNER You ve created a powerful email campaign, built the right list segment, and you re ready to send. But have

More information

LAB MANUAL CS-322364(22): Web Technology

LAB MANUAL CS-322364(22): Web Technology RUNGTA COLLEGE OF ENGINEERING & TECHNOLOGY (Approved by AICTE, New Delhi & Affiliated to CSVTU, Bhilai) Kohka Kurud Road Bhilai [C.G.] LAB MANUAL CS-322364(22): Web Technology Department of COMPUTER SCIENCE

More information

HTML. A computer network is a collection of computers linked through cables or wireless means.

HTML. A computer network is a collection of computers linked through cables or wireless means. What is a computer network? HTML A computer network is a collection of computers linked through cables or wireless means. What is Internet? Internet is a network of computers of different sizes and configurations

More information

How to Create an HTML Page

How to Create an HTML Page This is a step-by-step guide for creating a sample webpage. Once you have the page set up, you can add and customize your content using the various tags. To work on your webpage, you will need to access

More information

07 Forms. 1 About Forms. 2 The FORM Tag. 1.1 Form Handlers

07 Forms. 1 About Forms. 2 The FORM Tag. 1.1 Form Handlers 1 About Forms For a website to be successful, it is important to be able to get feedback from visitors to your site. This could be a request for information, general comments on your site or even a product

More information

CSC 160 Introduction to Programming for Non-majors

CSC 160 Introduction to Programming for Non-majors CSC 160 Introduction to Programming for Non-majors Lecture 1 Creating A Web Page Using HTML This is a really a course about programming, so why are we starting off talking about web pages and HTML? The

More information

Tutorial 6 Creating a Web Form. HTML and CSS 6 TH EDITION

Tutorial 6 Creating a Web Form. HTML and CSS 6 TH EDITION Tutorial 6 Creating a Web Form HTML and CSS 6 TH EDITION Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create input boxes and form labels

More information

An Attribute is a special word used inside tag to specify additional information to tag such as color, alignment etc.

An Attribute is a special word used inside tag to specify additional information to tag such as color, alignment etc. CHAPTER 10 HTML-I BASIC HTML ELEMENTS HTML (Hyper Text Markup Language) is a document-layout and hyperlink-specification language i.e., a language used to design the layout of a document and to specify

More information

With tags you can create italic or bold characters, and can control the color and size of the lettering.

With tags you can create italic or bold characters, and can control the color and size of the lettering. HTML TUTORIAL TO UPDATE YOUR WEBSITE What Is a Tag? A tag is a method of formatting HTML documents. With tags you can create italic or bold characters, and can control the color and size of the lettering.

More information

HTML Tables. IT 3203 Introduction to Web Development

HTML Tables. IT 3203 Introduction to Web Development IT 3203 Introduction to Web Development Tables and Forms September 3 HTML Tables Tables are your friend: Data in rows and columns Positioning of information (But you should use style sheets for this) Slicing

More information

Advanced Drupal Features and Techniques

Advanced Drupal Features and Techniques Advanced Drupal Features and Techniques Mount Holyoke College Office of Communications and Marketing 04/2/15 This MHC Drupal Manual contains proprietary information. It is the express property of Mount

More information

By Glenn Fleishman. WebSpy. Form and function

By Glenn Fleishman. WebSpy. Form and function Form and function The simplest and really the only method to get information from a visitor to a Web site is via an HTML form. Form tags appeared early in the HTML spec, and closely mirror or exactly duplicate

More information

Basic Website Maintenance Tutorial*

Basic Website Maintenance Tutorial* Basic Website Maintenance Tutorial* Introduction You finally have your business online! This tutorial will teach you the basics you need to know to keep your site updated and working properly. It is important

More information

Urban Planet Website Content Management System. Step-by-Step Instructions

Urban Planet Website Content Management System. Step-by-Step Instructions Urban Planet Website Content Management System Step-by-Step Instructions For steps with pictures, videos, version bugs, integration ideas, and more see http://uphelp.spps.org Department of Educational

More information

How to Manage Your Eservice Center Knowledge Base

How to Manage Your Eservice Center Knowledge Base Populating and Maintaining your eservice Center Knowledge Base Table of Contents Populating and Maintaining the eservice Center Knowledge Base...2 Key Terms...2 Setting up the Knowledge Base...3 Consider

More information

EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING

EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING The European Computer Driving Licence Foundation Ltd. Portview House Thorncastle Street Dublin 4 Ireland Tel: + 353

More information

PHP Form Handling. Prof. Jim Whitehead CMPS 183 Spring 2006 May 3, 2006

PHP Form Handling. Prof. Jim Whitehead CMPS 183 Spring 2006 May 3, 2006 PHP Form Handling Prof. Jim Whitehead CMPS 183 Spring 2006 May 3, 2006 Importance A web application receives input from the user via form input Handling form input is the cornerstone of a successful web

More information

HTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout

HTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES HTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout Fall 2011, Version 1.0 Table of Contents Introduction...3 Downloading

More information

CSE 143, Winter 2013 Programming Assignment #2: HTML Validator Due Thursday, July 10, 2014, 11:30 PM

CSE 143, Winter 2013 Programming Assignment #2: HTML Validator Due Thursday, July 10, 2014, 11:30 PM CSE 143, Winter 2013 Programming Assignment #2: HTML Validator Due Thursday, July 10, 2014, 11:30 PM This program focuses on using Stack and Queue collections. Turn in files named HtmlValidator.java, and

More information

Creating your personal website. Installing necessary programs Creating a website Publishing a website

Creating your personal website. Installing necessary programs Creating a website Publishing a website Creating your personal website Installing necessary programs Creating a website Publishing a website The objective of these instructions is to aid in the production of a personal website published on

More information

Professional & Workgroup Editions

Professional & Workgroup Editions Professional & Workgroup Editions Add a popup window for scheduling appointments on your own web page using HTML Date: August 2, 2011 Page 1 Overview This document describes how to insert a popup window

More information

XHTML vs. HTML - Which is the Best for You?

XHTML vs. HTML - Which is the Best for You? Concepts, Technology, and Applications of Mobile Commerce Robert Nickerson Professor and Chair Department of Information Systems Director, Center for Electronic Business College of Business San Francisco

More information

HTML Form Widgets. Review: HTML Forms. Review: CGI Programs

HTML Form Widgets. Review: HTML Forms. Review: CGI Programs HTML Form Widgets Review: HTML Forms HTML forms are used to create web pages that accept user input Forms allow the user to communicate information back to the web server Forms allow web servers to generate

More information

The McGill Knowledge Base. Last Updated: August 19, 2014

The McGill Knowledge Base. Last Updated: August 19, 2014 The McGill Knowledge Base Last Updated: August 19, 2014 Table of Contents Table of Contents... 1... 2 Overview... 2 Support... 2 Exploring the KB Admin Control Panel Home page... 3 Personalizing the Home

More information

Using Form Tools (admin)

Using Form Tools (admin) EUROPEAN COMMISSION DIRECTORATE-GENERAL INFORMATICS Directorate A - Corporate IT Solutions & Services Corporate Infrastructure Solutions for Information Systems (LUX) Using Form Tools (admin) Commission

More information

A Complete Guide to HTML Form Output for SAS/IntrNet Developers Don Boudreaux, SAS Institute Inc., Austin, TX

A Complete Guide to HTML Form Output for SAS/IntrNet Developers Don Boudreaux, SAS Institute Inc., Austin, TX A Complete Guide to HTML Form Output for SAS/IntrNet Developers Don Boudreaux, SAS Institute Inc., Austin, TX ABSTRACT A number of existing conference papers, course notes sections, and references can

More information

Web Development 1 A4 Project Description Web Architecture

Web Development 1 A4 Project Description Web Architecture Web Development 1 Introduction to A4, Architecture, Core Technologies A4 Project Description 2 Web Architecture 3 Web Service Web Service Web Service Browser Javascript Database Javascript Other Stuff:

More information

Intell-a-Keeper Reporting System Technical Programming Guide. Tracking your Bookings without going Nuts! http://www.acorn-is.

Intell-a-Keeper Reporting System Technical Programming Guide. Tracking your Bookings without going Nuts! http://www.acorn-is. Intell-a-Keeper Reporting System Technical Programming Guide Tracking your Bookings without going Nuts! http://www.acorn-is.com 877-ACORN-99 Step 1: Contact Marian Talbert at Acorn Internet Services at

More information

c. Write a JavaScript statement to print out as an alert box the value of the third Radio button (whether or not selected) in the second form.

c. Write a JavaScript statement to print out as an alert box the value of the third Radio button (whether or not selected) in the second form. Practice Problems: These problems are intended to clarify some of the basic concepts related to access to some of the form controls. In the process you should enter the problems in the computer and run

More information

Web Building Blocks. Joseph Gilbert User Experience Web Developer University of Virginia Library joe.gilbert@virginia.

Web Building Blocks. Joseph Gilbert User Experience Web Developer University of Virginia Library joe.gilbert@virginia. Web Building Blocks Core Concepts for HTML & CSS Joseph Gilbert User Experience Web Developer University of Virginia Library joe.gilbert@virginia.edu @joegilbert Why Learn the Building Blocks? The idea

More information

Working with forms in PHP

Working with forms in PHP 2002-6-29 Synopsis In this tutorial, you will learn how to use forms with PHP. Page 1 Forms and PHP One of the most popular ways to make a web site interactive is the use of forms. With forms you can have

More information

Educational Technology Department IT Master Plan Training Modules. Notes for Internet (Web Design & Publishing)

Educational Technology Department IT Master Plan Training Modules. Notes for Internet (Web Design & Publishing) Educational Technology Department IT Master Plan Training Modules Notes for Internet (Web Design & Publishing) 1 (1) Web Design and Layout Guide Interface Design - For maximum functionality and legibility,

More information

2- Forms and JavaScript Course: Developing web- based applica<ons

2- Forms and JavaScript Course: Developing web- based applica<ons 2- Forms and JavaScript Course: Cris*na Puente, Rafael Palacios 2010- 1 Crea*ng forms Forms An HTML form is a special section of a document which gathers the usual content plus codes, special elements

More information

Web Design Revision. AQA AS-Level Computing COMP2. 39 minutes. 39 marks. Page 1 of 17

Web Design Revision. AQA AS-Level Computing COMP2. 39 minutes. 39 marks. Page 1 of 17 Web Design Revision AQA AS-Level Computing COMP2 204 39 minutes 39 marks Page of 7 Q. (a) (i) What does HTML stand for?... () (ii) What does CSS stand for?... () (b) Figure shows a web page that has been

More information

Start Secure. Stay Secure. Cross-Site Scripting. Are your web applications vulnerable? By Kevin Spett

Start Secure. Stay Secure. Cross-Site Scripting. Are your web applications vulnerable? By Kevin Spett Are your web applications vulnerable? By Kevin Spett Table of Contents Introduction 1 2 HTML 2 HTTP 4 An Advanced Attack 5 Attack Procedure Summary 15 Prevention 15 Application Developer/Server Administrator

More information

Web Design with Dreamweaver Lesson 4 Handout

Web Design with Dreamweaver Lesson 4 Handout Web Design with Dreamweaver Lesson 4 Handout What we learned Create hyperlinks to external websites Links can be made to open in a new browser window Email links can be inserted onto webpages. When the

More information

CREATING WEB PAGES USING HTML INTRODUCTION

CREATING WEB PAGES USING HTML INTRODUCTION CREATING WEB PAGES USING HTML INTRODUCTION Web Page Creation Using HTML: Introduction 1. Getting Ready What Software is Needed FourSteps to Follow 2. What Will Be On a Page Technical, Content, & Visual

More information

Creating HTML authored webpages using a text editor

Creating HTML authored webpages using a text editor GRC 175 Assignment 1 Creating HTML authored webpages using a text editor Tasks: 1. Acquire web host space with ad free provider 2. Create an index webpage (index.html) 3. Create a class management webpage

More information

SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1

SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1 SUBJECT TITLE : WEB TECHNOLOGY SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1 16 02 2. CSS & JAVASCRIPT Test

More information

Cisco Adaptive Security Appliance (ASA) Web VPN Portal Customization: Solution Brief

Cisco Adaptive Security Appliance (ASA) Web VPN Portal Customization: Solution Brief Guide Cisco Adaptive Security Appliance (ASA) Web VPN Portal Customization: Solution Brief Author: Ashur Kanoon August 2012 For further information, questions and comments please contact ccbu-pricing@cisco.com

More information

Introduction to Web Design Final Review - Farris

Introduction to Web Design Final Review - Farris 1. Choose the organization listed below that takes a proactive role in developing recommendations and prototype technologies related to the Web. a. Web Professional Standards Organization (WPO) b. Internet

More information

CGI.pm Tutorial. Table of content. What is CGI? First Program

CGI.pm Tutorial. Table of content. What is CGI? First Program CGI.pm Tutorial This is a tutorial on CGI.pm which include scripts to let you see the effects. CGI.pm is a Perl module to facilitate the writing of CGI scripts. Click here to see the details. This tutorial

More information

COMMON CUSTOMIZATIONS

COMMON CUSTOMIZATIONS COMMON CUSTOMIZATIONS As always, if you have questions about any of these features, please contact us by e-mail at pposupport@museumsoftware.com or by phone at 1-800-562-6080. EDIT FOOTER TEXT Included

More information

Chapter 22 How to send email and access other web sites

Chapter 22 How to send email and access other web sites Chapter 22 How to send email and access other web sites Murach's PHP and MySQL, C22 2010, Mike Murach & Associates, Inc. Slide 1 Objectives Applied 1. Install and use the PEAR Mail package to send email

More information

Lesson Review Answers

Lesson Review Answers Lesson Review Answers-1 Lesson Review Answers Lesson 1 Review 1. User-friendly Web page interfaces, such as a pleasing layout and easy navigation, are considered what type of issues? Front-end issues.

More information

Your First Web Page. It all starts with an idea. Create an Azure Web App

Your First Web Page. It all starts with an idea. Create an Azure Web App Your First Web Page It all starts with an idea Every web page begins with an idea to communicate with an audience. For now, you will start with just a text file that will tell people a little about you,

More information

How to code, test, and validate a web page

How to code, test, and validate a web page Chapter 2 How to code, test, and validate a web page Slide 1 Objectives Applied 1. Use a text editor like Aptana Studio 3 to create and edit HTML and CSS files. 2. Test an HTML document that s stored on

More information

Building Web Sites: Introduction to HTML

Building Web Sites: Introduction to HTML Building Web Sites: Introduction to HTML Mel Anderson IBM iseries Technology Center melander@us.ibm.com Copyright IBM Corporation, 2006. All Rights Reserved This publication may refer to products that

More information

Surfing the Internet. Dodge County 4-H Tech Team January 22, 2004

Surfing the Internet. Dodge County 4-H Tech Team January 22, 2004 Surfing the Internet Dodge County 4-H Tech Team January 22, 2004 Topics Tools needed to surf the web How the web works Anatomy of a URL HTML: Hypertext Markup Language Error messages Navigating on the

More information

Peers Technologies Pvt. Ltd. Web Application Development

Peers Technologies Pvt. Ltd. Web Application Development Page 1 Peers Technologies Pvt. Ltd. Course Brochure Web Application Development Overview To make you ready to develop a web site / web application using the latest client side web technologies and web

More information

Web Programming with XHTML

Web Programming with XHTML Web Programming with XHTML Christophe Lecoutre lecoutre@cril.fr IUT de Lens - CRIL CNRS UMR 8188 Université d Artois France Département SRC - 2011/2012 1 Outline 1 Introduction 2 Basic Elements and Attributes

More information

Forms, CGI Objectives. HTML forms. Form example. Form example...

Forms, CGI Objectives. HTML forms. Form example. Form example... The basics of HTML forms How form content is submitted GET, POST Elements that you can have in forms Responding to forms Common Gateway Interface (CGI) Later: Servlets Generation of dynamic Web content

More information

Web Publishing Basics 2

Web Publishing Basics 2 Web Publishing Basics 2 HTML and CSS Coding Jeff Pankin pankin@mit.edu Information Services and Technology Contents Course Objectives... 2 Creating a Web Page with HTML... 3 What is Dreamweaver?... 3 What

More information

Caldes CM12: Content Management Software Introduction v1.9

Caldes CM12: Content Management Software Introduction v1.9 Caldes CM12: Content Management Software Introduction v1.9 Enterprise Version: If you are using Express, please contact us. Background Information This manual assumes that you have some basic knowledge

More information

InternetVista Web scenario documentation

InternetVista Web scenario documentation InternetVista Web scenario documentation Version 1.2 1 Contents 1. Change History... 3 2. Introduction to Web Scenario... 4 3. XML scenario description... 5 3.1. General scenario structure... 5 3.2. Steps

More information

Sample HP OO Web Application

Sample HP OO Web Application HP OO 10 OnBoarding Kit Community Assitstance Team Sample HP OO Web Application HP OO 10.x Central s rich API enables easy integration of the different parts of HP OO Central into custom web applications.

More information

Novell Identity Manager

Novell Identity Manager AUTHORIZED DOCUMENTATION Manual Task Service Driver Implementation Guide Novell Identity Manager 4.0.1 April 15, 2011 www.novell.com Legal Notices Novell, Inc. makes no representations or warranties with

More information

The Basics of Dynamic SAS/IntrNet Applications Roderick A. Rose, Jordan Institute for Families, School of Social Work, UNC-Chapel Hill

The Basics of Dynamic SAS/IntrNet Applications Roderick A. Rose, Jordan Institute for Families, School of Social Work, UNC-Chapel Hill Paper 5-26 The Basics of Dynamic SAS/IntrNet Applications Roderick A. Rose, Jordan Institute for Families, School of Social Work, UNC-Chapel Hill ABSTRACT The purpose of this tutorial is to introduce SAS

More information

PSU 2012. Customization: Foundations. Customization: Foundations. The Cost of Modifying PowerSchool Pages. Languages of PowerSchool Customization

PSU 2012. Customization: Foundations. Customization: Foundations. The Cost of Modifying PowerSchool Pages. Languages of PowerSchool Customization PSU 2012 Customization: Foundations Customization: Foundations Create your own unique look and feel for the web pages on your school s PowerSchool server. Work with HTML and Cascading Style Sheets to create

More information

About webpage creation

About webpage creation About webpage creation Introduction HTML stands for HyperText Markup Language. It is the predominant markup language for Web=ages. > markup language is a modern system for annota?ng a text in a way that

More information

JAVASCRIPT AND COOKIES

JAVASCRIPT AND COOKIES JAVASCRIPT AND COOKIES http://www.tutorialspoint.com/javascript/javascript_cookies.htm Copyright tutorialspoint.com What are Cookies? Web Browsers and Servers use HTTP protocol to communicate and HTTP

More information

AJAX The Future of Web Development?

AJAX The Future of Web Development? AJAX The Future of Web Development? Anders Moberg (dit02amg), David Mörtsell (dit01dml) and David Södermark (dv02sdd). Assignment 2 in New Media D, Department of Computing Science, Umeå University. 2006-04-28

More information

Chapter 2: Interactive Web Applications

Chapter 2: Interactive Web Applications Chapter 2: Interactive Web Applications 2.1 Interactivity and Multimedia in the WWW architecture 2.2 Interactive Client-Side Scripting for Multimedia (Example HTML5/JavaScript) 2.3 Interactive Server-Side

More information

Lab 1.3 Basic HTML. Vocabulary. Discussion and Procedure

Lab 1.3 Basic HTML. Vocabulary. Discussion and Procedure Lab 1.3 Basic HTML The World Wide Web (commonly just called the web ) is an enormous and rapidly growing collection of documents stored on computers all around the world connected by the Internet. In addition

More information

A MODEL FOR THE AUTOMATION OF HTML FORM CREATION AND VALIDATION. Keywords: html, form, web, automation, validation, class, model.

A MODEL FOR THE AUTOMATION OF HTML FORM CREATION AND VALIDATION. Keywords: html, form, web, automation, validation, class, model. A MODEL FOR THE AUTOMATION OF HTML FORM CREATION AND VALIDATION Abstract Dragos-Paul Pop 1 Adam Altar 2 Forms are an essential part of web applications, but handling large forms proves to be very time

More information