Scribd
Upload
252 views24 pages

2 Static & Dynamic Web Pages

The document discusses static and dynamic websites. Static websites have fixed HTML pages while dynamic websites pull content from a database and update automatically. Static sites are easy to create but require manual updates. Dynamic sites are more advanced, user-friendly and automated but more expensive to build initially. The document also outlines common elements of a webpage structure like headers, navigation bars, main content, sidebars and footers.

Uploaded by

Rijo Jackson Tom
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
252 views24 pages

2 Static & Dynamic Web Pages

The document discusses static and dynamic websites. Static websites have fixed HTML pages while dynamic websites pull content from a database and update automatically. Static sites are easy to create but require manual updates. Dynamic sites are more advanced, user-friendly and automated but more expensive to build initially. The document also outlines common elements of a webpage structure like headers, navigation bars, main content, sidebars and footers.

Uploaded by

Rijo Jackson Tom
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 24

SRI KRISHNA ARTS & SCIENCE COLLEGE

[An Autonomous Institution]


Ranked 53 in NIRF; MHRD: 1st in Institutional Swachhata Ranking
rd

Coimbatore – 641 008

Introduction to Information Technology

I B. Com IT A

Unit 2
HTML & Webpage
LECTURE 2

Facilitator
Mrs. Gino Joseph
Assistant Professor
Commerce Finance
Static & Dynamic Web pages
Structure of a Web Page
Video and Reference links
Expert Video https://drive.google.com/file/d/1ElcdUZbDibgdDH9WMO2PB6CK9Afi1K4C/vi
ew?usp=sharing

Reference https://www.tutorialspoint.com/html/html_tutorial.pdf

Animation video https://www.youtube.com/watch?v=0QT06AFAbdc


Website
• Website is a collection of
related web pages that may
contain text, images, audio
and video.
• The first page of a website is
called home page.
• Each website has specific
internet address (URL) that
you need to enter in your
browser to access a website.
• Website is hosted on one or
more servers and can be
accessed by visiting its
homepage using a computer
network.
• A website is managed by its
owner that can be an individual,
company or an organization.
Website types
• A website can be
of two types:
– Static Website
– Dynamic Website
Static website
• Static website is the basic type
of website that is easy to
create.
• You don't need the knowledge
of web programming and
database design to create a
static website.
• Its web pages are coded in
HTML.
• The codes are fixed for each page so the information contained
in the page does not change and it looks like a printed page.
Advantage of Static Website:
• It is an easy to develop site as it has only a few pages and is
used for small business.
• Static websites consume less time to create and operate.
• It is a cost effective site because it requires less functionality
and reasonable rates to host it.
• Static sites are easy to handle so, no specialist is required to
control it.
Demerits of a Static Website:
• Static sites can require frequent updates, but to materialize
them, the sites needs frequent costing. 
• Static websites are time consuming during update because
every single page has to be treated separately.
• For smaller changes also, you might pay to a web developer if
you don’t know HTML language and web development basics.
• It cannot be optimized to give a good user experience.
Dynamic website
• Dynamic website is a collection of
dynamic web pages whose content
changes dynamically.
• It accesses content from a database or
Content Management System (CMS).
• Therefore, when you alter or update
the content of the database, the
content of the website is also altered
or updated.
• A dynamic website can be called an
advanced form of a static website
and deploys newer technology in
web development.  
• As it requires heavy server scripting
like PHP, JSP, CSS, etc., it automates
to the latest updates easily and is
highly optimized. 
• But it is expensive to make in the
initial stage, yet it’s benefits make it
worthy!
Advantages of Dynamic Website
• A dynamic website automatically updates itself to new
changes.
• It attracts more visitors and promises conversations since it is
highly user friendly.
• For frequent updates, anyone can make a change hence a web
developer is not needed so, recurring costs are saved.
• New pages can be added to the current.
Few demerits of Dynamic Website
• A dynamic website’s initial making cost is high, so small
business might not afford it.
• It requires more time to build.
Structure of a Web Page
• Webpages can and will look pretty different from one another, but they all tend to share
similar standard components
• header:
– Usually a big strip across the top with a big heading, logo, and perhaps a tagline. This usually stays
the same from one webpage to another.
Navigation bar
– Links to the site's main sections;
usually represented by menu
buttons, links, or tabs.
– Like the header, this content
usually remains consistent from
one webpage to another
– having inconsistent navigation
on your website will just lead to
confused, frustrated users.
Main content
• A big area in the center that
contains most of the unique
content of a given webpage,
– for example, the video you
want to watch, or the main
story you're reading,
– or the map you want to view,
or the news headlines, etc.
– This is the one part of the
website that definitely will vary
from page to page!
Sidebar
• Some peripheral info, links, quotes,
ads, etc
• Usually, this is contextual to what is
contained in the main content
– (for example on a news article page,
the sidebar might contain the author's
bio, or links to related articles)
but there are also cases where you'll find
some recurring elements like a secondary
navigation system.
Footer
• A strip across the bottom of the
page that generally contains
fine print, copyright notices, or
contact info.
• It's a place to put common
information (like the header)
but usually, that information is
not critical or secondary to the
website itself.
• The footer is also sometimes
used for SEO ( Search Engine
optimization)- for getting into rank of
search purposes, by providing links

for quick access to popular


content.

You might also like