web designing and hosting presentation ppt
TRANSCRIPT
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. 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
(NOTEPAD)BROWSER FINAL
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.
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 !!!