Course Objectives:
-
- To focus on the phenomenon known as World Wide Web (WWW) and Domain name hierarchy.
- To impart the new concepts in Web Technologies.
- To identify, evaluate and apply appropriate technologies for web development.
- 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:
-
- This course enables students to understand web page site planning and management.
- 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
-
- Introduction to internet and its applications
- Internet service providers
- Domain name server
- Internet address
- Protocols used in internet (HTTP, HTTPS, FTP, SMTP, TCP, IP, UDP)
- World Wide Web and its evolution
- Uniform resource locator (URL)
- Web server and browsers
- Search engine
- Meta search engine
- Domain name and its hierarchy
- Issues related with domain name registration
- DNS concept
- Client server architecture
- Cross browser communication
Unit II: HTML and Graphics ———————————————— 10 hours
-
- Introduction to HTML:
- <!doctype>
- Creating basic HTML file
- Core elements and attributes
- Comment
- <meta>
- HTML basis Basic text formatting:
- Phrase elements
- Lists:
- Ordered lists
- Unordered lists
- Nesting of lists,
- Using character entities for special character
- <font> element and attributes
- Grouping elements
- Links and Navigation:
- Linking to other web pages
- Linking to email address
- Understanding directories and directories structure
- Understanding URLs
- Absolute and relative URLs
- Advanced email linkS
- Images, Audio and Video:
- Adding images
- Images as link
- Image maps
- Client side and server side image maps
- Choosing the right image format:
- Gif images
- Animated gif
- Jpeg
- Png
- Keeping file size small
- Working with multimedia:
- Exploring audio and video file formats
- Describing multimedia elements
- <embed>
- <object>
- <audio>
- <video>
- Embedding video from other websites
- Initializing an object using <param> element
- Tables:
- Introducing tables Basic table elements and attributes
- Grouping section of table
- Nested Tables
- Accessible tables
- How to linearize tables using ID, scope and header attributes
- Form:
- Introducing:
- Forms
- Attributes
- Controls in form
- <fieldset> and <legend> elements
- Focus
- Tabbing order
- Access keys
- Disabled and read only controls
- Sending form data to the servers
- Http get
- Http post
- Introducing:
- Frames:
- Introducing frameset
- When to use frames
- <frameset> element
- Attributes
- Nested framesets
- Inline or floating frames with <iframe>
- Exploring new elements of HTML 5:
- <input> types
- <keygen>
- <progress>
- <meter>
- <command>
- <menu>
- <header>
- <footer>
- Spell check attribute
- Introduction to HTML:
Unit III: Scripting Language ————————————————- 10 hours
-
- Introduction to scripting language
- Difference between client side and server side scripting language
- Features of JavaScript
- What JavaScript can and cannot do
- Using JavaScript in HTML document
- Programming fundamentals:
- Variables
- Operators
- Control flow statements
- Popup boxes
- JavaScript functions:
- Defining and invoking a function
- Function argument
- Return statement
- Calling function with timer
- Events and Event Handlers:
- General Information about Events
- Defining Event Handlers
- Events in JavaScript
- JavaScript objects:
- Properties of an object
- Methods of an object
- Working with browsers object
- Understanding window object
- Object collection
- Object properties
- Object methods
- DOM:
- Exploring document object methods
- Understanding DOM nodes
Unit IV: Style Sheets ———————————————————– 10 hours
-
- Introduction to stylesheets
- Value of stylesheets
- Stylesheet rules and syntax
- Creating simple stylesheets
- Adding comments on style sheets
- Exploring cascading order
- Working with properties and selectors
- Applying multiple properties to selector
- Grouping selector:
- Applying contextual selectors
- Applying selector class
- Applying with associated elements
- Applying <div> tag to style sheet
- Applying <span> to stylesheet
- Linking stylesheets:
- Creating CSS file
- Linking multiple page to CSS file
- CSS properties Controlling text:
- Text formatting
- Text pseudo-classes
- Lengths
- Introducing the box model:
- Links
- Backgrounds
- Lists
- Tables
- Outline
- Positioning
- Layout with CSS
Unit V: Extensible Markup Language (XML) —————————– 6 hours
-
-
- Introduction
- Structure of XML:
- Logical Structure
- Physical Structure
- Naming Rules
- Element Content Models
- Element Occurrence Indicators
- Character Content Document Type Declaration (DTD) and Validation
- Developing a DTD
- XML Schema
- Basic example
- XSL (Extensible Style Sheet Language) or CSS (Cascading Style Sheet);
- XML processors:
- DOM
- SAX
-
Unit VI: Introducing jQuery ————————————————– 2 hours
-
- Why jquery
- Jquery fundamentals
- Page layout using jquery
Unit VII: Page Layout and Design Issues ———————————– 3 hours
-
- Page Layout:
- Understanding the site audience
- Page size
- Screen resolution
- Designing pages
- Coding your design
- Developing for mobile devices
- Design issues:
- Typography
- Navigation
- Tables
- Forms
- Page Layout:
Laboratory Work:
-
- Design a web page using different text formatting tags.
- Design a web page with links to different pages and allow navigation between pages.
- Design a web page with Imagemaps.
- Design a web page with different tables. Include nesting of tables in web page.
- Design a webpage using frames.
- Using Java Script design a web page that prints factorial / Fibonacci series / any given series.
- 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.
- Design a form with all controls and validate all the controls placed on the form using Java Script.
- Design a website using style sheets so that the pages have uniform style.
- Design a DTD, corresponding XML document and display it in browser using CSS.
- Design an XML document and display it in browser using XSL.
- Design XML Schema and corresponding XML document.
Text Books:
-
- HTML black book – Steven Holzner, Dreamtech press
- Beginning HTML, XHTML, CSS and Java Script – Jon Duckett, Wiely India Edition
Reference Books:
-
- Web Technologies Black Book – Kogent learning solutions
- Java Script step by step – Steve Suehring East economy edition
- Jquery in Action – Bear Bibeault, Yehuda Katz
- The complete reference HTML and CSS – Thomas A. Powell Tata Mcgraw Hill edition