Web Technology & Programming I

Web Technology and Programming I

EG 1212 CT

                                                              Total:   7 hour /week

Year: I            Lecture:   3 hours/week  

Semester:  II        Tutorial:    hours/week

           Practical:4hours/week Course Description:

This course aims at providing skills to the student to develop of modern web application and gain a broad understanding of the Web Technology. It covers the area of dynamic web development and its's features. The course initiates students to the different web development tools and technology such as HTML5, CSS, Java Script, jQuery.  

Course Objectives:

After completing this course, the students will be able to:

•       Familiarize with the basic technique of web technology and web page design

•       Design the client side web site with features of control of client side. 

Course Contents:

Units	Topics	Contents	Hours	Methods/ Media	Marks
1	Introduction: Internet & Web:	1.1 History Internet and Web  1.2 Introduction to WWW 1.3 Component of WWW (Web page, Web site, Homepage, protocols, web servers) 1.4 Web Browsers  1.5 Search Engines 1.6 Internet protocols and applications	5
2	Introduction of HTML:	2.1 Introduction of HTML  2.2 Structure of HTML 2.3 Switching between opened Windows and browser (Container tag, Empty tag, Attribute) 2.4 Basic Tags of HTML: HTML, HEAD, TITLE, BODY (Setting the Fore color and Background color, Background Image, Background Sound) 2.5 Heading tag (H1 to H6) and attributes(ALIGN), 2.6 FONT tag and Attributes (Size: 1 to 7 Levels, BASEFONT, SMALL, BIG, COLOR)	15

Units	Topics	Contents	Hours	Methods/ Media	Marks
		2.7 Paragraph Formatting (P)and  Break Line BR 2.8 Comment in HTML (<! >) 2.9 Formatting Text (B, I, U, EM, BLOCKQUOTE,PREFORMATTED, SUB, SUP, STRIKE) 2.10 Ordered List- OL (LI, Type- 1, I, A, a; START,VALUE) 2.11 Unordered List - UL (Bullet Type- Disc, Circle, Square, DL, DT, DD) 2.12 Marques tags and its properties 2.13 Anchor Tag and its properties •       Creating Links: Link to other HTML documents or data objects •       Links to other places in the same HTML documents •       Links to places in other HTML documents •       Anchor Tag and Hyperlink <A HREF> and <A NAME>, •       Inserting Inline Images <IMG ALIGN, SRC, WIDTH, HEIGHT, ALT, Image Link •       Horizontal Rules <HR ALIGN, WIDTH, SIZE, NOSHADE>
3	Web Page Authoring Using HTML:	3.1 Tables: Creating Tables, Border, TH, TR, TD, CELLSPACING, CELLPADDING, WIDTH, COLSPAN, CAPTION, ALIGN, CENTER 3.2 Frames: Percentage dimensions, Relative dimensions, Frame - Src, Frame border, height and width, Creating two or more rows Frames <FRAMESET ROWS >, Creating two or more Columns Frames <FRAMESET COLS >, <FRAME NAME SRC MARGINHEIGHT MARGINWIDTH SCROLLING AUTO NORESIZE>, <NOFRAMES>, </NOFRAMES>	5

Units	Topics	Contents	Hours	Methods/ Media	Marks
4	Forms:	4.1 Definition: form tag and attributes 4.2 E-mailed to someone in particular 4.3  Forms involve two-way communication 4.4 Form Tags: FORM, <SELECT NAME, SIZE, MULTIPLE / SINGLE><OPTION></SELECT>, <TEXTAREA NAME ROWS COLS >, </TEXTAREA>, METHOD, CHECKBOX, HIDDEN, IMAGE, RADIO, RESET, SUBMIT, INPUT <VALUE, SRC ,CHECKED, SIZE, MAXLENGTH, ALIGN>	5
5	HTML5 and Features	5.1 Introduction   5.2 HTML5 New Elements 5.3 Semantics 5.4 Graphics (Canvas, SVG, Google Maps) 5.5 Media (Media, Video and Audio)	5
6	HTML Editors & Tools:	6.1 Use of different HTML editors and tools like Dreamweaver, Notepad++ Eclipse and NetBeans etc. 6.2 Graphical and Animation Tools: Use of Different graphical and animation tools like Abode Photoshop, MS Paint and Flash etc. 6.3 Adding Sounds and Animation to the web page (using embed tag)	5
7	Cascading Style sheet:	7.1 Cascading Style Sheets 7.2 Introduction to Cascading Style Sheet (CSS), 7.3 Three ways of introducing the style sheets to your document.  7.4 Basic Syntax; Creating and saving cascading style sheets. <STYLE> tag. 7.5 Examples showing the linking of external style sheet files to a document; Inline and Embed, <DIV> tag; COLOR, BACKGROUND-COLOR, FONT-FAMILY, FONT-STYLE, FONT-SIZE and FONTVARIANT; FONTWEIGHT, WORDSPACING, LETTER-SPACING, TEXTDECORATION, VERTICAL-ALIGN,	5
Units	Topics	Contents	Hours	Methods/ Media	Marks
		TEXT-TRANSFORM; TEXT-ALIGN, TEXT-INDENT, LINEHEIGHT 7.6 Introduction to Margin, Padding and Border MARGINS (all values), MARGINPROPERTY, PADDING (all values), PADDINGPROPERTY; BORDER (all values), BORDER-PROPERTY, BACKGROUNDIMAGE, BACKGROUNDREPEAT 7.7  Additional Features, Grouping Style Sheets, Assigning Classes 7.8  Introduction to Layers, <LAYER>, <ILAYER> tag
8	Java Script and jQuery	8.1 Overview of JavaScript 8.2 JavaScript Functions, Events, Image Maps and Animations 8.3 JavaScript Objects 8.4 Working with Browser Objects 8.5 Working with Document Object 8.6 Document Object Model 8.7 Validation, Errors, Debugging, Exception Handling and Security 8.8 Introduction of jQuery   8.9 jQuery – Selectors 8.10 jQuery – Attributes 8.11 jQuery – Traversing 8.12 jQuery – CSS 8.13 jQuery – DOM 8.14 jQuery – Events 8.15 jQuery – Effects	5
Practical:			60
Perform the following tasks: 1.     Develop a Web page design project using HTML 4 and HTML 5 apllied with given above tags. 2.     Create three types of Cascading Style Sheets (CSS) and applied into deigned website.  3.     Perform the JavaScript Functions into above designed web site.  4.     Usedifferent graphical and animation tools adding the sound and motions. 5.     Enlist the component of WWW (Web page, Web site, Homepage, protocols, web servers) 6.     Apply jQuery elements into above degined web pages.

The Laboratory work includes all the implementation of chapter 2 to chapter 8 and finally a student should develop a Web page design project. The topic could be either initiated by the student or selected from a list provided by the instructor. 

Reference books:

1      Gopalan, N. P., & Akilandeswari, J. (2014). Web technology: a developer’s perspective (Second edition). Delhi: PHI Learning Private Limited.

2      LEMAY, L. (2016). MASTERING HTML, CSS & JAVASCRIPT WEB PUBLISHING.S.l.: BPB PUBLICATIONS.

3      Pfaffenberger, “World Wide Web Bible”, BPB Publication

4      Mccoy, “Mastering Web Design”, BPB Publication

5      Evans, “10 Minute Guide to HTML”, Prentice Hall of India Limited (PHI)

6      Achyut S Godbole and Atul Kahate, “Web Technologies”, Tata McGraw Hill 7 C. Xavier, “Web Technology & Design”, New Age International Publishers. 8 Ann Navarro, “Effective Web Design”, BPB publications.

9      Raj Kamal, “Internet & Web Design”, Tata McGraw Hill

10   E Stephen,Will Train, “HTML 4.0”, BPB publication

11   C. Xavier, “World Wide Web Design with HTML”, Tata McGraw Hill