Presentation

on Static,
Dynamic and
Active web pages
Group members
Sl. No Name ID

01 Mahbuba Yesmin Turaba 1109016

02 Aftabur Rahman Parvez 1109015
03 Mohammad Kamrul Hasan 1109010
04 Mesbah Uddin 1109011
05 Najmul Hasan 1109013
Outline
Web Page
A web page is a document that is suitable for the World Wide
Web and web browsers. A web browser displays a web page on a monitor or
mobile device. The web page is what displays, but the term also refers to a
computer file, usually written in HTML or comparable markup language.

The pages in the WWW can be grouped into three broad categories:
1. Static
2. Dynamic
3. Active
The category is based on the time at which the contents of the document are
determined.
 Static Web pages
content : medium and message text, graphics, movies and sound
Static Web pages

• A static web page displays the same information for all users,
from all contexts or subject making customization
impossible.

• Thus, Static web pages are suitable for the contents that
never or rarely need to be updated.

• Each request for a static document results in exactly the same

response.
Static Web pages architecture
Static Web pages content
 Web Pages exist as individual files
 Some file types that may be familiar
 MS WORD DOC .doc, .docx
 MS EXCEL .xls, xlsx
 ADOBE FILES: .pdf, .psd, .ai.
 Digital Camera Files .jpg, .tiff

 Examples of typical static web page files

 .htm
 .html
Static Web pages content(continued)

Pages typically contain text,

hyper links, photos, and graphics

Pages may also contain animated

or interactive media such as:
Movie Clips (YouTube etc.)
Adobe Flash Presentations
Microsoft Silverlight
Other media types
 Static Website Navigation

Pages are associated with each other

by a menu of links or “Navigation
Menu”

Changes to the main Navigation

Menu will require an edit to every web
page that contains this menu.

Web development software can

automate Navigation Menu
maintenance, but pages will still need
to be re-published for changes to take
effect.
 Static Websites - Publishing
 Pages are published by uploading files to
a Web Hosting Computer

 Directly from within the development

software

 By transferring individual or groups of

files with a File Transfer program.

 Maintaining a networked folder with

the Web Hosting Serve

 Static Web Page Files are

published by physical transfer from
the development PC to a Web
Hosting Computer
Advantages and Disadvantages

Advantages:
• Quick to develop
• Cheap to develop
• Cheap to host
Disadvantages :
• Requires web development expertise to update site
• Content can get stagnant
Dynamic Web Pages
Dynamic Web Pages

• Dynamic web page is a web page whose construction is controlled by an

application server processing server-side scripts.
• They can be customized according to the need of the user!
• When a request arrives the web server runs an application program that
creates the document.
• The server returns the output of the program as a response to the
browser that requested the document.
• Because a fresh document is created for each request, the contents of a
dynamic document can vary from one request to another.
Dynamic Web Pages architecture

Client Note
Dynamic documents
are sometimes
referred to as server-
site dynamic
documents.
 Dynamic Websites
 Employ Dynamic pages that exist as
files with extensions based on the
type of programming used.
 .jsp , .cfm, .pl, .php, .asp, .aspx

 Pages are Dynamic in that they can

draw ever changing Content from
external information sources
 Pages can provide Create, Retrieve,
Update, and Delete functions for
company records
 Pages may not require
republishing
Dynamic Websites - Features

 Pages are capable of providing

interactivity such as:

 Forms to request information or

submit sales leads

 Internal searches within our site

 Registration and Login, personal

profile maintenance, and
authenticated/secure access to
protected or premium content
Dynamic Websites -Features (continued)

• Dynamic Product Catalogs and online sales

(Ecommerce)
• Information that is already maintained within
company I.T. Systems such as Databases,
Spreadsheets, and text files can be leveraged as
Web Content.
• Access can be granted to allow customers to
maintain their own information.
Dynamic website architecture
Dynamic Websites - Content Management Systems

Web Content Management System (WCMS)

A web content management (WCM) system is a CMS designed to

simplify the publication of Web content to Web sites, in particular
allowing content creators to submit content without requiring
technical knowledge of HTML or the uploading of files.
 Dynamic Websites – CMS Features
 When new web pages are added, Page
Navigation Menus are maintained
automatically

 Many Common Interactive and Dynamic

Features may be provided such as: forms,
articles, blogs, ecommerce, event calendars,
forums, etc.

 Pages and sub-pages may be created based

on a universal design or template

 Pages may have a modular design featuring

panels/areas for information of certain types on
select pages

 No software installation is necessary, just a

web browser.
Advantages and Disadvantages
Advantages
• Restructuring of dynamic websites is easier, thus ensuring its longevity
• Can be developed/amended/added to as and when required
• Access to be able to content manage the website from any computer, anywhere
in the world (that has Internet connection)
• Website content contributors/editors only need basic content editing skills
Disadvantages
• For smaller companies a Dynamic website might be too expensive or seen as
unnecessary so the investment might not be justified
• Slightly longer initial development time
• Cost of implementing training of Content management system to Client/Staff
Active Web Pages
Active Web Pages

• An active web document consists of a computer

program(JS,applet etc.) that the server sends to the
browser and that the browser must run locally.

• When it runs, the active document program can interact

with the user and change the display continuously.
Active document using Java applet
Active document using client-site script
Note

Active documents are sometimes

referred to as client-site dynamic
documents.
Advantages and Disadvantages
Advantages :
o Ability to update information continuously.
o More important, an active document can access sources of information
directly and update the display continuously.

 Disadvantages :
o Because, an active document can run on an arbitrary computer instead
on a server, the program must be written to avoid depending by
particular features of a computer.
o An active document is a potential risk because the document can export
or import information
Difference between static and dynamic
website

Static website Dynamic website

• It contain fixed no. of pages. • it can create webpage dynamically.

• Theme of website and content • Webpage design and content may
of webpage are fixed. change on run time
• Static sites never use database • Dynamic sites deal with database and
connectivity. generate the contents dynamically using
database quires.
 Continued…….
Static website Dynamic website

• It is highly secure than dynamic • Dynamic website are less secure

sites because it behave as a half because it behave as full duplex
duplex approach so only one approach so both side
way communication is possible communication is possible so user
i.e.., server to client. can change the server data.

• It is directly run on browser and • It run the application on server and

does not require other server the output will display on webpage
application language static so this is require server application
website can be created form language like PHP, ASP.NET,JSP
html and css. etc.
Difference between dynamic and active
website

Dynamic website Active website

• Dynamic is what's being executed • An active web page is a page

on the server and then the result is where the browser performs the
being sent back to the client logic instead of the server. So for
(browser). So for example when example when you've got a page
where you're showing share prices,
using PHP, your browser isn't able then you want it to update e.g. every
to execute PHP, so the server 5 seconds. A solution would be to
executes the PHP file and performs use AJAX with JavaScript. In
all logic in your code. The result will contrast to PHP, your browser is
be an HTML file, which is then sent able to execute JavaScript, so it is
back to the client. The important happening without reloading the
thing to understand is that when the page. So with an active page,
result is served to the client, the everything is happening inside your
browser without the need to reload
information in it won't change. the page every time you want new
information.
Is Static Right for Your Organization
Static websites are a better choice when you:

are limited in budget and are starting with a core web presence

are dealing with 20 pages or less

are planning to add new pages occasionally

are assigning maintenance to a provider or have skilled staff and

proper software

need of portable, physical web page files

Is Dynamic Right for Your Organization

Dynamic websites are a better choice when you:

 need custom programming to accommodate your unique business needs

 need pages that must pull information from sources external to the website proper

 need to be able to easily add and edit web pages (Content) from within a browser

 need web pages that will display and update records from your information systems

 need to give one or more staff members access to edit the site

 need convenient access to setup common interactive features such as Article

Publishing, Event Calendaring, Blogs, Secure Login, Ecommerce, and others.
Conclusions
The decision as to which type of website design is right for you should start
with an assessment of your business needs. Ask questions like:
 Who will maintain the site when it’s complete?

 What are the key features offered in the website hosting:

 File Space and Bandwidth limits?

 Email Accounts – Storage size limits, Lists, Webmail and its features?

 Are website statistics available via web browser?

 Can Secure Connections be accommodated?

 Do you have qualified staff and the proper software to perform maintenance?
Conclusions
 What functionality is critical to provide to:
 Prospective Customers
 Existing Customers
 Your Staff
 Your Vendors
 Others . . .
 What are your criteria for ecommerce?
 Search enabled product catalog pages
 Shipping options
 Compatible payment processing vendors

 Are your needs fairly common ones or are they unique to your industry,
products, or services?
Questions ?
Thank you all…