XHTML BASICS. Institute of Finance Management CIT Department Herman Mandari

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "XHTML BASICS. Institute of Finance Management CIT Department Herman Mandari"

Transcription

1 XHTML BASICS Institute of Finance Management CIT Department Herman Mandari

2 HTML Styles Introduces CSS to HTML The main purposes is to provide a common way to style all HTML elements Examples <body style= background-color:yellow > <p style= font-family:times new; color:red; font-size:20px> <h1 style= text-align:center >

3 HTML Links Hyperlinks, Anchors, Links In web terms, a hyperlink is a references (an address) to a resource on the web Hyperlink can point to any resource on the web: an HTML page, an image, a sound file, a movie etc. An anchor is a term used to define a hyperlink destination inside a document

4 HTML Links HTML link <a href= url >link text </a> <a href= Named Attributes (named anchor) <a name= label >Any content</a> <a href= #label > Any content</a> The # in the href defines a link to a named anchor

5 HTML Images In HTML, images are defined with the <img> tag To display an image on a page, you need to use the scr attribute. Scr stands for source. <img scr= url /> The URL points to the location where the image is store

6 HTML Lists HTML supports ordered, unordered and definition list Unordered Lists An ordered list is a list of items. The list items are marked with bullets An ordered list starts with <ul> tag. Each list item starts with the <li> tag

7 Examples <ul> <li>coffee</li> <li>milk</li> </ul> Here is how it looks in a browser Coffee Milk

8 HTML List Ordered Lists An ordered list is also a list of items. The list items are marked with numbers An ordered list starts with the <ol> tag. Each list item start with the <li> <ol> <li>coffee</li> <li> Milk</li> </ol>

9 HTML Lists Definition Lists A definition list is not a list of single items. It is a list of items (terms), with description of each item A definition list starts with a <dl> tag (definition list) Each term start with a <dt> tag (definition term) Each description starts with a <dd> tag (definition description )

10 Definition Lists <dl> <dt>coffee</td> <dd>black hot drink </dd> <dt>milk</dt> <dd>white cold drink</dd> </dl>

11 Output Here is how it look in a browser Coffee Black hot drink Milk White cold drink

12 Overview of the form Forms are used all over the web to Accept information Provide accessibility Type of form Search form, order form, Newsletter sign-up form, survey form, etc.. A form is an XHTML element that is used to contain and organize other objects such as text boxes, check boxes, and buttons that can accept information from web site visitors.

13 Two Components Needed for Forms 1st component - the XHTML form itself, which is the web page user interface 2nd component - server-side processing (called CGI for Common Gateway Interface),which works with the form data and sends , writes to a text file, updates a database, or performs some other type ofprocessing on the server

14 XHTML Using Forms <form> tag Used to contain the form elements on a web page Container tag <input> tag Used to configure a number of form elements including text boxes, radio buttons, check boxes, and buttons stand alone tag <textarea> tag Used to configure a scrolling text box Container tag <select> tag Used to configure a select box (drop down list) Container tag <option> tag Used to configure an option in the select box Container tag

15 <form> Sample Form XHTML <input type="text" name="customer " /><br /> <input type="submit" /> </form>

16 Complied Xhtml code

17 XHTML <form> tag The <form> tag attributes: action Specifies the server-side program or script that will process your form data id Identifies the form method get default value, form data passed in URL post more secure, form data passed in HTTP Entity Body name Identifies the form

18 XHTML<input> tag Text box Used to accept text information Attributes: type= text name size maxlength value

19 Sample text box

20 code <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso "> <title>untitled Document</title> </head> <body> <form> <input type="text" name="customer " /> <input type="submit" value="submit" /> </form> </body> </html>

21 Password Text Field Used to accept text information that needs to be hidden as it is entered Attributes: type= password name size maxlength value

22 Sample

23 <html> <head> <title>untitled Document</title> </head> Sample code <body> <form> Password:: <input type="password" name="customer " /><br/><br /> <input type="submit" value="submit" /> </form> </body> </html>

24 XHTML<input> tag Check box Used to allow the user to select one or more of a group of predetermined items Attributes: type= checkbox name checked value

25 Sample check box

26 Sample checkbox codes <html> <head> <title>untitled Document</title> </head> <body> <form> <h2>choose the browser you use:</h2> <p> Internet Explorer: <input name="checkbox" type="checkbox" value="checkbox" checked> <br /> Mozilla Firefox: <input type="checkbox" name="checkbox" value="checkbox"><br /> Google Chrome: <input type="checkbox" name="checkbox" value="checkbox"><br /> </form> </body> </html>

27 Radio buttons Used to allow the user to select exactly one from a group of predetermined items Each radio button in a group is given the same name and a unique value Attributes: type= radio name checked value

28 Sample radio button display

29 Sample Radio button code <html> <head> <title>untitled Document</title> </head> <body> <form> <h2>select your sex below </h2> <p> Male <input name="radiobutton" type="radio" value="radiobutton" checked><br /> Female <input name="radiobutton" type="radio" value="radiobutton"> <br /> </form> </body> </html>

30 XHTML<textarea> tagscrolling Used to configure a scrolling text box Attributes: name cols rows value Text Box

31 Sample text area form

32 Sample text area codes <html> <head> <title>untitled Document</title> </head> <body> <form> <h2>write your message below</h2> <p> <textarea name="textarea" cols="30" rows="4"></textarea> </p> <p> <br /> </form> </body> </html>

33 XHTML<option> tag Used (along with <option> tags) to configure a Select List. This form element is referred to by several different names: Select List, Select Box, Drop- Down List, Drop- Down Box, and Option Box. Used to configure the options in a Select List Attributes: value Selected

34 Sample Option form

35 XHTML<input> tag Submit Button Used to submit the form When clicked, it triggers the action method on the <form> tag and causes the browser to send the form data (the name and value pairs for each form element) to the web server. Attributes: type= submit name value

36 Sample submit button

37 Sample button codes <html> <head> <title>untitled Document</title> </head> <body> <form> <h2>press the button below to Register </h2> <p> <input type="submit" name="submit" value="registration Button"> </p> <p> <br /> </form> </body> </html>

38 Complete Reference W3schools website,

39 END

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

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

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

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

Interaction between browser and server. HTML (Hyper Text Markup Language) 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,

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

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

Creating and Editing a Web Page. Chapter 2 HTML

Creating and Editing a Web Page. Chapter 2 HTML Creating and Editing a Web Page Chapter 2 HTML Chapter Objectives Identify elements of a Web page Start Notepad and describe the Notepad window Enable word wrap in Notepad Enter the HTML tags Enter a centered

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

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

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

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

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

Web Design and Development ACS-1809. Chapter 13. Using Forms 11/30/2015 1

Web Design and Development ACS-1809. Chapter 13. Using Forms 11/30/2015 1 Web Design and Development ACS-1809 Chapter 13 Using Forms 11/30/2015 1 Chapter 13: Employing Forms Understand the concept and uses of forms in web pages Create a basic form Validate the form content 11/30/2015

More information

<option> eggs </option> <option> cheese </option> </select> </p> </form> FORMS IN HTML A form is the usual way information is gotten from a browser to a server HTML has tags to create a collection of objects that implement this information gathering The objects are called widgets

More information

HTML5 & CSS 8 th Edition. Chapter 3 Enhancing a Website with Links and Images

HTML5 & CSS 8 th Edition. Chapter 3 Enhancing a Website with Links and Images HTML5 & CSS 8 th Edition Chapter 3 Enhancing a Website with Links and Images Chapter Objectives 1. Describe types of hyperlinks 2. Create relative links, absolute links, email links, and telephone links

More information

Viewing Form Results

Viewing Form Results Form Tags XHTML About Forms Forms allow you to collect information from visitors to your Web site. The example below is a typical tech suupport form for a visitor to ask a question. More complex 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

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

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

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

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

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

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

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

Configuring iplanet 6.0 Web Server For SSL and non-ssl Redirect

Configuring iplanet 6.0 Web Server For SSL and non-ssl Redirect Introduction Configuring iplanet 6.0 Web Server For SSL and non-ssl Redirect This document describes the process for configuring an iplanet web server for the following situation: Require that clients

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

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

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

Basic HTML elements: Quick Reference

Basic HTML elements: Quick Reference Basic HTML elements: Quick Reference University of Bristol Information Services document web-r4 Document Information Format Conventions The following format conventions are used in this document: Computer

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

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

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

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

HTML Terminology. HTML Past, Present, Future. Creating HTML Pages

HTML Terminology. HTML Past, Present, Future. Creating HTML Pages Table of Contents Hypertext Markup Language HTML Concepts HTML Document Structure HTML 5 HTML Common Elements The past, the present, the future Section Elements Semantic Structural Tags 2 Hypertext Markup

More information

Introduction to the Hyper Text markup language (HTML) SE 101 Spiros Mancoridis

Introduction to the Hyper Text markup language (HTML) SE 101 Spiros Mancoridis Introduction to the Hyper Text markup language (HTML) SE 101 Spiros Mancoridis What is HTML? HTML (Hyper Text Markup Language) is a language for specifying how text and graphics appear on a web page When

More information

2. CSS is an acronym for *a. Cascading Style Sheet b. Costume Style Sheet c. Cascading System Style d. None of the Above

2. CSS is an acronym for *a. Cascading Style Sheet b. Costume Style Sheet c. Cascading System Style d. None of the Above 1. How to define the link should open in new page in HTML? a. Click Here *b. Click Here c.

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

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

HTML TEST. Multiple Choice Identify the choice that best completes the statement or answers the question.

HTML TEST. Multiple Choice Identify the choice that best completes the statement or answers the question. HTML TEST Multiple Choice Identify the choice that best completes the statement or answers the question. 1. What does HTML stand for? a. Hyper Link Markup Language b. Hyper Text Markup Logics c. Hyper

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

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

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

Quick Guide for Dreamweaver CC Basics April 2016 Training:

Quick Guide for Dreamweaver CC Basics April 2016 Training: Dreamweaver CC Basics When you look at a web page, you might wonder how it is made. To display a web page, your internet browser reads and interprets a special set of instructions. These instructions are

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

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

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

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

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

InPost UK Limited GeoWidget Integration Guide Version 1.1

InPost UK Limited GeoWidget Integration Guide Version 1.1 InPost UK Limited GeoWidget Integration Guide Version 1.1 Contents 1.0. Introduction... 3 1.0.1. Using this Document... 3 1.0.1.1. Document Purpose... 3 1.0.1.2. Intended Audience... 3 1.0.2. Background...

More information

FARRIS COM200, T113. COM200: Introduction to Web Page Design FINAL EXAM Review

FARRIS COM200, T113. COM200: Introduction to Web Page Design FINAL EXAM Review COM200: Introduction to Web Page Design FINAL EXAM Review 1. Choose the organization listed below that takes a proactive role in developing recommendations and prototype technologies related to the Web.

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

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

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

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

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

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

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

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

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

Website Login Integration

Website Login Integration SSO Widget Website Login Integration October 2015 Table of Contents Introduction... 3 Getting Started... 5 Creating your Login Form... 5 Full code for the example (including CSS and JavaScript):... 7 2

More information

Web Page Design Final Exam Review Page 1 of 7

Web Page Design Final Exam Review Page 1 of 7 Web Page Design Final Exam Review Page 1 of 7 Multiple Choice--Instructions: Circle the correct response. 1. Computers and networks allow people to. a. gather data and information b. analyze data and information

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

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

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

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

Introduction to HTML and CSS

Introduction to HTML and CSS Introduction to HTML and CSS Robert Rector idesign Lab Fall 2013 Introduction In this workshop, we will be learning about the languages of the internet: HTML We will spend most of our Fme becoming familiar

More information

2. After you have obtained relevant input for your Web site, you can create: a. a validation program. b. HTML. c. images. d. a storyboard.

2. After you have obtained relevant input for your Web site, you can create: a. a validation program. b. HTML. c. images. d. a storyboard. Quiz Handouts-1 Lesson 1 Quiz 1. Site validation should be performed: a. once at the end of the development cycle. b. multiple times throughout the development cycle. c. once at the middle of the development

More information

CSS Techniques: Scrolling gradient over a fixed background

CSS Techniques: Scrolling gradient over a fixed background This is a little hard to describe, so view the example and be sure to scroll to the bottom of the page. The background is a gradient that fades into a simple graphic. As you scroll down the page, the graphic

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

Images, Subscripts and Superscripts

Images, Subscripts and Superscripts Chapter 11 3 Images, Subscripts and Superscripts A. Multiple choice questions: 1. The tag is used to insert image in a page. a. IMG b. IMAGE c. PIC d. GRAPHICS Ans. a. IMG 2. The attribute of the IMG tag

More information

HTML Tags (tutorial 1):

HTML Tags (tutorial 1): HTML Tags (tutorial 1): At the end of this tutorial, you should know the html tags for a template, a paragraph, different headers, lists, and tables. Starting Out: Open your template file. Save it under

More information

TIME SCHEDULE OBJECTIVES

TIME SCHEDULE OBJECTIVES COURSE TITLE : WEB DESIGN COURSE CODE : 3073 COURSE CATEGORY : B PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDITS : 4 TIME SCHEDULE MODULE TOPICS PERIODS 1 Internet fundamentals 18 2 Html, css and web design

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

ICE: HTML, CSS, and Validation

ICE: HTML, CSS, and Validation ICE: HTML, CSS, and Validation Formatting a Recipe NAME: Overview Today you will be given an existing HTML page that already has significant content, in this case, a recipe. Your tasks are to: mark it

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

1. User-friendly Web page interfaces, such as a pleasing layout and accessible navigation, are considered to be what type of issues?

1. User-friendly Web page interfaces, such as a pleasing layout and accessible navigation, are considered to be what type of issues? 1. User-friendly Web page interfaces, such as a pleasing layout and accessible navigation, are considered to be what type of issues? These are front end issues important to users. 2. Calculate the time

More information

FusionPro Links Microsite Creation Guide

FusionPro Links Microsite Creation Guide FusionPro Links Microsite Creation Guide Product FusionPro Links Document Date January 15, 2010 Customer Support For more information or support, please email support@printable.com, or contact your Client

More information

Populating and Maintaining your eservice Center Knowledge Base

Populating and Maintaining 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

Web Development CSE2WD Final Examination June 2012. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards?

Web Development CSE2WD Final Examination June 2012. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards? Question 1. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards? (b) Briefly identify the primary purpose of the flowing inside the body section of an HTML document: (i) HTML

More information

HTML & CSS Brief Introduction and Exercises

HTML & CSS Brief Introduction and Exercises HTML & CSS Brief Introduction and Exercises Chris Sparks HTML and CSS are useful to understand when working on digital editions, since they are very frequently published online, and hence often make use

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

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

Building Web Applications with HTML5, CSS3, and Javascript: An Introduction to HTML5

Building Web Applications with HTML5, CSS3, and Javascript: An Introduction to HTML5 Building Web Applications with HTML5, CSS3, and Javascript: An Introduction to HTML5 Jason Clark Head of Digital Access & Web Services Montana State University Library pinboard.in #tag pinboard.in/u:jasonclark/t:lita-html5/

More information

MillMedia Guidelines

MillMedia Guidelines Millennium Media Guidelines OVERVIEW Millennium Media is the Innovative Interfaces media management application that enables access to a variety of digitized media files selected from the print resources

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

Perl/CGI. CS 299 Web Programming and Design

Perl/CGI. CS 299 Web Programming and Design Perl/CGI CGI Common: Gateway: Programming in Perl Interface: interacts with many different OSs CGI: server programsprovides uses a well-defined users with a method way to to gain interact access with to

More information

Mobile Web Applications. Gary Dubuque IT Research Architect Department of Revenue

Mobile Web Applications. Gary Dubuque IT Research Architect Department of Revenue Mobile Web Applications Gary Dubuque IT Research Architect Department of Revenue Summary Times are approximate 10:15am 10:25am 10:35am 10:45am Evolution of Web Applications How they got replaced by native

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

600-152 People Data and the Web Forms and CGI. HTML forms. A user interface to CGI applications

600-152 People Data and the Web Forms and CGI. HTML forms. A user interface to CGI applications HTML forms A user interface to CGI applications Outline A simple example form. GET versus POST. cgi.escape(). Input controls. A very simple form a simple form

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

IT350 Web and Internet Programming Fall 2008 SlideSet #11: CGI and Perl. (some from online chapter: www.deitel.com/books/iw3htp4/

IT350 Web and Internet Programming Fall 2008 SlideSet #11: CGI and Perl. (some from online chapter: www.deitel.com/books/iw3htp4/ IT350 Web and Internet Programming Fall 2008 SlideSet #11: CGI and Perl (some from online chapter: www.deitel.com/books/iw3htp4/ Things we ll learn and do XHTML basics, tables, forms, frames FLASHBACK

More information

CSS - Cascading Style Sheets

CSS - Cascading Style Sheets CSS - Cascading Style Sheets From http://www.csstutorial.net/ http://www.w3schools.com/css/default.asp What is CSS? CSS stands for Cascading Style Sheets Styles define how to display HTML elements External

More information

Hello World RESTful web service tutorial

Hello World RESTful web service tutorial Hello World RESTful web service tutorial Balázs Simon (sbalazs@iit.bme.hu), BME IIT, 2015 1 Introduction This document describes how to create a Hello World RESTful web service in Eclipse using JAX-RS

More information

servlets and Java JSP murach s (Chapter 3) TRAINING & REFERENCE Mike Murach & Associates Andrea Steelman Joel Murach

servlets and Java JSP murach s (Chapter 3) TRAINING & REFERENCE Mike Murach & Associates Andrea Steelman Joel Murach Chapter 3 A crash course in HTML 59 TRAINING & REFERENCE murach s Java servlets and (Chapter 3) JSP Andrea Steelman Joel Murach Mike Murach & Associates 2560 West Shaw Lane, Suite 101 Fresno, CA 93711-2765

More information

Yandex.Widgets Quick start

Yandex.Widgets Quick start 17.09.2013 .. Version 2 Document build date: 17.09.2013. This volume is a part of Yandex technical documentation. Yandex helpdesk site: http://help.yandex.ru 2008 2013 Yandex LLC. All rights reserved.

More information

Web Design and Databases WD: Class 7: HTML and CSS Part 3

Web Design and Databases WD: Class 7: HTML and CSS Part 3 Web Design and Databases WD: Class 7: HTML and CSS Part 3 Dr Helen Hastie Dept of Computer Science Heriot-Watt University Some contributions from Head First HTML with CSS and XHTML, O Reilly Recap! HTML

More information