Md.

Manjurul Karim(MMK)
There are two types of Websites based on location:

➢ Local Website: Website that is stored on your own computer or

server is called Local website.
➢ Remote Website: Website that is stored on a remote computer or
web server which can be accessed through internet is called
Remote website.

2/28/2024 2
 Websites can be of two types based on structure:

➢ Static Website
➢ Dynamic Website

2/28/2024 3
Static website:
A static website contains information that can not be changed at run time. It
remains the same, or static, for every viewer of the site.
Static website’s information is difficult to change while the website is
running.
No user can create an account, no comment, no blog post or no interactivity
on the static website. No programming language is required to create a static
website. Because this type of website has no functionality.
It requires no server-side processing, only client-side. Client-side technologies
are HTML(Hyper Text Markup Language), CSS(Cascading Style Sheet)
and JavaScript.
Example: portfolio site.
Features Static website:
1. The number of pages on the website is specific.
2. There is no database.
3. Only one-way communication takes place from the server to the
client.
4. No programming language is required.
5. The extension of the static webpage is .html or .htm.
6. There is no back-end, only front-end.
Advantages of static website:
1. Websites are easy to develop. As a result the cost is less.
2. Loads very fast.
3. More secure as no database.
Disadvantages of static website:
1. The code needs to be changed to add, update and delete
information on the website.
2. There is no system to take input from the user.
3. The more information on the website, the harder it is to control.
Dynamic website:
A dynamic website contains information that changes,
depending on the viewer, the time of the day, the time
zone, the viewer’s native language, and other factors.
Dynamic website contains information that can be easily
changed while the website is running. Because this type of
website has admin or user panel. This means that an admin
or user can add, update and delete information from his
panel without changing any code.
Dynamic website:
Users of dynamic websites can create accounts, comment, have blog
posts or interactivity. Programming languages ​are needed to create
dynamic websites. Because this type of website has a lot of
functionality.
It requires Client-side technologies like HTML, CSS and JavaScript
as well as server-side technologies like PHP(PHP: Hypertext
Preprocessor) or ASP.Net(Active Server Page) or JSP(Java Server
Pages) and database MySQL or SQL or Oracle etc.

Examples of dynamic sites are blogs, e-commerce sites, calendar or

to-do sites, or any site that needs to updated often.
Features of Dynamic Website:
1. The number of pages on a website is not specified.
2. There is database as a result, any information can be found out by
query.
3. There is two-way communication from server to client and from
client to server.
4. Data is transferred in full-duplex mode.
5. Dynamic webpage extensions are .php or .asp or .jsp.
6. Contains both back-end and front-end.
7. Programming languages ​are required.
Advantages of dynamic website:
1. The biggest advantage of a dynamic website is that it can be easily
updated as per the needs of the business owner.
2. Dynamic websites interact with the users and changes according to
their behavior.
3. A dynamic website can be quickly updated to become responsive
that is impossible with a static one.
4. There is a system to take input from the user.
5. Any functionality can be added to the website.
Disadvantages of dynamic website:
1. Dynamic websites can cost big bucks in their development
and even the hosting cost is high.
2. Having a number of functions to perform with complex
technology, the dynamic websites becomes slower to process
and load.
3.This types of websites are less secure than static websites.
Difference between static website and dynamic website:
Basic Website Types:
Business Website: A business website is any website that’s devoted to representing a
specific business. It should be branded like the business (the same logo and
positioning) and communicate the types of products and/or services the business offers.
E-commerce Website: An e-commerce website is a website people can directly buy
products from.
Blogging Websites: A blog owner will log-on daily, weekly, or whenever, and write
about whatever is going on in their lives or business, or they may comment on politics
and news.
Community Building Websites: Social Websites, Forum Websites, and Sharing
Websites. These websites build online communities of people who want to interact with
other people socially or meet people who share their interests. The best known website
of this type is probably facebook.com .
Website’s structure:
A website’s structure refers to how the website is set up, i.e. how the
individual sub-pages are linked to one another. It is particularly important
that crawlers can find all sub-pages quickly and easily when websites have
a large number of sub-pages.
For this reason, a website’s homepage needs to have links to the most
important sub-pages. Based on the link of web pages, they are in different
name. Normally there are three types of web pages in a website. For
example- Home page, main pages and sub pages.
Website's structure

• A website's structure refers to

how the website is set up, i.e.
how the individual subpages are
linked to one another.
Home Page: A home page is a default or front page of a site that serves as the starting
point of website. It is the first page that visitors see when they load a URL. It contains
information about mission, vision, etc. and there is a menu bar where main pages are
linked. This menu bar of the home page is called main section or “site index”.
Main pages: Main pages contain information about a particular division or section and
the main pages are connected in a menu bar. For example- Web pages of different
departments of a University are linked in the menu bar of the home page. This pages of
different departments are called main pages.
Sub pages: Sub pages contain details information about a particular topic or subject
and they are linked with main pages. For example- Web pages of different departments
of a University are linked in the menu bar of the home page. This pages of different
departments are called main pages. Again there are some pages that contain detail
information about admission, syllabus, notice etc. of a particular department and they
are linked with main page. Then these web pages are called sub pages.
Website structure can be divided into four types depending on Web
link

1. Hierarchical/Tree
2. Network/Web linked
3. Linear /Sequential
4. Hybrid/Combination

2/28/2024 20
Hierarchical / Tree architecture
Hierarchical / Tree architecture
 Hierarchical architecture
• The structure where webpages can be preserved upto one or
more than one levels is called Hierarchical structure / Tree
structure.
• Example: www.ccpc.edu.bd, www.facebook.com
• This structure is the best way to present information. That’s
why this structure is used in the website of school, Colleges
large organization and corporate level business houses.
 Hierarchical architecture

These are possibly the most common types of website structures. Because web
sites are usually organized around a single home page, which then links to
subtopic menu pages, hierarchical architectures are particularly suited to web site
organization. Sometimes this structure is called tree structure, and it is
very familiar in corporate and institutional life, so most users find this structure
easy to understand.
Most web sites adopt some form of multi tiered hierarchical or tree architecture.
This arrangement of major categories and subcategories has a powerful
advantage for complex site organization in that most people are familiar with
hierarchical organizations, and can readily form mental models of the site
structure.
 Hierarchical architecture

❑ It is a home page based web structure where the user first enters into the home
page.
❑ The home page contains links to other pages under the menu and sub menu.
❑ By using this method the website can be divided into different sections.
❑ This structure makes website easy for the visitor to understand which section
contains the information they need.
❑ In this structure web pages are divided into multiple levels.
❑ In this structure presenting information is the simplest as it can be .
❑ It is the most popular and logical among website frameworks .
❑ The structure is used in most web pages.
 Linear/ Sequential
• The web pages where information are linked in a sequence one
after another is called sequential / linear structure . This
structure is the easiest and most simple. This kind of structures
are used in training sites or sites with programming logic.
• Example: www.youtube.com
 Linear/ Sequential
• Each page is arranged in a sequence from the first page.
• Links like Next, Previous, Last, First etc. are usually used in such
pages
• This is the simplest structure.
• This type of structure is used when the website has less number of
pages.
• Pages can be easily uploaded and browsed quickly.
• This type of structure is usually used in programming or training
sites, reading sites and presentations like books, magazines etc
Linear/ Sequential
 Linear/ Sequential
• The simplest and most familiar way to organize information is to
place it in a sequence. This is the structure of books, magazines, and
all other print matter. Sequential ordering may be chronological, a
logical series of topics progressing from the general to the specific,
or alphabetical, as in indexes, encyclopedias, and glossaries.
• Straight sequences are the most appropriate organization for
training or education sites, for example, in which the user is
expected to progress through a fixed set of material and the only
links are those that support the linear navigation path.
 Network Structure/ Web linked Structure
• It is non-linear and complex most structure. These kinds of
structure have a large number of links where every page is
linked to each other and other pages are linked to the main
page.
• The frame is used to present the links in a list. This frame
remains fixed and if a link is clicked, the web page is displayed
in the large frame.
• Example: www.wikipedia.com
Network Structure
Example: www.wikipedia.com
 Network Structure/ Web linked Structure
• Each page has link to each other and other pages are linked to the
main page.
• Generally popular and effective in building large websites.
• Webpages created using frame are linked through this framework
So that the links of other pages in a frame can be kept in the form of
a menu.
• The structure is easy to use.
• The more pages there, the more complex it becomes to build such a
web structure.
• Large amount of storage needed to built this type of structure.
Network Structure
 Hybrid/ Combination Structure
• In this structure, web pages of a website are linked using
different multiple structures. Today most of the websites follow
this structure. Example: www.google.com
• For example- some pages are linked in sequentially and some
are linked in hierarchically.
 Hybrid/ Combination
• Such structures are linked in many ways to make
website easy to find information
• Such structure enhances the beauty of the websites.
• This Structure is used to minimize memory space.
• It is easy for visitors to visit.
• In general, hybrid structure can be constructed using
linear structures and Hierarchical structures.
Hybrid/ Combination
 Web Server
A web server is software and hardware that uses HTTP (Hypertext
Transfer Protocol) and other protocols to respond to client requests
made over the World Wide Web. The main job of a web server is to
display website content through storing, processing and delivering
webpages to users.
 Designing Web page and Publishing
❑Step 1 : Web Site design
❑Step 2: Domain name registration (www.godaddy.com, www.name.com etc)
❑Step 3: Web Hosting
Windows: Microsoft’s Internet Information Server and nginx, Language:ASP and MySql
Linux[Ubantu, CentOS, Redhat]: Apache Server, Language:JSP, PHP and MySql)

❑Step 4: SEO (Search Engine Optimization)

 Web Site design

• Web designing is the process of planning, conceptualizing, and

implementing the plan for designing a website in a way that is
functional and offers a good user experience. User experience is
central to the web designing process.
Domain name registration
Domain registration is the process of acquiring a domain name
from a domain name registrar.

Domain name registration is the act of reserving a name on

the Internet for a certain period, usually one year. This domain
will remain for as long as someone renews it and there is no
way to purchase a domain name forever.
Web hosting is a service to make your website accessible on
the internet.
Web hosting happens when the files that make up a website are
uploaded from a local computer on to a web server. The server’s
resources, (RAM, hard drive space, and bandwidth) are allocated
to the websites using it

Windows: Microsoft’s
Internet
Linux[Ubantu, CentOS,
Redhat]: Apache Server,
• What is SEO / Search Engine Optimization?
• SEO stands for “search engine optimization.” In simple terms,
it means the process of improving your site to increase its
visibility when people search for products or services related to
your business in Google, Bing, and other search engines. The
better visibility your pages have in search results, the more
likely you are to attract prospective and existing customers to
your business.
 <meta>
The <meta> tag defines metadata about an HTML document. Metadata is
data (information) about data.
<meta> tags always go inside the <head> element, and are typically used
to specify character set, page description, keywords, author of the
document, and viewport settings.

Metadata will not be displayed on the page.

It provides context with details such as the source, type, owner, and
relationships to other data sets. So, it can help you understand the
relevance of a particular data set and guide you on how to use it.
Thank You