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 Pages • Static Web Pages • Dynamic Web Pages • Active Web Pages • Differences of Web Pages • Web Pages choosing for organization • Conclusions
Web PageA 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. ActiveThe 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 hostDisadvantages :• 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
NoteDynamic documents
are sometimes referred to as server-
site dynamic documents.
Client
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 skillsDisadvantages• 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
Active documents are sometimes referred to as client-site dynamic
documents.
Note
Advantages and Disadvantages Advantages : oAbility to update information continuously.oMore important, an active document can access sources of information
directly and update the display continuously.
Disadvantages :oBecause, 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.
oAn active document is a potential risk because the document can export or import information
Difference between static and dynamic website
Static website
• It contain fixed no. of pages.
• Theme of website and content of webpage are fixed.
• Static sites never use database connectivity.
Dynamic website
• it can create webpage dynamically.
• Webpage design and content may change on run time
• Dynamic sites deal with database and generate the contents dynamically using database quires.
Continued…….
Static website• It is highly secure than dynamic
sites because it behave as a half duplex approach so only one way communication is possible i.e.., server to client.
• It is directly run on browser and does not require other server application language static website can be created form html and css.
Dynamic website
• Dynamic website are less secure because it behave as full duplex approach so both side communication is possible so user can change the server data.
• It run the application on server and the output will display on webpage so this is require server application language like PHP, ASP.NET,JSP etc.
Difference between dynamic and active website
Dynamic website
• Dynamic is what's being executed on the server and then the result is being sent back to the client (browser). So for example when using PHP, your browser isn't able to execute PHP, so the server executes the PHP file and performs all logic in your code. The result will be an HTML file, which is then sent back to the client. The important thing to understand is that when the result is served to the client, the information in it won't change.
Active website
• An active web page is a page where the browser performs the logic instead of the server. So for example when you've got a page where you're showing share prices, then you want it to update e.g. every 5 seconds. A solution would be to use AJAX with JavaScript. In contrast to PHP, your browser is able to execute JavaScript, so it is happening without reloading the page. So with an active page, everything is happening inside your browser without the need to reload 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
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?
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:
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…