Web Technologies I

Course Objectives:

1. 1. To focus on the phenomenon known as World Wide Web (WWW) and Domain name hierarchy.
   2. To impart the new concepts in Web Technologies.
   3. To identify, evaluate and apply appropriate technologies for web development.
   4. To develop understanding about the different technologies used in World Wide Web including the concept of HTML, CSS, Java script, XML and jQuery.

Learning Outcome:

1. 1. This course enables students to understand web page site planning and management.
   2. Students will be able to develop advanced HTML pages with help of frames, scripting languages and evolving technologies like CSS, jQuery and XML.

Unit I: Internet and WWW —————————————————- 4 hours 

1. 1. Introduction to internet and its applications
   2. Internet service providers
   3. Domain name server
   4. Internet address
   5. Protocols used in internet (HTTP, HTTPS, FTP, SMTP, TCP, IP, UDP)
   6. World Wide Web and its evolution
   7. Uniform resource locator (URL)
   8. Web server and browsers
   9. Search engine
   10. Meta search engine
   11. Domain name and its hierarchy
   12. Issues related with domain name registration
   13. DNS concept
   14. Client server architecture
   15. Cross browser communication

Unit II: HTML and Graphics ———————————————— 10 hours 

1. 1. Introduction to HTML:
      1. <!doctype>
      2. Creating basic HTML file
      3. Core elements and attributes
      4. Comment
      5. <meta>
   2. HTML basis Basic text formatting:
      1.  Phrase elements
      2. Lists:
         1. Ordered lists
         2. Unordered lists
         3. Nesting of lists,
      3. Using character entities for special character
      4. <font> element and attributes
      5. Grouping elements
   3. Links and Navigation:
      1. Linking to other web pages
      2. Linking to email address
      3. Understanding directories and directories structure
      4. Understanding URLs
      5. Absolute and relative URLs
      6. Advanced email linkS
   4. Images, Audio and Video:
      1. Adding images
      2. Images as link
      3. Image maps
      4. Client side and server side image maps
      5. Choosing the right image format:
         1. Gif images
         2. Animated gif
         3. Jpeg
         4. Png
         5. Keeping file size small
      6. Working with multimedia:
         1. Exploring audio and video file formats
         2. Describing multimedia elements
         3. <embed>
         4. <object>
         5. <audio>
         6. <video>
         7. Embedding video from other websites
         8. Initializing an object using <param> element
   5. Tables:
      1. Introducing tables Basic table elements and attributes
      2. Grouping section of table
      3. Nested Tables
      4. Accessible tables
      5. How to linearize tables using ID, scope and header attributes
   6. Form:
      1. Introducing:
         1. Forms
         2. Attributes
         3. Controls in form
         4. <fieldset> and <legend> elements
      2. Focus
      3. Tabbing order
      4. Access keys
      5. Disabled and read only controls
      6. Sending form data to the servers
      7. Http get
      8. Http post
   7. Frames:
      1. Introducing frameset
      2. When to use frames
      3. <frameset> element
      4. Attributes
      5. Nested framesets
      6. Inline or floating frames with <iframe>
   8. Exploring new elements of HTML 5:
      1. <input> types
      2. <keygen>
      3. <progress>
      4. <meter>
      5. <command>
      6. <menu>
      7. <header>
      8. <footer>
      9. Spell check attribute

Unit III: Scripting Language ————————————————- 10 hours 

1. 1. Introduction to scripting language
   2. Difference between client side and server side scripting language
   3. Features of JavaScript
   4. What JavaScript can and cannot do
   5. Using JavaScript in HTML document
   6. Programming fundamentals:
      1. Variables
      2. Operators
      3. Control flow statements
      4. Popup boxes
   7. JavaScript functions:
      1. Defining and invoking a function
      2. Function argument
      3. Return statement
      4. Calling function with timer
   8. Events and Event Handlers:
      1. General Information about Events
      2. Defining Event Handlers
      3. Events in JavaScript
   9. JavaScript objects:
      1. Properties of an object
      2. Methods of an object
      3. Working with browsers object
      4. Understanding window object
      5. Object collection
      6. Object properties
      7. Object methods
   10. DOM:
       1. Exploring document object methods
       2. Understanding DOM nodes

Unit IV: Style Sheets ———————————————————– 10 hours 

1. 1. Introduction to stylesheets
   2. Value of stylesheets
   3. Stylesheet rules and syntax
   4. Creating simple stylesheets
   5. Adding comments on style sheets
   6. Exploring cascading order
   7. Working with properties and selectors
      1. Applying multiple properties to selector
      2. Grouping selector:
         1. Applying contextual selectors
         2. Applying selector class
         3. Applying with associated elements
         4. Applying <div> tag to style sheet
         5. Applying <span> to stylesheet
   8. Linking stylesheets:
      1. Creating CSS file
      2. Linking multiple page to CSS file
   9. CSS properties Controlling text:
      1. Text formatting
      2. Text pseudo-classes
      3. Lengths
   10. Introducing the box model:
       1. Links
       2. Backgrounds
       3. Lists
       4. Tables
       5. Outline
       6. Positioning
       7. Layout with CSS

Unit V: Extensible Markup Language (XML) —————————– 6 hours 

1. 1. 1. Introduction
      2. Structure of XML:
         1. Logical Structure
         2. Physical Structure
      3. Naming Rules
      4. Element Content Models
      5. Element Occurrence Indicators
      6. Character Content Document Type Declaration (DTD) and Validation
      7. Developing a DTD
      8. XML Schema
      9. Basic example
      10. XSL (Extensible Style Sheet Language) or CSS (Cascading Style Sheet);
      11. XML processors:
          1. DOM
          2. SAX

Unit VI: Introducing jQuery ————————————————– 2 hours 

1. 1. Why jquery
   2. Jquery fundamentals
   3. Page layout using jquery

Unit VII: Page Layout and Design Issues ———————————– 3 hours 

1. 1. Page Layout:
      1. Understanding the site audience
      2. Page size
      3. Screen resolution
      4. Designing pages
      5. Coding your design
      6. Developing for mobile devices
   2. Design issues:
      1. Typography
      2. Navigation
      3. Tables
      4. Forms

Laboratory Work:

1. 1. Design a web page using different text formatting tags.
   2. Design a web page with links to different pages and allow navigation between pages.
   3. Design a web page with Imagemaps.
   4. Design a web page with different tables. Include nesting of tables in web page.
   5. Design a webpage using frames.
   6. Using Java Script design a web page that prints factorial / Fibonacci series / any given series.
   7. Design a form with a text box and a command button. Using Java Script write a program whether the number entered in the text box is a prime number or not.
   8. Design a form with all controls and validate all the controls placed on the form using Java Script.
   9. Design a website using style sheets so that the pages have uniform style.
   10. Design a DTD, corresponding XML document and display it in browser using CSS.
   11. Design an XML document and display it in browser using XSL.
   12. Design XML Schema and corresponding XML document.

Text Books:

1. 1. HTML black book – Steven Holzner, Dreamtech press
   2. Beginning HTML, XHTML, CSS and Java Script – Jon Duckett, Wiely India Edition

Reference Books:

1. 1. Web Technologies Black Book – Kogent learning solutions
   2. Java Script step by step – Steve Suehring East economy edition
   3. Jquery in Action – Bear Bibeault, Yehuda Katz
   4. The complete reference HTML and CSS – Thomas A. Powell Tata Mcgraw Hill edition