Scripting Language A scripting language or script language is a programming language that supports the writing of scripts. The term script is typically.

Slides:



Advertisements
Similar presentations
Chapter 7 JavaScript: Introduction to Scripting. Outline Simple Programs Objects and Variables Obtaining User Input with prompt Dialogs – –Dynamic Welcome.
Advertisements

Essentials for Design JavaScript Level One Michael Brooks
JavaScript FaaDoOEngineers.com FaaDoOEngineers.com.
Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.
Introduction to JavaScript
The Web Warrior Guide to Web Design Technologies
1 HTML Markup language – coded text is converted into formatted text by a web browser. Big chart on pg. 16—39. Tags usually come in pairs like – data Some.
Introduction to scripting
Javascript and the Web Whys and Hows of Javascript.
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.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
CS346 - Javascript 1, 21 Module 1 Introduction to JavaScript CS346.
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. Dynamic Action with Macromedia Dreamweaver MX Barry Sosinsky Valda Hilley.
SEG3210 DHTML Tutorial. DHTML DHTML is a combination of technologies used to create dynamic and interactive Web sites. –HTML - For creating text and image.
SYST Web Technologies SYST Web Technologies Lesson 6 – Intro to JavaScript.
CNIT 133 Interactive Web Pags – JavaScript and AJAX JavaScript Environment.
DHTML: Dynamic HTML Internet Technology1. What is DHTML? A collection of enhancements to HTML ► To create dynamic and interactive websites Combination.
SEG3210 DHTML Tutorial. DHTML DHTML is a combination of technologies used to create dynamic and interactive Web sites. –HTML - For creating text and image.
1 CSC160 Chapter 9: The Document Object. Outline Document objects Properties of the document object linkColor alinkColor vlinkColor bgColor fgColor lastModified.
Integrating JavaScript and HTML5 HTML5 & CSS 7 th Edition.
Just A Few More Fun Objectives 1 Having Some Fun With Java Script 2 Using Style Sheets.
TUTORIAL 10: PROGRAMMING WITH JAVASCRIPT Session 2: What is JavaScript?
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
Dynamic Web Pages & JavaScript. Dynamic Web Pages Dynamic = Change Dynamic Web Pages are web pages that change. More than just moving graphics around.
 HTML is hypertext markup language. It is a way for people to display their information with more complex pictures and text displays. Before HTML, messages.
Introduction.  The scripting language most often used for client-side web development.  Influenced by many programming languages, easier for nonprogrammers.
JavaScript - A Web Script Language Fred Durao
Web Development 101 Presented by John Valance
Sahar Mosleh California State University San MarcosPage 1 JavaScript Basic.
ECA 225 Applied Interactive Programming1 ECA 225 Applied Online Programming basics.
Internet & World Wide Web How to Program, 5/e © by Pearson Education, Inc. All Rights Reserved.
Introduction to JavaScript Objects, Properties, Methods.
Internet & World Wide Web How to Program, 5/e © by Pearson Education, Inc. All Rights Reserved.
Client-side & Server-side Scripting ©Richard L. Goldman August 5, 2003 Requires PowerPoint 2002 or later for full functionality.
DYNAMIC HTML What is Dynamic HTML: HTML code that allow you to change/ specify the style of your web pages. Example: specify style sheet, object model.
JavaScript Introduction.  JavaScript is a scripting language  A scripting language is a lightweight programming language  A JavaScript can be inserted.
HTML JAVASCRIPT. CONTENTS Javascript Example NOSCRIPT Tag Advantages Summary Exercise.
Introduction into JavaScript Java 1 JavaScript JavaScript programs run from within an HTML document The statements that make up a program in an HTML.
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
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.
Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 14 Key Concepts 1 Copyright © Terry Felke-Morris.
INTRODUCTION JavaScript can make websites more interactive, interesting, and user-friendly.
HTML-I Basic HTML Elements. HTML (Hyper Text Markup Language) HTML is a document layout and hyperlink- specification language. i.e. a language used to.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
1 CSC160 Chapter 1: Introduction to JavaScript Chapter 2: Placing JavaScript in an HTML File.
Javascript Basic Concepts Presentation By: Er. Sunny Chanday Lecturer CSE/IT RBIENT.
JavaScript and Ajax (JavaScript Environment) Week 6 Web site:
HTML Tutorial. What is HTML HTML is a markup language for describing web documents (web pages) HTML documents are described by HTML tags Each HTML tag.
Internet & World Wide Web How to Program, 5/e.  JavaScript events  allow scripts to respond to user interactions and modify the page accordingly  Events.
Web Programming Java Script-Introduction. What is Javascript? JavaScript is a scripting language using for the Web. JavaScript is a programming language.
Source of website: “Text/css rel=“styles heet” This is an external style sheet link. This means that the.
Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 14 KEY CONCEPTS 1 Copyright.
Section 10.1 Define scripting
Week-12 (Lecture-1) Cascading Style Sheets (CSS): describe how documents are presented on screens. Types of Style Sheets: External Style Sheet - Define.
Module 1 Introduction to JavaScript
Web Basics: HTML/CSS/JavaScript What are they?
Getting Started with CSS
Chapter 6 JavaScript: Introduction to Scripting
JavaScript is a programming language designed for Web pages.
Donna J. Kain, Clarkson University
Web Development & Design Foundations with HTML5 7th Edition
DHTML Javascript Internet Technology.
HTML Structure.
Computer communications
Tutorial 10: Programming with javascript
JavaScript Basics What is JavaScript?
JavaScript is a scripting language designed for Web pages by Netscape.
Introduction to Programming and JavaScript
Presentation transcript:

Scripting Language A scripting language or script language is a programming language that supports the writing of scripts. The term script is typically reserved for small programs (up to a few thousand lines of code). Scripting languages, which can be embedded within HTML, commonly are used to add functionality to a Web page, such as different menu styles or graphic displays or to serve dynamic advertisements. These types of languages are client-side scripting languages, affecting the data that the end user sees in a browser window. 2

JavaScript JavaScript is a scripting language that enables web developers/designers to build more functional and interactive websites. Common uses of JavaScript include: I.Alert messages II.Popup windows III.Dynamic dropdown menus IV.Form validation V.Displaying date/time 3

THE FIRST SCRIPT Knowing that JavaScript needs to be entered between tags, is a start. But there are a few other things you need to know before writing your first JavaScript: 1.JavaScript lines end with a semicolon. 2.Always put the text within " ". 3.Capital letters are different from lowercase letters. Note:-Incorrect capitalization is probably the most common source of error for JavaScript programmers on all levels!! 4

THE FIRST SCRIPT document. write("JavaScript is not Java"); 5

Document object The document object is one of the most important objects of JavaScript. Shown below is a very simple JavaScript code: document.write("Hi there.") In this code, document is the object. write is the method of this object Let's have a look at some of the other methods that the document object possesses. 6

lastModified You can always include the last update date on your page by using the following code: document.write("This page created by Iltaf Mehdi. Last update:" + document.lastModified); All you need to do here is use the lastModified property of the document. Notice that we used + to put together This page created by John N. Last update: and document.lastModified. 7

bgColor and fgColor Lets try playing around with bgColor and fgColor: document.bgColor="black“; document.fgColor="#336699“; 8

WHERE TO PLACE IT Since JavaScript isn't HTML, you will need to let the browser know in advance when you enter JavaScript to an HTML page. This is done using the tag. You can place your scripts in any of the following locations: 1.Between the HTML document's head tags. 2.Within the HTML document's body (i.e. between the body tags). 3.In an external file (and link to it from your HTML document). 9

External JavaScript File You can place all your scripts into an external file (with a.js extension), then link to that file from within your HTML document. This is handy if you need to use the same scripts across multiple HTML pages, or a whole website. 10

External JavaScript File To link to an external JavaScript file, you add a src attribute to your HTML script tag and specify the location of the external JavaScript file. <script type="text/javascript“ src="external_javascript.js"> 11