CSE326:INTERNET PROGRAMMING LABORATORY
Course Outcomes:       Through this course students should be able to
               CO1 :: understand the principles of creating an effective web page, including an in-depth
               consideration of information architecture.
               CO2 :: develop a web page using HTML and CSS.
               CO3 :: develop responsive web pages with the help of CSS and JavaScript.
               CO4 :: demonstrate the JavaScript functions and events.
               CO5 :: construct websites using text, images, links, lists, and tables for navigation and layout.
               CO6 :: complete projects incorporating various basic and advanced concepts of HTML, CSS, and
               JavaScript
List of Practicals / Experiments:
    Exposure To HTML
       •   HTML document structure
       •   Working with HTML basic elements like title, head, body
       •   Working with Root and Metadata
       •   Script and NonScript
       •   Horizontal Rules and line breaks and paragraph, working with citation, quotation,definitions and
           comments
       •   Types of Tags in HTML
    Working with Text, Links, Images , URLS, Multimedia and Interactive in HTML
       •   Formatting text with HTML physical style elements, Formatting text with HTML logical style elements
       •   Creating links with anchor tag
       •   Multimedia- audio,video tags and attributes like controls, autoplay and loop
       •   Working with images in a web page
    Cascading Style Sheets
       •   Introduction To CSS, Inline CSS, internal CSS and external CSS
       •   CSS selectors-type, id and class
       •   CSS properties-text controlling and text formatting
       •   CSS Box Model- Padding, Margin, Border
       •   Div and Span Tag in CSS, Working with background Images
    Working with Tables
       •   Working With Tables-Colspan and Rowspan
       •   applying css on tables
       •   creating hoverable tables
    Working with Forms
       •   Working with Forms- action attribute, get and post methods
       •   Form Elements and Controls Like Text Inputs, TextArea, Buttons, CheckBoxes, Dropdown Boxes,
           Radio Buttons, Select and File Select
       •   applying css on all controls of forms
    CSS Grids and Webpage Layouts
       •   Grid introduction
       •   Grid container
       •   Grid Item
       •   Creating different layouts for webpage
                                                                                 Session 2021-22           Page:1/2
    JavaScript Application Development
       •   Incorporating JavaScript in the HEAD andBODY element, Using an External JavaScript file, Using
           variables and operators
       •   Usingcontrol statements such as if...else, switch, break and continue, Using loopingstatements such
           as while, do...while, for, Using Popup boxes such as Alert, Confirm,and Prompt
       •   Working with JavaScript Objects,Properties and Methods
    JavaScript Functions,Events and Validation
       •   Working with Functions-Using function arguments and return statement
       •   Working with JavaScript Events like Form Based, Keyboard Based and Mouse Based
       •   JavaScript Form Validation
    Javascript DOM
       •   DOM introduction
       •   DOM methods
       •   DOM document
       •   DOM elements
       •   DOM HTML, DOM CSS
       •   DOM Events
Text Books:
                  1. HTML 5 COVERS CSS3, JAVASCRIPT,XML,XHTML,AJAX by KOGENT LEARNING, DREAMTECH
                  PRESS
References:
                  1. WEB ENABLED COMMERCIAL APPLICATION DEVELOPMENT USING HTML,
                  DHTML,JAVASCRIPT, DHTML AND PHP by IVAN BAYROSS, BPB PUBLICATIONS
                  2. BEGINNING HTML, XHTML, CSS AND JAVASCRIPT by JON DICKETT, WILEY
                                                                              Session 2021-22           Page:2/2