Certificate Course in

Web
Designing

Department of Computer Science & Engineering

School of Engineering and Research

Objective of Course:
In this Course we will study design technologies such as Dynamic HTML, cascading style
sheets, JavaScript, Java applets, plug-ins and multimedia. We will also explore the extensibility
of design tools, incompatibility issues surrounding these tools, and the functionality of current
Web browsers. This course will also teach us to manage the Web site development process.
Web design requires a strategy different from other mass media. In this course, we will
approach the design process from the perspective of Web site users. We will take the role of
Web designer and project manager, and work through the Web site development process by
evolving a Web presence site into a working prototype Web project. This course provides a
balance of training in theory, technology, project management, and hands-on development.
The skills and concepts taught in this course enable corporations to overcome the challenges
of bringing mission-critical business information to the Internet and intranet environments.
After completing this course, we will be able to:

Explain and implement Web design concepts, including page layout, multimedia, font
and color selection, graphic images, audience usability, file hierarchy, and navigation.

Manage the Web site development process, develop a Web strategy with goals and
tactics to support it, and implement techniques such as mind mapping and the site
metaphor concept.

Choose and implement basic Web technologies, such as HTML tables and frames,
metadata, and Cascading Style Sheets.

Use Web production applications and tools to create and manage pages and sites,
create animated GIFs, edit graphic image files, and create multimedia files.

Explain and implement advanced Web technologies, including scripting languages,

Dynamic HTML, Extensible Markup Language (XML), server-side technologies, Java
applets, and plug-ins.

Explain the functions of Web servers, server administration ports, cookies, databases,
and database management systems.

Identify the Internet governing organizations, research Internet standards, and register
a domain name.

Compare in-house Web site hosting to hosting with an Internet Service Provider, and
publish sites to the Web using various tools and techniques.

Complete development of a functional Web site.

PART I
HTML: Hyper Text Markup Language
INTRODUCTION
The World Wide Web (WWW)
HTML History
Hypertext and Hypertext Markup
Language
Microsoft Front Page
HTML DOCUMENTS
Dividing the document into 2 parts.
Headers
Body
Tags:
Format.
Representing 2 types of tag (odd and
even)
Elements of an HTML Document
Text Elements
Tag Elements
Special Character elements
STRUCTURAL ELEMENTS OF HTML
DOCUMENTS
Header tags
Body tags.
Paragraphs
Titles
Lists
Numbered list
Non-Numbered lists
Definition lists
FORMATTING HTML DOCUMENTS
Logical styles (source code, text
enhancements, variables)
Physical Styles (Bold, Italic, underlined,
crossed)
MANAGING IMAGES IN HTML
Image format (quality, size, type)
Tags used to insert images
Frames
TABLES IN HTML DOCUMENTS
Tags used in table definition
Tags used for border thickness
Tags used for cell spacing
Tags used for table size
Dividing table with lines

Dividing lines with cells

Cell types
Titles cells
Data cells

HYPERTEXT AND LINK IN HTML DOCUMENTS

URL/FTP/HTTP
Link Tags
Links with images and buttons
SPECIAL EFFECTS IN HTML DOCUMENTS
Text fonts
Sensitive Images
Tip tables
Page background
Variable
Fixed
Rotating messages (Marquee)
Counters
MULTIMEDIA
Audio files and acceptable formats
(AIFF, AU, MIDI, WAVE)
Inserting audio files
Video files and acceptable formats
(MPEG,
Quick
Time,
Video
for
Windows).
Inserting video files
Screen control attributes (WIDTH,
HEIGHT, ALIGN).
Start
control
attributes
(START,
FILEOPEN, LOOP, LOOPDELAY, and
MOUSEOVER).
MANAGING FORMS
Interactive forms
Creating data entry forms
Outputting the Form In Another Page

PART II
CSS: Cascading Style Sheets

Introduction to Cascading Style Sheets

Default CSS Properties
Types of CSS Selectors
Universal Selector
Type Selector
Class Selector
ID Selector
Child Selector
Descendant Selector
Adjacent Sibling Selector
Attribute Selector
Other Selectors
CSS properties
Type Properties
Background Properties
Block Properties
Box Model Properties
List Properties
Border Properties
Positioning Properties
Useful CSS Properties
Properties useful in Real-time Designing
Using CSS for Real-time Practical Works
Defining the Text Styles
Defining the Background Styles
Designing Menu Systems
Horizontal, Vertical and Drop Down
Custom Form Designing
DIV + CSS Layout Design
PSD to CSS Conversion
CSS Optimization Tips
CSS Compression

PART III

JavaScript

Introduction to Client Side Scripting

Introduction to Java Script
JavaScript Types
Variables in JS
Operators in JS
Conditions Statements
Java Script Loops
JS Popup Boxes
JS Events
JS Arrays
Working with Arrays
JS Objects
JS Functions
Using Java Script in Real-time
Validation of Forms
Related Examples

PART IV

jQuery

jQuery Features
Installing jQuery
jQuery Syntax
jQuery Ready Function
jQuery Selectors
jQuery Actions
jQuery Custom Functionality
jQuery Libraries
jQuery Validation
jQuery Slideshow
jQuery Dropdown
jQuery UI
Working with jQueryUI
jQuery Accordions
jQuery Tabs
jQuery Tooltips

jQuery Autocomplete