WEB DESIGNING

 

Hours/Week: 04                                                                                                        Exam Hours: 03

Total Hours: 40                                                                                                      Exam Marks: 400

 

Objectives:

• Understand the importance of the web as a medium of communication.
• Understand the principles of creating an effective web page, including an in-depth consideration of information architecture.
• Become familiar with graphic design principles that relate to web design and learn how to implement these theories into practice.
• Develop skills in analyzing the usability of a web site.
• Learn the language of the web: XHTML and CSS.

 

PART – 1: Fundamentals of Web, XHTML – 1                                                    Hours: 10

Internet, WWW, Web Browsers and Web Servers, URLs, MIME, HTTP, Security, The Web Programmers Toolbox.

XHTML: Basic syntax, Standard structure, Basic text markup, Images, Hypertext Links.

Practical’s: Develop and demonstrate a XHTML file that includes Javascript script for the following problems:

1. a) Input: A number n obtained using prompt Output: The first n Fibonacci numbers
2. b) Input: A number n obtained using prompt

Output: A table of numbers from 1 to n and their squares using alert

 

PART – 2: XHTML – 2, CSS:                                                                                             Hours: 10

XHTML (continued): Lists, Tables, Forms, Frames CSS: Introduction, Levels of style sheets, Style specification formats,

Selector forms, Property value forms, Font properties, List properties, Color, Alignment of text, The box model, Background images, The <span> and <div> tags, Conflict resolution.

 

PART – 3: Javascript:                                                                                                          Hours: 10

Overview of Javascript, Object orientation and Javascript, Syntactic characteristics, Primitives, operations, and expressions, Screen output and keyboard input, Control statements, Object creation and modification, Arrays, Functions, Constructors, Pattern matching using regular expressions, Errors in scripts, Examples.

Javascript and HTML Documents

The Javascript execution environment, The Document Object Model, Element access in Javascript, Events and event handling, Handling events from the Body elements, Button elements, Text box and Password elements, The DOM 2 event model, The navigator object, DOM tree traversal and modification. Practical’s: 1) Develop and demonstrate, using Javascript script, a XHTML document that collects the USN ( the valid format is: A digit from 1 to 4 followed by two upper-case characters followed by two digits followed by two upper-case characters followed by three digits; no embedded spaces allowed) of the user. Event handler must be included for the form element that collects this information to validate the input. Messages in the alert windows must be produced when errors are detected.

2) Modify the above program to get the current semester also (restricted to be a number from 1 to 8)

3) Develop and demonstrate, using Javascript script, a XHTML document that contains three short paragraphs of text, stacked on top of each other, with only enough of each showing so that the mouse cursor can be placed over some part of them. When the cursor is placed over the exposed part of any paragraph, it should rise to the top to become completely visible.

4) Modify the above document so that when a paragraph is moved from the top stacking position, it returns to its original position rather than to the bottom.

 

PART – 4: Dynamic Documents with Javascript                                                                          Hours: 10

Introduction to dynamic documents, Positioning elements, Moving elements, Element visibility, Changing colors and fonts, Dynamic content, Stacking elements, Locating the mouse cursor, Reacting to a mouse click, Slow movement of elements, Dragging and dropping elements.

XML: Introduction, Syntax, Document structure, Document type definitions, Namespaces, XML schemas, Displaying raw XML documents, Displaying XML documents with CSS, XSLT style sheets, XML processors, Web services.

Practical’s

1. a) Design an XML document to store information about a student in an engineering college affiliated to VTU. The information must include

USN, Name, Name of the College, Brach, Year of Joining, and e-mail id. Make up sample data for 3 students. Create a CSS style sheet and use it to display the document.

 

Text Books:

1. Robert W. Sebesta: Programming the World Wide Web, 4th Edition, Pearson Education, 2008.

(Listed topics only from Chapters 1 to 9, 11 to 15)

 

Reference Books:

1. M. Deitel, P.J. Deitel, A. B. Goldberg: Internet & World Wide Web How to Program, 4th Edition, Pearson Education, 2004.
2. Chris Bates: Web Programming Building Internet Applications, 3rd Edition, Wiley India, 2007.
3. Xue Bai et al: The web Warrior Guide to Web Programming, Cengage Learning, 2003.