Paper Title: HTML,CS AND JAVASCRIPT Total hours: 30hrs
PART 1
Web Programming Introduction
Architecture of a website, Different technologies in making the website, Web Development Introduction
HTML-
History of HTML, What you need to do to get going and make your first HTML page, What are HTML Tags and Attributes?, HTML Tag vs. Element, HTML Attributes, HTML Basic Tags, HTML Formatting Tags, HTML Color Coding , Div and Span Tags for Grouping , Unordered Lists, Ordered Lists, Definition list, Image and Image Mapping , URL - Uniform Resource Locator, URL Encoding,< table >,< th >,< tr >,< td >,< caption >,< thead >,< tbody >,< tfoot >,< ,colgroup >,< col >,Using Iframe as the Target,< input >,< text area >,< button >,< select >,< label >,Title, Base, link, Styles, Script ,Meta ,HTML Meta Tag, XHTML, HTML Deprecated Tags & Attributes.
PART 2
CSS2-Introduction
Benefits of CSS,CSS Versions History, CSS Syntax, External Style Sheet using < link >,Multiple Style Sheets , Value Lengths and Percentages ,CSS Syntax, single Style Sheets, Multiple Style Sheets, Value Lengths and Percentages, ID Selectors, Class Selectors, Grouping Selectors, Universal Selector , Descendant / Child Selectors, Attribute Selectors, CSS - Pseudo Classes, background-image ,background-repeat, background-position, CSS Cursor,color,background-color,text-decoration,text-align,vertical-align,text-indent,text-transform ,white space ,letter-spacing, word-spacing, line-height, font -family, font-size, font-style, font-variant, font-weight,list-style-type,list-style-position,list-style-image,list-style,CSS Tables, border ,width & height, text-align, vertical-align, padding, color, Borders & Outline , Margin & Padding ,Height and width, CSS Dimensions, CSS Visibility ,CSS Display ,CSS Scrollbars ,CSS Positioning , Static Positioning , Fixed Positioning, Relative Positioning, Absolute Positioning ,CSS Layers with Z-Index, The float Property , The clear Property, The clear fix Hack
References
1)Robert W Sebesta Programing inworld Wide Web 5th edition
2)Gopalan N.P. Web technology
3)Steven M. Chapher
4)Thomas A.Powell
Programming Lab Total hours: 10hrs
1)Write a html program to design a timetable and display it in tabular format.
2)Write a html program to design a mark sheet and display all your marks with subjects in a tabular format..
3)Write a html program to demonstrate use of ordered and unordered list.
4)Write a html program to apply various color to suitably distinguish key words. Also apply font styling like italics, underline and two other fonts to words you find appropriate. Also use header tags.
5)Insert an image and create a link such that clicking on image takes user to other page.
6) Design a CSS to create menu.
7) Design a webpage i.e. Bio data using CSS.
8)Write a program to create table and list using CSS.