Docsity
Docsity

Prepare for your exams
Prepare for your exams

Study with the several resources on Docsity


Earn points to download
Earn points to download

Earn points by helping other students or get them with a premium plan


Guidelines and tips
Guidelines and tips

HTML and CSS - Introduction to Java Script - Lecture Slides, Slides of Javascript programming

Here is my collection on JavaScript lectures. It includes tutorials as well as general concepts explanations. Particularly these slides contain: HTML and CSS, History, Extracting Data, Original Html, Variables, Conditional Statements, Javascript Functions

Typology: Slides

2013/2014

Uploaded on 01/29/2014

surii
surii 🇮🇳

3.5

(13)

130 documents

1 / 62

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
HTML/JavaScript/CSS
docsity.com
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff
pf12
pf13
pf14
pf15
pf16
pf17
pf18
pf19
pf1a
pf1b
pf1c
pf1d
pf1e
pf1f
pf20
pf21
pf22
pf23
pf24
pf25
pf26
pf27
pf28
pf29
pf2a
pf2b
pf2c
pf2d
pf2e
pf2f
pf30
pf31
pf32
pf33
pf34
pf35
pf36
pf37
pf38
pf39
pf3a
pf3b
pf3c
pf3d
pf3e

Partial preview of the text

Download HTML and CSS - Introduction to Java Script - Lecture Slides and more Slides Javascript programming in PDF only on Docsity!

HTML/JavaScript/CSS

History

  • What is the relationship between:
  • SGML
  • HTML
  • XHTML
  • CSS
  • JavaScript

History

  • HTML
    • Tim Berners-Lee created HTML – subset of SGML
    • Not platform or application specific
    • Only server software needed to publish file s on the net
  • Structure versus content
    • Browser parses HTML file into a tree

History

  • Sample HTML File
    • Bryan Moore
    • 1234 Sunset Ave.
    • Walla Walla, WA 12345
    • (123)123.4567
    • Web Applications and Real World Design - Knuckles

History

  • Problems with extracting data
    • Need to write a computer program to extract the names and addresses by selecting text strings following font tags
  • Content and structure of document become intertwined
  • Not the intention of SGML and original HTML
  • Cascading Style Sheets
    • Attempt to separate content and style

History

  • CSS
    • Can alter the look of entire file with a simple coding change
    • Can keep styles in an external file
    • Increases the knowledge needed to code pages
      • Initial rationale of HTML was to appeal to the masses

History

  • Extensible Markup Language XML
    • Extensible- can create own tags
    • Complete separation of content and style Web Applications and Real World Design - Knuckles

History

  • Releases
    • HTML 4.0 1997
    • XML 1.0 1998
  • XML and HTML need to better cooperate
    • XHTML 1.0 2000
  • XHTML
    • Contains elements and attributes of HTML
    • Elements must have closing tags
    • Lowercase
    • Attributes must have values
    • Attributes in single or double quotes
      • http://www.w3schools.com/xhtml/default.asp

HTML Forms and JavaScript

  • JavaScript
    • HTML files are text files
    • JavaScript is interpreted not compiled
    • Object oriented
      • HTML forms are objects and can be manipulated via JavaScript
      • Dynamic HTML – merger of JavaScript and HTML
    • Different implementations of DHTML by software companies

What is JavaScript

  • Scripting language (object-oriented)
    • Lightweight programming language developed by Netscape
    • Interpreted, not compiled
  • Designed to be embedded in browsers
    • Ideal for adding interactivity to HTML pages
    • Detect browser versions
    • Work with info from user via HTML forms
    • Create cookies
    • Validate form data
    • Read and write HTML elements
  • Supported by all major browsers
    • Internet Explorer has JScript (started in IE3)
    • http://www.faqts.com/knowledge_base/view.phtml/aid/
  • It’s free, no license required

What is JavaScript

  • HelloWorld example program…
      • JavaScript HelloWorld!
  • Let’s open it in the browser

What is JavaScript

  • Javascript can be located in the head, body or external file
    • Head section
      • Ensures script is loaded before trigger event
    • Body section
      • Script executes when body loads
    • External
      • Allows scripts to run on several pages
    • Examples:
      • http://www.w3schools.com/js/js_whereto.asp

What is JavaScript

  • - - - - Now where does this print on the web page????
    - - - - Lets See what the answer is!

What is JavaScript

  • Now, let JavaScript generate HTML for us…
    • JavaScript HelloWorld!
  • Let’s open it in the browser