V Semester
Course 12: Web Interface Designing Technologies
Credits -3
Learning Objectives:
To enable students to understand web architecture, develop aesthetic websites, create static and
dynamic web pages, implement user interactivity, and gain proficiency in installing and utilizing
WordPress and plugins
Learning Outcomes: On successful completion of the course, students will be able to
1. Understand and appreciate the web architecture and services along with its basic building
blocks
2. Gain knowledge about various components of a website related to aesthetics
3. Demonstrate skills regarding creation of a static website and addition of dynamic behavior to a
website
4. Get experience on making user-interactive web pages.
5. Learn how to install word press and gain the knowledge of installing various plugins to use in
their websites.
UNIT - I
HTML: Introduction to web designing, difference between web applications and desktop
applications, introduction to HTML, HTML structure, elements, attributes, headings, paragraphs,
images, tables, lists, blocks, symbols, embedding multi-media components in HTML, HTML forms
UNIT – II
CSS: CSS home, introduction, syntax, CSS combinators, colors, background, borders, margins,
padding, height/width, text, fonts, tables, lists, position, overflow, float, pseudo class, pseudo
elements, opacity, tool tips, image gallery, CSS forms, CSS counters.
UNIT – III
Java Script: What is DHTML, JavaScript, basics, variables, operators, statements, string
manipulations, mathematical functions, arrays, functions. objects, regular expressions, exception
handling.
UNIT-IV
Client-Side Scripting: Accessing HTML form elements using Java Script object model, basic data
validations, data format validations, generating responsive messages, opening windows using java
script, different kinds of dialog boxes, accessing status bar using java script, embedding basic
animative features using different keyboard and mouse events.
UNIT – V
Word press: Introduction to word press, features, and advantages, installing and configuring word
press and understanding its admin panel (demonstration only), working with posts, managing pages,
working with media - Adding, editing, deleting media elements, working with widgets, using menus,
working with themes, defining users, roles and profiles, adding external links, extending word press
with plug-ins.
Text Book(s)
1. Chris Bates, Web Programming Building Internet Applications, Second Edition, Wiley
(2007)
2. Paul S.WangSanda S. Katila, an Introduction to Web Design plus Programming, Thomson
(2007).
Reference Books
1. Head First HTML and CSS, Elisabeth Robson, Eric Freeman, O’Reilly Media Inc.
2. An Introduction to HTML and JavaScript: for Scientists and Engineers, David R. Brooks.
Springer, 2007
3. Schaum's Easy Outline HTML, David Mercer, Mcgraw Hill Professional.
4. Word press for Beginners, Dr.Andy Williams.
5. Professional word press, Brad Williams, David damstra, Hanstern.
SUGGESTED CO-CURRICULAR ACTIVITIES & EVALUATION METHODS:
Unit 1: Activity: Infographic explaining the necessity to have a web site for each of the agenciessuch
as hotels, hospitals, supermarkets, and educational institutions.
Evaluation Method: Assess the accuracy, visual design, clarity, creativity, use of visual
elements, presentation of the infographic explaining the necessity of a
website for different agencies.
Unit 2: Activity: Seminar though PPT on various Look and Feel components that websites related to
different agencies
Evaluation Method: Content knowledge, organization, clarity, presentation skills, visualaids,
audience engagement
Unit 3: Activity: Code snippets Challenge.
Evaluation Method: Accuracy, functionality, efficiency, code readability, and problem-
solving approach of the JavaScript code snippets
Unit 4: Activity: Group discussion on different kinds of web forms that take and validate user input
using java script validations
Evaluation Method: Active participation, knowledge sharing, critical thinking, and
demonstration of different web forms and JavaScript validations
Unit 5: Activity: Creation of Personal website using wordpress
Evaluation Method: Design aesthetics, functionality, user interactivity, content organization,
and utilization of plugins.
