“ How is web development?” [1]
“an introduction”
Mohammed Safwat
Freelancer Web Developer

“ How is web development?” Series :
1. An Introduction .
2. Basic Design Tools.
3. Logic Tools .
4. Tweaks you need.

Web Applications
web applications refer to all types of
applications in which all or part of them are
hosted within a web browser.

Evolution of web development
Web development has turned from just static
pages , with static contents , to dynamically
generated contents via programs running on
web servers .
This turn aroused from the increasing human
needs to publishing on web , thinking in
easier , stable , powerful and smart ways for
developing web.

How requests is done?

Website Structure
●
HTML Files
These HTML files may contain client side scripting like
Java scripts.
●
Image files like (GIF and JPG).
●
Object files
They require plugins , like sound , video , flash or java files ,
etc.
●
Server Side Scripts :
Programs for accessing server based resources like
Database .
Typically ASP , ASP.net , PHP , JSP , etc . “life Demo”

Website Structure

Website Structure
Image
files
Links to other Java
server­side Script
scripts

Basic Web Development Process
1. Create HTML files.
2. Test locally.
3. Upload to web server. “Via FTP for ex. “
4. Test it on the web server.
“life demo”

Why several browsers?
The original intension behind
HTML is to describe meaning
not formatting.
Every browser adds his own
tags.
Every browser can vary in how it displays data.
CSS and JS vary on browsers.

Why several browsers?
It's impossible to design a web page that looks
the same on all browsers.
But you can:

Design for the safest HTML standard.

Test on most current versions of browsers.

Design for current web standards regardless
of browser support.

Browsers Market Share

Static VS. Dynamic Web Pages
Most web pages that you view are not static
HTML files.
They are output from programs that run on
web servers.
These programs can interact with server resources like
Databases and XML web services.

Static VS. Dynamic Web Pages

Dynamic Web Technologies

ASP

ASP.NET

PHP

ColdFusion

JSP

Ruby on Rails

CGI
All of them generate HTML on the server and
send it back to the requesting browser.

Web Frameworks

More and More web works is being done
using pre­existing frameworks , such as
Content Management Systems (CMS) and
Blog Engines.

With a framework , you write less , develop
fast , and do more easier web development.

Coming

Advanced session for web development.

Ground­up web project.

PHP course.
www.depiak.catreloaded.net
www.mans­eng.com/vb