Programming for the Web Assignment One Dónal Mulligan BSc MA

Slides:



Advertisements
Similar presentations
Working with Forms. how are forms manipulated? the document object contains an array of forms objects, one for each form, in document order –forms[] any.
Advertisements

Chapter 08: Adding Adding Interactivity Interactivity With With Behaviors Behaviors By Bill Bennett Associate Professor MSJC CIS MVC.
MWD1001 Website Production Using JavaScript with Forms.
HTML 5 and CSS 3, Illustrated Complete Unit L: Programming Web Pages with JavaScript.
Lesson 12- Unit L Programming Web Pages with JavaScript.
SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server.
Chapter 7 Using Advanced Cascading Style Sheets HTML5 & CSS 7 th Edition.
Computing Concepts Advanced HTML: Tables and Forms.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Tutorial 6 Forms Section A - Working with Forms in JavaScript.
Introduction to Javascript. Web Page Technologies To create Web Page documents, you use: To create Web Page documents, you use: HTML – contents and structures.
CST JavaScript Validating Form Data with JavaScript.
JavaScript Form Validation
Brief Overview of Web Forms L. G. Piper Bunker Hill Community College 23 March 2011.
WEB FORM DESIGN. Creating forms for a web page For your web project you have to design a form for inclusion on your web site (the form information should.
Homework for October 2011 Nikolay Kostov Telerik Corporation
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Neal Stublen Improvements  New form elements  Assist with validation  Consistency across sites  Changes reduce the need for common.
Name Teacher: Group: 1 Unit 2 – Webpage Creation.
Chapter 10 Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms HTML5 & CSS 7 th Edition.
Lab 2: Forms and Basic Input User Interface Lab: GUI Lab Sep. 2 nd, 2014.
Copyright © 2008 Pearson Prentice Hall. All rights reserved. 1 Exploring Microsoft Office Word 2007 Chapter 8 Word and the Internet Robert Grauer, Keith.
Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.
Project – Show me what you know! EXPLORING COMPUTER SCIENCE – LESSON 3-9.
JavaScript, Fourth Edition Chapter 5 Validating Form Data with JavaScript.
Dynamic web content HTTP and HTML: Berners-Lee’s Basics.
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.
CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.
22 November Databases. Presentations Tega: news 1954 Prediction.
Web Design: Basic to Advanced Techniques Fall 2010 Mondays 7-9pm 200 Sutardja-Dai Hall Introduction to PHP.
HTML JAVASCRIPT. CONTENTS Javascript Example NOSCRIPT Tag Advantages Summary Exercise.
IT204 – Web Scripting and Authoring I Forms and Image Maps Unit 4.
Event Handling. Objectives Using event handlers Simulating events Using event-related methods.
WEB FORM DESIGN. Creating forms for a web page For your web project you have to design a form for inclusion on your web site (the form information should.
HTML FORMS The TEXT Object Presented By: Ankit Gupta.
HTML Forms.
Introduction to JavaScript CSc 2320 Fall 2014 Disclaimer: All words, pictures are adopted from “Simple JavaScript”by Kevin Yank and Cameron Adams and also.
USING JAVASCRIPT TO SHOW AN ALERT Web Design Sec 6-2 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Document Object Model Nasrullah. DOM When a page is loaded,browser creates a Document Object Model of the Page.
Craig Pelkie Copyright © 2015, Craig Pelkie ALL RIGHTS RESERVED Use RPG to Mobilize your IBM i.
Hamilton Software Products The Measure of Excellence Customized dialog.
COM621 – Interactive Web Development 2015/2016 Module Co-Ordinator: Dr. Pratheepan Yogarajah Room:
PHP Assignment Help BookMyEssay. What is PHP PHP is a scripting language generally used on web servers. It is an open source language and embedded code.
Section 10.1 Define scripting
Creating and Processing Web Forms
TxCONNECT TX connect is a Web Based application that can be accessed from anywhere using an internet connection Parents may access TX Connect from home,
Week-12 (Lecture-1) Cascading Style Sheets (CSS): describe how documents are presented on screens. Types of Style Sheets: External Style Sheet - Define.
Introduction to.
Programming Web Pages with JavaScript
Unit M Programming Web Pages with
Using JavaScript to Show an Alert
Week 2: Introduction to Design and CSS
© 2015, Mike Murach & Associates, Inc.
Objectives Design a form Create a form Create text fields
Using the HTML and CSS Validation Services
Concepts of HTML, CSS and Javascript
Unit M Programming Web Pages with
Intro to JavaScript CS 1150 Spring 2017.
Section 17.1 Section 17.2 Add an audio file using HTML
Retrieving information from forms
Web Programming– UFCFB Lecture 17
DHTML Javascript Internet Technology.
Unit 2 – Webpage Creation
Integrating JavaScript and HTML
DHTML Javascript Internet Technology.
A01 DESIGN To be completed Your proposal  Your House style 
Client-Server Model: Requesting a Web Page
HTML Forms What are clients? What are servers?
CS7026: Authoring for Digital Media
© 2017, Mike Murach & Associates, Inc.
Presentation transcript:

Programming for the Web Assignment One Dónal Mulligan BSc MA

Assignment One Summary: Create a HTML form which feeds data to a PHP script that produces a custom page. Deadline: Fri., 27 November 2009, 17:00 Submission: link to live site on student space and attach zip of all files used, including PHP, HTML, CSS and image files to

Specific Brief: HTML Form The HTML form must contain fields for the user to input at least their: – first name – surname – date of birth (using text fields for day and year and a drop-down box for the month). The form must use Javascript to validate at least one of the form elements and should generate an alert if the validation fails. – e.g. using an onBlur event to check that the day of birth provided is a value between 1 and 31 Should be styled using an external CSS file.

Specific Brief: PHP File The PHP file receiving the variables from the form must create a custom page using the data received and should theme the style of the page in some way, using the incoming data – e.g. choosing page colours or images based on the season in which the person was born. The page created by the PHP file must at least: – address the person by name – provide a custom piece of text based on one or more of the incoming variables from the form – calculate how old the person is

Marking This assignment is worth 40% of the final grade for the module Submissions must meet the basic requirements of the brief to pass Further refinements to the HTML form (including extra fields or increased validation) or greater manipulation of the data in PHP to produce customised output, will result in higher grades.