WEBSITES

The internet and its websites are an

invaluable source of information shared by
the world; access to them is even considered
a human right by the UN.
 DEFINITION OF WEBSITE
• A webpage is an HTML document provided by any website
that gets displayed on your web browser. website is the
group of web pages which are placed in a
location on the internet and accessed
through a single web address(domain name).
• A website has not only one but a group of interlinked web
pages. These web pages have information, graphics, video
content, etc.
• Content on a website is globally visible, publically used, remains
same for the different individuals.
• A website could be industry-specific, product specific or services
specific etc.;
• These websites are intended to educate their site visitors about
their industry, products or services information.
• Every organization maintains websites. It
helps them to communicate with their
customers. The process of designing and
creating a website is called web
development.
• HTML, cascading style sheets(CSS), and
JavaScript are the three basic languages used
in web development.
 ACCESSING WEBSITES
• Web Server: Software responsible for handling
incoming requests and serving web pages to users.

• Web Browsers: The software used by visitors to access

and view websites, like Chrome, Firefox, or Safari.

• Domain Name- The web address that users type in to

access the site, such as www.amazon.com

• Web Hosting: Servers where website files and data are

stored and made accessible to users.
 MOST IMPORTANT TYPES OF WEB
PAGES TO CREATE IN WEBSITE
Homepage About Page
Product Page Contact Page
Blog Social media
Landing Page integration
Navigation Menu Search Page
Hyper links (clickable Custom 404 Page
links connecting
different web pages)
• Database: Storage for dynamic content, such
as user accounts, product listings, or blog
posts.

• Content Management System (CMS):

Software that simplifies the creation, editing,
and management of website content.
 ELEMENTS OF A WEB PAGE
• Each website has its own set of web pages and they all differ
from each other. However, each of them contains some
common elements. Here is a list of these elements that
make up a webpage.

 The logo or website’s name at the top.

 The search bar allows users to search related information on

a particular page or the whole website.

 Under it are placed the breadcrumbs. These help the reader

to locate where they are on the website and help them to
locate to the previous page or the home page.

 The title or the heading of the webpage should be placed.

 Many informative web pages include a link for
feedback. A good webpage will always ask the reader
if the information was useful or not.

 In the end, comes the footer. The footer includes the

name and any other information about the website.

 The copyright and legal notice must be mentioned at

the end of each website in footer. This prevents the
information available from any theft of content. This
ensures the information provided remains unique.
 The Battle for Attention
on the Web
Sticky content keeps sticky content
information or features
customers’ attention. that entice visitors to stay
for long periods of time
and return frequently
It helps to keep them on your
Web site long enough to
make a purchase.

9
The Battle for Attention on the Web

Ways to Make localized personalized

Site Sticky weather news
reports

chat rooms games

user
promotions
reviews

frequently 3-D
updated content
products

10
 LEVELS OF WEBSITE
• Different levels of websites available for
various sizes of businesses and organizations.
• Splash / Cover Page
• A splash or cover page is a very basic form of a
web page that is usually used by individuals or
startups who want to share their basic
company or organization information.
• Single Page, Brochure Style Website
• It’s perfectly suitable for growing businesses or mid-
level enterprises. This level of a website contains
multiple navigation tabs which are anchored to text
throughout the single page site, allowing visitors to
easily navigate the site with a few clicks and some
scrolling.
• Classic Five Page Website
• There are the standard five-page websites for those
businesses who want to be a bit more elaborate about
their business. This type of website contains the basic
five pages of a website, namely Home, About Us,
Products / Services page, Contact page and either a
blog or a gallery page.
• Medium Level Website
• A medium level website is the next best website
type. Such sites are perfectly suitable for both
medium and large size companies who have a lot
of products and services to offer their website
visitors.
• Enterprise Level Website
• For companies that have large scale operations,
perhaps across multiple geographic locations,
and offer multiple types of products and services,
an enterprise level website be best suited to
them.
• Web Application
• To take website to the next level, create a
mobile app. In case company is in the business
of selling a ton of products or services online
(such as clothing or online educational
courses), then opening an app for mobile
internet users would be the next logical step.
 PORTAL
• A web portal is a specially designed website that serves as the
single point of access for information, curated specifically for the
user. Audiences expect digital self-service and convenience and
Portals are the engine that meets this demand. A web portal is a
typical knowledge management system that delivers the facility
for organization or companies to build, share, interchange and
reuse knowledge.
• It is the private location on the internet retrieved through a unique
URL (web address), and login id and password. Web portal content
is login protected and user specific and its interface could be public
and private.
• It allows access to multiple user roles. Contents in a web portal are
dynamic and changed frequently. The visibility of one content
changes from person to person which means a content could be
unique to a user based on group member settings. Contents are
collected from the different and diverse sources.
 CLASSIFICATION OF PORTALS
• Portals can be divided into two classes:
• Horizontal portals (Horizontal Enterprise Portals)
• vertical portals (Vertical Enterprise Portals).
• Horizontal portals are analogous to a public website
which tries to deliver every type of service that its
users may need. Horizontal portals have “something
for everyone” and appeal to a wide range of interests.
Aol or Yahoo
• Vertical portals work in a user-centric manner and
deliver information that is organization-specific. These
portals focus on a particular industry
 BLOGS
• In the early stages, a blog was a personal web
log or journal in which someone could share
information or their opinion on a variety of
topics. The information was posted reverse
chronologically, so the most recent post would
appear first.
• A blog is a regularly updated website or web
page, and can either be used for personal use
or to fulfill a business need.
• A blog is typically a section of business's
website -- but, unlike the rest of website,
Company needs to update the blog section
frequently by adding new posts.
• Additionally, blog is a tool that allows to
engage more with an audience, either by
analyzing how many readers share blog posts
on social, or by allowing readers to comment
on individual posts. In this way, a blog is
more like a two-way conversation than the
rest of your website.
 WHAT IS A BLOG USED FOR?

To help company rank on search engines.

To share information about a given topic and
become an expert in an industry.
To attract visitors to site, and turn those
visitors into leads.
To cultivate an online community and engage
with an audience.
 COMPONENTS OF A BLOG

 Blog Header
 Blog Pages
 Blog Posts
 Blog Comments
 Blog Sidebar
 Blog Categories
 Blog Archives
 Blog Footer
 Blog Images
 The Best Blogging Platforms of 2023
Word Press: Best for customization
Wix: Best for drag and drop
Weekly: Best for e-commerce blogging
Drupal: Best for developers
Square space: Best all-in-one platform
CMS Hub: Best for marketers
Medium: Best for Its built-in audience
 DIFFERENCE BETWEEN WEBSITE AND PORTAL
BASIS FOR
WEBSITE BLOG PORTAL
COMPARISON
Basic It is a location on the A blog can be a It provides a single
internet usually website itself or a point of access where
accessed through an part of bigger site. the traffic is limited to
URL. the right set of users.

Features Owned by an usually run by an User-centric.

organization. individual or small
group of people
Interaction User have limited Users can leave There is a two-way
interaction with a comments on posts and communication
website. provide feedback between user and
(interactive& engaging) portal.

Property Not necessarily a information Act as the gateway to

knowledge domain. the specific knowledge
domain.
Management Seldom updation of the Blogs are more dynamic Regular updation of
information sources. in nature as the content information sources.
keep on updating.
 TYPES OF WEBSITES
• Websites can either be static and dynamic.
Static websites are basic websites with no
custom coding and databases while dynamic
websites display different content and they
are more sophisticated and interactive.
 DIFFERENCE BETWEEN STATIC AND
DYNAMIC WEBSITE
• The main difference between static and
dynamic website is that a static website is a
basic website with fixed content while the
dynamic websites are advanced websites
that provide different content according to
client requests.
STATIC WEBSITE DYNAMIC WEBSITE
 In static web pages, Pages will  In dynamic web pages, Content
remain same until someone of pages are different for
changes it manually. different visitors.
 Static Web Pages are simple  Dynamic web pages are
to program complicated to program
 In static web pages,  In dynamic web page,
Information are change rarely Information are change
unless source code is changed frequently as per client request
 Static Web Page takes less  Dynamic web page takes more
time for loading than dynamic time for loading.
web page  Allows more user interactions
 Donot allow user interactions  Used for medium and large scale
 Used for small scale websites ecommerce and social media
websites
STATIC WEBSITE DYNAMIC WEBSITE

 In Static Web Pages,  In dynamic web pages,

database is not used. database is used.
 Static web pages are  Dynamic web pages are
written in languages such written in languages such
as: CGI, AJAX, ASP, ASP.NET,
as: HTML, JavaScript, CSS, etc.
etc.
 Dynamic web pages
 Static web pages does not contains application
contain any application program for different
program services.
 Static web pages require  Dynamic web pages require
less work and cost in comparatively more work
designing them. and cost in designing them.