WEB PAGE DESIGNING

Paper Code: 
WDT 132
Credits: 
6
Periods/week: 
3
Max. Marks: 
100.00
Objective: 

In this the students will learn how to design webpage(s) using HTML tags and CSS.

Unit I: 

Introduction to HTML 4 & HTML 5: Commonly used HTML tags, Titles and Footers, Text Formatting (Paragraph and Line Breaks), Text Styles (Bold, Italics and Underline), Heading Styles and Other Text Effects (Centering and Spacing), Lists (Ordered, Unordered, Definition), Adding Graphics to HTML document (Img, Border attribute, Align and ALT attribute). Links: External Document reference, Internal Document Reference and Images as Hyperlinks.

Unit II: 

Tables: Creating tables, Width and Border attribute, Cell padding & Cell spacing, Bgcolor, Colspan and Rowspan attribute. Frames: Introduction to Frames, <Frameset> Tag, <Frame> Tag, and Targeting named frames. Forms tags: Form Object, Text element, Password element, Button element, Submit button, Reset button, Checkbox element, Radio element, Text area, Select and option element. Introduction to Macromedia Dream weaver, working in code view, design view, creating a website, adding design elements to Web Pages, working with tables, anchors, links, frames.

Unit III: 

Cascading Style Sheets: Understanding Style Sheets, Applying Style Sheets to HTML document, Developing a Style Sheet: Setting Font attributes, Text Attributes, Border Attributes, Setting Background properties and List Attributes.

Unit IV: 

Using Class, <SPAN> Tag, External Style Sheets, (LINK Tag), Using the DIV tag and Layers. Introduction to Advanced CSS: CSS Dimensions, Classification, Positioning and Pseudo-class Properties. Working CSS with Macromedia Dreamweaver.

Unit V: 

HTML5: New Structure elements; <articles>, <nav>, <aside>, <command>, <summary>, <footer>, <header>, <hgroup>, New Inline Element: <mark>, <progress>, New Media Element: <video>, <audio>, <source>, <embed>, <track>. Introduction to CSS3:  Types of Modules, background, border, color, text, content, Image free Visual Effects, Box transformations, Unique Fonts, Powerful Selectors, Transitions and Animations, Multiple Column Layouts.

ESSENTIAL READINGS: 

1.   Ivan Bayross, ” HTML, DHTML, Javascript, PERL CGI”,BPB
2.   Estelle Weyl, Louis Lazaris and Alexis Goldstein, “HTML5 & CSS3 For The Real World”, Site Point (2011)
3.   Jon Duckett, “HTML and CSS: Design and Build Websites”, John Wiley & Sons (2011)

REFERENCES: 

1.  Jose A. Ramalho, “Learn Advanced HTML with DHTML”, BPB Publications.
2.  Dan Cederholm, “CSS3 for Web Designers”, New Riders Publishing.
3.  K.Jamsa, K.King & A. Anderson, “HTML & Web Design, Tips & Techniques”, McGraw   Hill Education, 2002.
4.  Website: http://www.w3schools.com.
 

Academic Year: