Class 10 Notes for Web Scripting

Learning Objectives:

You will be able to identify what is DHTML.

You will be able to create a Web Page that dynamicly chages the font size.

You will be able to create a Web Page that dynamicly chages the content.

 

Homework:

Read: Chapters 8

Create: DHTML page (a page with drop down menus and content that you can change on the fly)

Extra: Flash saves files as HTML5 on Canvas

Review: JQuerry Tutorial

Topics Covered:

DHTML, Like HTML 5 Technology, is a Marketing Ploy

DHTML is the mixture of HTML, Javascript, and CSS.

Google Webdesigner (in Beta) uses HTML, CSS and JavaScript

LightBox is one example of HTML, CSS and JQuery in action.

JQuery Interface and JQuery Mobile are tools to make great examples of DHTML

DHTML Menus using JQuery, HTML and CSS

HTML 5 Drag & Drop

CSS3 - Animation & Transitions

CSS Media Rule - Resize the Web page based upon the size of the screen.

@media only screen and (min-width: 500px) {

New Settings based on Screen dimensions

}

JavaScript Frameworks Comparison - JQuery, JSON, YUI

Terms:

CSS, JavaScript Frameworks, DHTML