INT42D:INTERNET AND WEB TECHNOLOGIES 3 T!0 PO Credits:3 Course Outcomes: Through this course students should be able to unit x unit 1 unit 111 unit 1v (C03 : Use of text and block level formatting tags to present content on web page. C02 :: Apply hyperlinking, images and lsts on wed page. 603 :: Arrange the content using tables, frames. 604 :: Develop interactive web page using forms. C05 :: Apply. presentation schemes on content using CSS, CO6 =: Validate the web page using JavaScript. Internet Basics : What is Internet, its applications, specification ane technical detalls for establishing Internet. Types and functions of modems, IP addressing, internet domains, domain name server, TCP/IP protocols, Internet service providers, Intranets, E-mail, Telnet, FTP, IRC, NNTP, Video conferencing and e-commerce Internet Connectivity : Telephone line, cable, leased line, ISDN, VSAT, RF link, WiFi Terminologies used in Web Design : Specification and Technical Detalls for establishing Internet , Intranet , WWW (Web), Web Browser, Web Server, Webpage , Website , Web Applications, Static vs Dynamic'Website, Internet Domains ,URL , TCP/IP Pratocols - HTTP , Working with HTTP and HTTPS , ‘Secure Socket Layer, Hosting a website , Local Host , Local Server, Introduction to Firewall, Search Engine , Email, Telnet , FTP, IRC , NNTB, Video Conferencing , E-Commerce Introduction to HTML : Components of HTML: Tags - closed tags and open tags, Doctype Declaration, Anatomy of HTML document (nead,title,body tags), Example of Basic HTML Page Structure, Attributes of body tag (bgcolor, background image, text, margins), Inserting comments Working with Basic Tags : Heading, Paragraph, Break Tag, Centered Text, Adding horizontal rules with attributes Formatting and Styles : Adving styles to text using bold, italic, underline, strikeout, Setting size of Text using big and small tags, Reverse the direction of string using bdo tag, Adding superscript, subscript, Preformatted, center tag, Working with Font tag and Its attributes (face, size, color), ‘Adding special characters : ampersand, asterisk , greater than , less than , non breaking space, Usage of Marquee Tag with its attributes Creating Lists : Types of Lists, Ordered Lists, Unordered Lists, Definition Lists, Working with Nested Uses Linking HTML Documents : URL : Types of URLs~ Absolute URLs, Relative URL, The Anchor Tag, Linking :To document in the same folder, to document in the different folder, to document on the web ‘and to specific section within the different/same document, Changing link colors: link, link, v link attributes of BODY tag Working with Images : Image tag along with its attributes such as alternate text, Image alignment, buffer space - HSPACE, VSPACE, wrapping text, height and width of images, Image as a link and Image maps Tables : Creating table using basic tags: TABLE, TR, TH, TD tags, Formatting tables: border, cell spacing, cell padding, width, height, align, bgcolor attributes, Adcing captions: CAPTION tag, ‘Spanning rows and columns: row span and col span attributes Frames : Importance of frame , Creating frames: FRAMESET , FRAME tag along with Its rows and cols attributes, Working with nested frames , Use of NOFRAMES tag, Frame targeting: self, blank, top, “parent, Floating Frames/Inline Frames , IFrames along with its attributes Forms : Creating basic form using: FORM tag, action and method attributes, Form fields: Single line text fielG, password field, multiple line text aréa, racio buttons and check boxes, label tag, Pull down, menus: SELECT and OPTION tags, Optoroup , Working with fleldset and legend, Buttons: suomit and reset, Formatting technique: Using table to layout form Working with Block Level and Inline Elements : Using civ anc span tagsunit 1v unit v unit vr Text Books: References: Style Sheets : Adding style to the document: Linking to style sheets, Embedding style sheets, Using inline style, Selectors: CLASS rules, ID rules, Style sheet properties: font, text, Box, color and background properties, Border, margin, padding, Styling lists, links, images and tables Introduction to JavaScript : Embedding JavaScript in HTML document, Linking to external jave~ script, DOM ( Document Object Model), Variables, Constants, Adding comments, Operators: Assignment, Arithmetic and Comparison operators , datatypes, Working with dialog boxes anc inbuilt functions, Control structures an¢ looping: if, If..Else, for, for...n, while, do...While, break and continue, Arrays and Functions Working with Event Handlers : Java Script Event Modeling : on Click, on Mouse Over, on Mouse ‘ut, on Submit, on Reset, on Focus, on Blur, on Select and on Load, Validating forms for: blank. space, email, date, numeric, phone number 1, HTML 5 IN SIMPLE STEPS by KOGENT LEARNING SOLUTIONS INC., DREAMTECH PRESS 1, HTML BLACK BOOK by STEVEN HOLZNER, WILEY 2. BEGINNING HTML, XHTML, CSS AND JAVASCRIPT by JON DUCKETT, WROX PROGRAMMER 3. BEGINNING HTML AND CSS by ROB LARSEN, WILEY 4, WEB TECHNOLOGIES by UTTAM K, ROY, OXFORD UNIVERSITY PRESS 5, BEGINNING CSS: CASCADING STYLE SHEETS FOR WEB DESIGN by IAN POUNCEY, RICHARD YORK, WILEY 6, SAMS TEACH YOURSELF HTML, CSS, AND JAVASCRIPT ALL IN ONE by JULIE C, MELONI, PEARSON 7. HTML AND CSS IN 24 HOURS by JULIE C, MELONI, PEARSON 8, HTML AND CSS: VISUAL QUICKSTART GUIDE by ELIZAE SAMS TEACH YOURSELF (UPDATED FOR HTMLS AND CSS3) H CASTRO, PEARSON