Web Designing
Represented By
Ashish Bisht
B.Tech 2nd Year
(C.S.E)
World wide web
Grand global collection of websites and the
internet interconnects all the sites
All publicly accessible websites collectively
constitute the World Wide Web
Over one billion registered websites
What is Web Designing ???
Skill of creating presentations for the end
user through the world wide web
Process of designing web pages , web sites
and web applications
Utilizes multiple disciplines
Website ???
A website is a collection of related web pages,
images, videos or other digital assets that are
addressed with a common domain name or IP
address in an Internet Protocol based network
Home page (URL)
e.g. http://www.msn.com/
Link pages
Each page has multiple links
Graphical environment provided with GUI
A brief history
First website was published by Tim Berners –
Lee in August 1991
Combined internet communication with
hypertext
Started with markup languages and later on
slowly evolved incorporating latest changes
in technology
Types of web pages
Static: A web page that always comprises the
same information in response to all download
requests from all users
Dynamic: Content on a web page can
change, in response to different contexts or
conditions
Steps for creating web
pages
Planning the web pages
Gathering information
Organize information
Publishing web pages
Web site planning
Purpose
Audience
Content
Compatibility & restrictions
Planning documentation
Essentials for a good
website
Visual effect
Spacing
Navigation
Design to build
Typography
Usability
Alignment
Clarity
Consistency
Privacy & customer opinions
Hardware required
Personal computer
Internet facility
Languages used…!
Markup languages(HTML,XHTML,XML)
Style sheet languages (CSS,XSL)
Client side scripting (java script)
Server side scripting (PHP,ASP)
Database technologies (such as MySQL and
PostgreSQL)
Multimedia technologies (such as Flash and
Silverlight)
Markup languages
HTML - Hypertext Markup Language
Publishing language used by www.
HTML document makes use of HTML tags.
(i.e. < and >)
XHTML- Extensible HTML
An extended version of HTML.Need to be well
formed as compared to HTML. E.g. the use of tags;
case sensitivity etc
XML - Extensible Markup Language
Set of rules for encoding documents
electronically.
XML’s design goals emphasize simplicity,
generality, and usability over the internet
HTML
Best designing language available for static
web pages
HTML document makes use of HTML tags
Commands do not appear independently and
exist within specific symbols called tags (i.e.,<
and > )
Essentials for HTML
Text editor
Browser
Text Editor FINAL
BROWSER
(NOTEPAD) OUTPUT
Working with HTML , at a glance
HTML tags are used that work in pairs
Basic HTML tags include container tags and
non container tags
E.g. for container tags
<HTML>…….</HTML>
<HEAD>…….</HEAD>
<BODY>…….</BODY>
E.g. for non container tags
<BR> puts a line break in between 2 lines
<HR> inserts a horizontal line into a web page
Save it with an .html extension or .htm
extension.
Style sheet languages
CSS - Cascading Style Sheets
A mechanism that applies a style across one or more
web pages. Forms a part of DHTML. Style
information from several sources are blended
together.
XSL – Extensible Style Sheet Language
Refers to a family of languages used for transforming
& rendering XML documents
Client side scripting
Java script :
Offer the ability to quickly and easily
generate the scripts for powerful user
interaction.
Can run locally in a user's browser and thus
can respond to user actions quickly, making
an application feel more responsive.
Server side scripting
PHP – Hypertext Preprocessor
Widely used, general-purpose scripting language that
was originally designed for web development, to
produce dynamic web pages
ASP - Active Server Pages
Microsoft’s first server-side script engine for
dynamically-generated web pages. Web pages with
the .asp file extension use ASP. Written mostly in
VBScript.
Database technologies
MySQL (My structured Query Language) :
RDBMS which has more than 6 million
installations and the program runs as a server
providing multi-user access to a number of
databases.eg of sites using this are
Flickr;facebook etc
Often combined with PHP
PostgreSQL :
A language that is easy to administer and is
widely used for web designing
It is a free , open source software which has
considerable reliability and stability
Multimedia technologies
Flash :
Adobe Flash is a multimedia platform that has
become a popular method for adding animation and
interactivity to web pages.
Flash can be used to embed video in web
pages.E.g.You Tube and Google Video
Silverlight : Microsoft Silverlight is a web application
framework, integrating
multimedia,graphics,animation & interactivity into a
single runtime environment
Accessible web design
To `be accessible, web pages and sites must
conform to certain accessibility principles.
These accessibility principles are known as the
WCAG when talking about content.
Thank you !!!
