Web Designing & Hosting
Submitted by
Anjali H
MBA 1st sem
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. [Link]
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 [Link] 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 [Link] 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
[Link] 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.
Web Hosting
Web hosting ???
A service that allows users to post Web
pages to the Internet
Offers its clients access to a web server
that will push the client’s content to
recipients on request.
offered to the consumer in multiple formats
based upon the user’s requirements. (cost
and infrastructure)
E.g. BSNL
Features of web hosting
Allows individuals and organizations to
make their own website accessible via
www
Web hosts are companies that provide
space on a server they own or lease for use
by their clients as well as providing Internet
connectivity, typically in a data center.
Why web hosting ???
Economical
Monitoring client’s server throughout
Benefit of doing business 24*7
Watches the servers of other business
Ability to set up secure server
Elements of web hosting
Server hardware
Web server
Operating system
Web host or hosting provider
Important Types of web hosting
Free web hosting
Dedicated server web hosting
Reseller web hosting
Shared web hosting
Colocation web hosting
Factors to be considered while
choosing the web host
Speed
Space
Control panel
E –mail services
Back up policies & procedures
Uptime
Existence
Thank you !!!
