Advanced Web Design Scripting Tutorial Chapters. Scripting Intro The scripting part of the forthcoming Advanced Web Design textbook introduces you to.

Slides:



Advertisements
Similar presentations
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Advertisements

Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 11: Advanced Web Technologies.
JavaScript FaaDoOEngineers.com FaaDoOEngineers.com.
Javascript Introduction Norman White Material is from w3schools.com Go there to run examples interactively.
1 CSC 551: Web Programming Spring 2004 client-side programming with JavaScript  scripts vs. programs  JavaScript vs. JScript vs. VBScript  common tasks.
The Web Warrior Guide to Web Design Technologies
Tutorial 10 Programming with JavaScript
Web Page Behavior IS 373—Web Standards Todd Will.
CIS101 Introduction to Computing Week 09 Spring 2004.
1 Chapter 20 — Creating Web Projects Microsoft Visual Basic.NET, Introduction to Programming.
Introduction to JavaScript. Aim To enable you to write you first JavaScript.
Introduction to scripting
Course Textbook: Build Your Own ASP.Net Website: Chapter 2
DHTML. What is DHTML?  DHTML is the combination of several built-in browser features in fourth generation browsers that enable a web page to be more.
4.1 JavaScript Introduction
Lecture Note 3: ASP Syntax.  ASP Syntax  ASP Syntax ASP Code is Browser-Independent. You cannot view the ASP source code by selecting "View source"
JavaScript Teppo Räisänen LIIKE/OAMK HTML, CSS, JavaScript HTML defines the structure CSS defines the layout JavaScript is used for scripting It.
CS346 - Javascript 1, 21 Module 1 Introduction to JavaScript CS346.
 2003 Prentice Hall, Inc. All rights reserved. CHAPTER 3 JavaScript 1.
JavaScript Defined DOM (Document Object Model) General Syntax Body vs. Head Variables Math & Logic Selection Functions & Events Loops Animation Getting.
Bridges To Computing General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. You are invited.
WEEK 3 AND 4 USING CLIENT-SIDE SCRIPTS TO ENHANCE WEB APPLICATIONS.
Lesson 19. JavaScript errors Since JavaScript is an interpreted language, syntax errors will usually cause the script to fail. Both browsers will provide.
JavaScript is a client-side scripting language. Programs run in the web browser on the client's computer. (PHP, in contrast, is a server-side scripting.
Web Programming: Client/Server Applications Server sends the web pages to the client. –built into Visual Studio for development purposes Client displays.
Client Scripting1 Internet Systems Design. Client Scripting2 n “A scripting language is a programming language that is used to manipulate, customize,
Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.
Using Client-Side Scripts to Enhance Web Applications 1.
 2003 Prentice Hall, Inc. All rights reserved. CHAPTER 3 JavaScript 1.
ASP.NET The Clock Project. The ASP.NET Clock Project The ASP.NET Clock Project is the topic of Chapter 23. By completing the clock project, you will learn.
JavaScript - A Web Script Language Fred Durao
Introduction to Client Side Scripting CS Client Side Scripting Client side means the Browser is interpreting the script Script is downloaded with.
Dr. Qusai Abuein1 Internet & WWW How to program Chap.(6) JavaScript:Introduction to Scripting.
Introduction to JavaScript CS101 Introduction to Computing.
Internet & World Wide Web How to Program, 5/e © by Pearson Education, Inc. All Rights Reserved.
Internet & World Wide Web How to Program, 5/e © by Pearson Education, Inc. All Rights Reserved.
Creating Active Web Pages Chapter 8 Learn how to… List the primary scripting languages and describe JavaScript. Understand the purpose of the Document.
JavaScript Introduction. Slide 2 Lecture Overview JavaScript background The purpose of JavaScript A first JavaScript example Introduction to getElementById.
 2008 Pearson Education, Inc. All rights reserved JavaScript: Introduction to Scripting.
HTML Overview Part 5 – JavaScript 1. Scripts 2  Scripts are used to add dynamic content to a web page.  Scripts consist of a list of commands that execute.
JavaScript Defined DOM (Document Object Model) General Syntax Body vs. Head Variables Math & Logic Selection Functions & Events Loops Animation Getting.
 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.
Creating Web Documents: JavaScript Ftp / file management: review Introduction to JavaScript Sources Homework: start review for midterm, work on Project.
Web Programming Overview. Introduction HTML is limited - it cannot manipulate data How Web pages are extended (include): –Java: an object-oriented programming.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
PHP Form Processing * referenced from
The Web Wizard’s Guide To DHTML and CSS Chapter 2 A Review of CSS2 and JavaScript.
JavaScript Invented 1995 Steve, Tony & Sharon. A Scripting Language (A scripting language is a lightweight programming language that supports the writing.
Section 10.1 Define scripting
DHTML.
Tonga Institute of Higher Education IT 141: Information Systems
Chapter 6 JavaScript: Introduction to Scripting
Active Server Pages Computer Science 40S.
Nick Sims Scripting Languages.
Web Development & Design Foundations with HTML5 7th Edition
Introduction to Scripting
JavaScript Introduction
DHTML Javascript Internet Technology.
Chapter 27 WWW and HTTP.
Tonga Institute of Higher Education IT 141: Information Systems
DHTML Javascript Internet Technology.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Tonga Institute of Higher Education IT 141: Information Systems
JavaScript CS 4640 Programming Languages for Web Applications
Tutorial 10: Programming with javascript
JavaScript is a scripting language designed for Web pages by Netscape.
An Introduction to JavaScript
JavaScript: Introduction to Scripting
Intro to Programming (in JavaScript)
JavaScript CS 4640 Programming Languages for Web Applications
Presentation transcript:

Advanced Web Design Scripting Tutorial Chapters

Scripting Intro The scripting part of the forthcoming Advanced Web Design textbook introduces you to the concept of scripting and steps you through a programming primer in which you learn how to create different kinds of scripts. To get started, you should go to Chapter 9 and work through it at your own pace.Chapter 9

What Is Scripting? Scripting is the act of writing little computer programs that can enhance the appearance and functionality of a web page. Browsers render web pages by placing objects onscreen. Scripts let you grab hold of those objects to make them do special things.

What Can Scripts Do? You can grab hold of the browser’s status bar, for example, and write a message into it. You can make text on your web pages display active content, such as the current date and time. You can create rollover effects that highlight a graphic, make sounds, and pop out explanatory messages when the user moves the mouse over an object onscreen.

Scripts Can Process Forms When the user clicks a button to submit something typed into a text field, you can grab hold of the text field and validate what the user entered into it. You can also write scripts that use cookies to remember things as the user navigates from screen to screen.

Scripting Languages There are many different brands of scripting languages. This course teaches you how to use the four leading brands, which are JavaScript, VBScript, JScript, and a new language called C#. The book divides into columns devoted to the different scripting languages.

Where Do Scripts Go? You can put scripts in the head or in the body section of a web page. Scripts can also reside in separate files that get included in the page at runtime. The.NET framework, for example, enables you to create code-behind files that keep your scripts separate from your HTML.

Where Do Scripts Run? Scripts run either on the client (i.e., in the browser) or on the server that hosts the web site. JavaScript is an example of a scripting language that runs on the client. When a browser encounters JavaScript on a web page, the browser processes the script and renders the result onscreen. ASP scripts, on the other hand, run on the server. When a browser asks a server to display an ASP page, the server executes any JScript or VBScript on the page before sending the response to the browser.

Hello, World! Let’s work through the Hello, World example together. JavaScript JScript VBScript

Scripting Variables Chapter 10Chapter 10 introduces the concept of a variable and teaches you how to assign values to string variables and numeric variables. After learning how to stylize and concatenate variables into print strings, you create a clock script that displays the current date and time onscreen.

Scripting Logic Learning how to program arrays, loops, and comparisons brings a new dimension to your scripting prowess. That new dimension is logic. In chapter 11 you learn how to give your scripts the ability to acquire knowledge and make decisions. chapter 11

Scripting Functions Learning how to write functions can help you organize your code better and save time writing scripts. Chapter 12 teaches you how to write functions and use include files to make your functions easy to maintain.Chapter 12

Scripting Forms and Cookies Chapter 13Chapter 13 teaches you how to write scripts that process forms. You will learn how to write an ASP script to receive and process data posted by a form. Then you learn to use cookies to maintain state as the user moves from page to page. As a final touch, you learn how to read the values of the cookies and make decisions based on what the user has done at your web site.

Document Object Model Chapter 14Chapter 14 introduces the Document Object Model (DOM). The DOM is the official W3C structural definition of the objects, methods, and properties that comprise documents on the World Wide Web.

DHMTL Effects By manipulating objects in the DOM, you can create dynamic HTML (DHTML) effects, including rollovers. Chapter 14Chapter 14 teaches you how to create rollovers and other kinds of DHTML effects using Microsoft FrontPage.

Another Approach For students who would like to try a new approach to teaching scripting, I have printed a few copies of the Introduction to Scripting from ITAW. I would value your feedback, especially if you find any glitches in this newly written tutorial.