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.