Client Side Web Development with XHTML, CSS and JavaScript

✍ Scribed by Piyali Semgupta, Alex Sinui, Talha Mcgump

• Publisher: eAcademic Books
• Year: 2010
• Tongue: English
• Leaves: 394
• Category: Library

✦ Table of Contents

1
Overview of Internet Technologies
TCP/IP
Figure 1.1 – A Simplified architecture of WWW service
Physical and Data Link Layer
Network Layer
Figure 1.2 – TCP/IP Protocol Architecture
Transport Layer
Application Layer
Internet addressing
Figure 1.3 – Decimal notation of IP Address
IP address classes
Table 1.1 IP Address Characteristics:
IPV6
Internet protocols
FTP
Figure 1.5 – FTP File Transfer
HTTP
Table 1.2 HTTP Request Methods:
News Groups
E­Mail
Table 1.3 SMTP Commands:
Web servers (HTTP)
Apache
IIS
Basic Server Functions
MIME Types
Table 1.4 MIME types:
Web Browsers
Gecko Based
Figure 1.6 – Mozilla Firefox 3.5
Chrome Based
Figure 1.7 – Chromium on Windows XP
Figure 1.8 – Google Chrome Developer Tools
WebKit Based
Figure 1.9 – Safari 4 on Mac OS X
IE
Figure 1.10 – Internet Explorer 8 on Windows XP
The DNS Name Space
Figure 1.11 – DNS Namespace
Table 1.5 Type field values in resource record:
Figure 1.12 – DNS Resource Records
Domain Name Servers
History of World Wide Web
Figure 1.13 – First Browser
SGML
XML
HTML
Table 1.6 Common HTML tags:
XHTML
2
Introduction to XML
XML BASICS
XML Document Syntax
Processing Instruction
Tags
Elements
Content
Attributes
Entities
Table 2.1 Common predefined entities:
Comments
Well‐Formed XML
Rules for Creating Well­formed XML Documents
Viewing the XML document in a browser
Code Sample 2.1 An Example XML document:
Document Type Definition (DTD)
Declaring Elements in a DTD
Table 2.2 DTD symbols and their use:
Table 2.3 DTD Value types:
Table 2.4 DTD Attribute types:
Internal and External DTDs
Validating the Structure of data
Code Sample 2.2 An Example of DTD:
Code Sample 2.3 The XML file for the DTD:
XML Schema
Data types of the Contents of an Element
Table 2.5 Primitive data types in XSD:
Table 2.6 Derived data types in XSD:
Declaring a Simple Type Element
Table 2.7 Attributes in element declaration:
Declaring a Complex Type Element
Creating the XML Schema
Code Sample 2.4 An example schema file :
Declaring an Attribute
Table 2.8 Declaring an attribute:
Code Sample 2.6 The final XSLT – products.xsd
XML Namespaces
Declaring Namespaces
XSLT
Figure:2.2 – Working of the XSLT Processor
Table 2.9 Patterns in :
Code Sample 2.8 An example XSLT file:
Code Sample 2.9 The XML file to be rendered
Table 2.10 Attributes of :
Code Sample 2.10 Use of and ‐‐ products.xsl
Code Sample 2.11 The XML file to be rendered by products.xsl
XSLT Template Rules
Table 2.11 Patterns in :
Code Sample 2.12 Use of XSLT templates – products_temp.xsl
Code Sample 2.13 The XML file to be rendered by products_temp.xsl
Condition based Formatting of Data in XSLT
Table 2.12 Comparison and Boolean operators:
Code Sample 2.14 Use of XSLT conditional formatting – products_cond.xsl
Code Sample 2.15 The XML file to be rendered by products_cond.xsl
3
XHTML Overview
The Role of HTML
Markup Basics
Tags and Attributes
Code Sample 3.1 A simple html page:
Table 3.1 Standard HTML elements:
Nesting of elements
Code Sample 3.2 Nesting of elements:
Figure 3.1 Hierarchy of elements
Information Browsers Ignore
Introduction to XHTML
Code Sample 3.3 Malformed html:
Table 3.2 XHTML Modules:
XHTML Standards
XHTML 1.0
XHTML Basic
XHTML 1.1
XHTML­Print
XHTML 2.0
Well‐Formed XHTML
Table 3.3 Attribute minimization in HTML and XHTML:
Structure of XHTML Documents
Code Sample 3.4 A simple XHTML 1.0 page:
Document Type Declaration
Table 3.4 DTDs for various XHTML versions:
Table 3.5 HTML Compatibility Rules:
Root Element
Document Header
The element
Table 3.7 Elements that may appear within head element:
Table 3.8 Attributes of the head tag:
The