Colegio de Dagupan

College of Information and Computing Studies

Web Development: An Overview

Web Development

 It involves the art of creating content and

developing systems to make this content on the
WWW or company intranets.
 Web Development vs. Web Design

Web Developer Web Designer

Someone who programs Someone who designs

Web pages. They Web pages. A Web
typically use HTML designer is more
focused on the look
text editors and work
and feel of a website
with databases and than how it works
programming
languages as well as
HTML.
 Web Development vs. Web Design

Web Developer Web Designer

Web developers won't be Web designers won't

asked to create the be asked to build
look and feel of a Web programs or
applications or
website.
maintain databases
for data driven
websites.
 Web Development vs. Web Design

Web Developer Web Designer

Web developers must have Web designers must
skills: have skills:
HTML Some HTML
Some CSS
JavaScript and Ajax
CSS
PHP, ASP, Javascript, Perl Design
MySQL Database Project Management
Project Management
Web Content Types

 Text
 Graphics
 Digital Audio
 Musical Content
 Animation and Video
 Programs
 Text Content

 The heart and soul of the web.

An overview of the options for delivering text content on the web
Content Solution Advantages Disadvantages

HTML Loads quickly, easy to develop. Hard to get the perfect format.

Portable Document Plugins are small computer Large file sizes; users need plug-in
Plug-ins programs that extends the standard for inline viewing.
functionality of the browser. Lots
of formatting and creating options;
platform independent; high quality
output.
Word Processing Lots of formatting options; easy to Large file sizes; users need plug-in
Documents edit unlike files using portable for inline viewing. Not all file
document. formats or platforms are supported.

Graphically Rendered Text Lots of formatting options; keeps Large file size can be too big in
text from being copied directly to many cases; , keeps from text from
clipboard; being copied to clipboard.
 Graphics
 Static imagery
The basic ways to display graphical content on the Web.
Content Solution
Browser supported
graphics
Direct Plug-In Formats( such
as Corel’s CMX)
Advantages
Wide support by platform and
browser type.
Wide range of additional
formats available for
developers.
Disadvantages
Even with different variants of
GIF/JPEG, there still a need
for other types of graphic file
support.
Plug-In needed for inline
viewing; and not all platforms
supported.
 Digital Audio Content
Various ways to deliver digital audio content for the Web.
Content Solution Advantages
Browser/HTML supported Easy to include.
audio
Plug-In/Server Streaming Can playback audio streams in
Technology real time; makes live
broadcasts possible.
Plug-In only Formats Plays back streams in real
time; no server technology
Text to Speech Excellent for providing
handicap accessibility; low file lot to be desired.
size; use for dynamic Web
sites.
Disadvantages
Slow; users must download
the entire file before they can
hear it.
Large file sizes; both servers
and users need plug-in
software; audio quality is
good.
Large file sizes; users need
plug-in software for inline
viewing.
Sound quality often leaves a
 Programs

Various ways to deliver program content via the Web.

Content Solution Advantages Disadvantages

JavaScript and VBScript Load quickly; offer speedy

development environment and
native browser support.
Java Offers incredible cross-
platform solutions and robust
development possibilities.
PHP, ASP, ASP .NET Creates dynamic websites
Web Generations
Web 1.0 (STATIC)

 It refers to the first stage of the World Wide Web

linking webpages with hyperlinks.
 Unidirectional e.g. traditional brochureware-style
websites
Web 1.0 (Examples)

Apple.com launched in 1996

msn.com and New York times

launched in 1995

msn.com launched in 1996

Web 2.0 (SOCIAL)

 A Web 2.0 site allows users to interact and

collaborate with each other
 AJAX is a key technology used to build Web 2.0
because it provides rich user content and
experience
 The rise of social media, wikis, blogs, video
sharing sites
Web 2.0 (Examples)
Web 3.0 (SEMANTIC)

 It can recognize people, places, events, companies,

products, movies, etc. It can understand the
relationships between things.
Web 3.0 (Example)