HTML.JavaScript - HTML\/JavaScript\/CSS INFSCI 1059 History What is the relationship between SGML HTML XHTML CSS JavaScript History Markup Annotations

HTML.JavaScript - HTML/JavaScript/CSS INFSCI 1059 History...

This preview shows page 1 - 15 out of 62 pages.

HTML/JavaScript/CSS INFSCI 1059
Image of page 1
History What is the relationship between: SGML HTML XHTML CSS JavaScript
Image of page 2
History Markup Annotations instructing how the document should appear in print Word processors use different markup schemes SGML IBM - Standard Generalized Markup Language Markup instructions stored with ASCII file Any computer could render document Lilly Example
Image of page 3
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
Image of page 4
History Sample HTML File <FONT SIZE=14 FACE=Swing> <B> Bryan Moore </B><BR> </FONT> <FONT SIZE=12 FACE=Textile> 1234 Sunset Ave . <BR> Walla Walla, WA 12345 <BR> (123)123.4567<BR > </FONT> Web Applications and Real World Design - Knuckles
Image of page 5
History Web Applications and Real World Design - Knuckles Browser parse tree
Image of page 6
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
Image of page 7
History CSS
Image of page 8
History Parse tree using CSS Web Applications and Real World Design - Knuckles Still need to reference Information based on “second string after BR” Information is not meaningful
Image of page 9
History Extensible Markup Language XML Extensible- can create own tags Complete separation of content and style Web Applications and Real World Design - Knuckles
Image of page 10
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
Image of page 11
HTML Forms and JavaScript Client Server Model Client Side Processing JavaScript downloaded from web page and processed by the client – typically form checking JavaScript can interact directly with form data Server Side processing Information from a form sent to server for processing PHP Perl C++ Server can interact directly with the form data
Image of page 12
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
Image of page 13
What is JavaScript Scripting language (object-oriented) Lightweight programming language developed by Netscape Interpreted, not compiled Designed to be embedded in browsers
Image of page 14
Image of page 15

You've reached the end of your free preview.

Want to read all 62 pages?

  • Fall '14
  • css, JavaScript, HTML Programming, Web page, JavaScript code, html file, html forms, JavaScript Functions

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture