Website Designing

What is Website Desiging?

Web Designing is one of the most lucrative industries of the 21st century. Websites provide a very cheap and effective way of advertising and expressing yourself and your work to the world.Designing a website does not take as much effort as programming a desktop application. The languages used to program the websites are simple to learn. Internet is a vast world of interconnected webpages, which are kept in servers, and they can be accessed through links known as URLs. A webpage is build using the HTML language, created in 1990 by Tim Berners Lee, to enable scientists to exchange scientific research with ease. The possibilities of the internet was realised and its use was made freely available to all. To regulate the standards and content used in a website, W3C (World Wide Web Consortium was formed).

CSS made it possible for web designers to add creativity to their websites and amaze the users. JavaScript and Flash added interactivity and multimedia elements to a website like animations, videos, sounds, etc. These and some other web based programming languages can be used to create better and more interactive websites of today. These next generation of websites are the contents of the new web, known as the Web 2.0.

The technologies being used during web designing are:

  • Markup languages (such as HTML, XHTML and XML)
  • Style sheet languages (such as CSS and XSL)
  • Client-side scripting (such as JavaScript and VBScript)
  • Server-side scripting (such as PHP and ASP)
  • Database technologies (such as MySQL, MSSQL)
  • Multimedia technologies (such as Flash and Silverlight)


A. Classroom rules & norms
B. Review of syllabus
C. History & structure of the internet
D. Good design vs. bad design
1. Comparison of live web sites
2. Information Architecture
a. Usability
b. Usability for people with disabilities
c. Navigation
3. Concept, content, & context
4. Readability
5. Loading time
6. Color schemes
7. Font choices
8. Image choices
9. Advertisements / pop-ups

Hypertext Markup Language (HTML)

A. Overview
1. Code as language
2. Dreamweaver vs. basic text editors or “straight code”
3. What are tags?
4. Appropriation – “View Source” browser option
B. Tags & attributes
1. Required
2. Common
3. Extra
C. Table structure and hierarchy
D. Browser differences
E. Folder hierarchy - path
F. File Transfer Protocol (FTP)

Cascading Style Sheets (CSS)

A. Typography
B. Consistency
C. Types of styles
D. Specifying class within HTML document
E. Text rollovers


A. Tools
1. Names
2. Functions
3. Shortcut keys Web Design
B. Layers
C. Images
1. Placing
2. Resizing / resolution
3. Optimizing
D. Text
E. Color
1. RGB
2. Web-safe colors
2. Hexadecimal value
F. Slicing the page
G. Saving & naming

Concept, Context, & Content

A. Concept
1. Purpose
a. Advocacy
b. Business/Marketing
c. Informational
d. News
e. Personal
2. Research
3. Audience
4. Competition
5. Sketching on paper through designs in Photoshop
B. Context
1. Does design fit within elements of concept?
2. Linking to related sites
C. Content
1. Sitemap
2. Writing for the web
3. Does content fit within goals of concept?

Elements and Principles of Design

A. Composition
1. The grid
2. Balance – asymmetrical, symmetrical, radial
3. Repetition
4. Emphasis
5. Unity
6. Positive & negative space
7. Shape
B. Color
1. Complementary / Analogous
2. Tints & shades
3. Contrast


A. Text / image rollovers
B. Animation
C. Video
D. Sound Web Design
What's 17 - 2 =

class for demo


Jamia Nagar Batch
Maharani Bagh Batch



query button