3 Types Of Website

What Is Static Website?

 As the name says, Static websites are websites or web pages that
have unchanging contents, where the website is programmed with
HTML code and can be accessed by the end-users. This type of
web pages and content of the website are the commonly chosen
type over constantly changing web content, as it takes lesser
maintenance efforts comparatively.  In order to implement a Static
Website, one needs to have very basic coding knowledge and
effortless to work upon. It is normally used for websites with lower
user traffic, as larger web applications need better high-quality
maintenance to be performed periodically.
How Static Website Works?
 The Static web pages are also called flat pages or stationary pages. These
web pages qualified as static because the page consists of unchanging items
with fixed content placed on the web pages. Once the web page layout is
designed, there are dedicated space or page segments allocated for the fixed
contents to be placed on the page. This web page construction is typically
done using the HTML description code, and the contents can be of any type,
such as text, image, gif, video, audio, etc.
As the static pages’ contents don’t change often, the user doesn’t have to
update the web page often in the name of a quality check or maintenance
activity. This helps in keeping the website secure with less efforts. In
addition, the stationary elements of the web page provide more consistency
and for the website users. Whenever the user tries to access the website,
there is no communication enabled between the system and the database.
This leads to loading the web contents quickly, and caching makes more
sense in cases like this.
Features of Static Websites
•Static websites are the simplest kind of website that you can build.
•Every viewer will see the exactly same text, multimedia design or video every
time he/she visits the website until you alter that page’s source code.
•Static websites are written with the help of HTML and CSS.
•The only form of interactively on a static website is hyperlink.
•Static website can be used for the information that doesn’t change substantially
over months or even years.
•Static pages are easy and simple to understand, secure, less prone to technology
errors and breakdown and easily visible by search engines.
•HTML was the first tool with which people had begun to create static web
pages.
•Static websites provide flexibility.
•Lightweight .
•Static websites perform faster and well than dynamic ones.
Uses of Static Website
Blogs
Blogs are websites built based on a specific theme, and all the contents of
the websites are treated as individual posts under precise topics for the
website’s theme. These posts’ contents are placed on the allocated space in
the web page, by a simple copy & paste method or by directly typing inside
the HTML page description. There are various service providers like
WordPress to achieve this without having to have detailed coding knowledge
in HTML.
There are millions of blogs available on the internet for subjects like
travel, food, cooking, organizing, training, certification courses, businesses,
sharing experiences, medical information, general information, politics,
religion, news updates, sharing daily activities, step by step instructions for
performing certain activities, technology, reviews on products, sports, arts,
crafts, geographical information, historical events, history in general, crime,
creating awareness on certain topics, etc.
Marketing & Sales Websites
As marketing and sales websites require higher flexibility and more reliable
content management, Static websites are the way to go. It requires one time
posts for defining the organization’s mission, vision, and history. The
developers leave dedicated segments for the permanent items to be placed
on the website and also for the contents to be changed whenever required.
The website handler can upload and take down any content on these
websites, as and when required. The static websites provide a higher level of
flexibility while comparing the properties with the dynamic type of websites.
Advantages of Static Websites
•Static websites are highly cost-effective for publishing.
•They require less coding and technical knowledge.
•Static websites are easier to make.
•Static websites are quick to develop.
•Static websites are cheap to host.
•A static website contains data which is immutable.
•Static websites are beginner level. A programmer with knowledge
of HTML, CSS, and JavaScript can build static websites.
•It’s easy to create and host online.
•Static websites provide security.
 Disadvantages
of Static Websites
•Requires web development expertise to update site.
•Site not as useful for the user.
•Content can get stagnant.
•Send the same response for every request.
•Dynamic functionality works only on the client side.
What Is Dynamic Website?
 A dynamic website is all about customising and personalising features and
information for your customers, as well as providing an excellent website
user experience
A dynamic website accomplishes this by using database programming
(languages like PHP, Java, and Python) to run scripts that dynamically
retrieve content from your website database and display it on your webpage.
Scripts can be run from the client browser (client-side scripting) or from the
database server (server-side scripting) (server-side scripting).
Client-side scripting refers to computer code that is transmitted from a
website visitor’s client browser and runs in response to user activities such as
clicking links or buttons or opening a new web page.
Server-side scripting is the use of programming code to process
information from the website’s server before returning content to users, such
as search queries, login information, or a user’s selection of products in their
e-commerce basket before they go to pay.
Features of Dynamic Website?
Choosing a Display Format for Your Website
Your browser will communicate with a dynamic website to determine
whether the mobile or desktop version should be loaded.
This dynamic website will respond by optimising the display for attractive
typography, correctly rendering photos, and allowing other web page
elements to load without issue.

Display Stunning Hero Images

Images are required for text to come to life. Consider product shots with a
single hero. Alternatively, carousel photos that alternate to showcase your
most recent articles or feature your e-commerce boutique’s most recent
fashion pieces.
A dynamic website adjusts picture display (or resets it) and displays
vibrant visual information that highlights your products or services.
Play Multimedia Animation And Video
Embedded live or motion videos help users assimilate a lot of information
in a short amount of time and give a brand a more authentic look and feel.
It’s also fantastic material that’s worth sharing.Use video material to
communicate your brand’s personality to your visitors through emotional
marketing.
Use Optimal Page Speeds When Loading
People want the finest possible page experience. Whether they’re at home
or on the go, they expect their webpages to load quickly. You also want a
website to load swiftly and simply if you’re on the go and utilising mobile
data.Mobile friendliness must always be prioritised, and dynamic websites
that identify mobile browsers can reduce the quantity of background scripts.
Modify Language Preferences
More and more dynamic websites are able to display content in several
languages depending on the location of their users. As a result, you’ll be able
to reach a bigger audience, who will feel more at ease communicating with
your company because you now speak their language.\

Make recommendations for content or products

Dynamic websites can utilise cookies to personalise content or make
product suggestions that are useful to their users, whether they are using
third-party cookie browser data or their own first-party data. For e-
commerce website visitors, dynamic websites might display content based
on previous usage or upsell similar product categories.
Advantages of Dynamic Website
• In dynamic web sites there is complete control over the content
• Search Engine Optimization can be improved
• Option to record user information.
• Option to monitor user’s navigation over the website.
• Easy to add, change and control all the content
• Changes is need less time
• Less expensive in over time
• Dynamic website can use for study purpose so conversion rates are higher in here
• Improvement of loyalty
• With the advantages there is some difficulties with dynamic website like-
• Dynamic website requires changes in a certain period.
• To require changes senior managers of the company feels hard to swallow
• Need to find or hire brand journalist or content marketing to add to developers budget
for marketing
• Developers need marketing automation technology which is hard to get.
Examples of Dynamic Website
YouTube
Let’s start with a simple one, since YouTube’s dynamic website
characteristics are its main selling point. Imagine trying to find information
that is particularly relevant to you without the use of search or
recommendation capabilities on YouTube, where billions of videos are
posted every month. YouTube employs scripting to save information about
previous search queries and videos you’ve seen or liked. When you return to
their website, it will show you video options that are relevant to you. As a
result, your YouTube homepage will never be identical to someone else’s.
Google
Another wonderful example of a dynamic website is Google. Google indexes
billions of new and updated webpages every day and uses an algorithm to
choose and rank the best results for user-based search queries. To account
for updated content, search results are updated often. Are you looking for
the most recent Nike shoes? Is there any information on a recent
earthquake? Election results in real time? This information is regularly
updated by Google in real time – often in a matter of minutes or seconds.
Facebook and Twitter are two of the most popular social media platforms.

Facebook and Twitter are two other instances of dynamic websites that
provide users with unique, tailored content. Your Facebook and Twitter
feeds are based on the people or accounts you follow. Twitter may help you
find tweets by filtering feeds based on public or private lists, excluding feeds
that contain certain phrases, and assisting you in finding tweets based on
your search queries. From your Facebook friend newsfeed to Facebook
advertising supplied by advertisers, scrollable video-feeds that chose videos
for you as you scroll down, and search results for posts, pages, and profiles,
Facebook is full with examples of dynamic website programming.
Lazada and Shopee

Like Facebook and Twitter, Shopee and Lazada present dynamic

information depending only on your preferences. As you move down the
page, some of it is produced. Customer data is used by marketplace
platforms like these two to provide you with product search results that
make sense to you and urge you to buy. When it comes to advertisements,
you’ll see advertising that are dynamically displayed depending on your
search history or matched audience demographics. Some of them are
adverts from websites you’ve previously visited that are attempting to
remarket to you.Looking for more e-commerce site examples of dynamic
website content? Consider the percentage discounts offered during a Mega
Sale or Payday Sale, or the price reductions offered during a flash sale
countdown.
What is Semantic Website?
 Web 3.0, also known as the third-generation internet, is the next evolution of
the World Wide Web. It provides a data-driven Semantic Web employing a
machine-based understanding of data with the objective of developing a more
intelligent and connected web experience for users.
The Web of today is static and unable to adjust to the individual needs of each
person experiencing it. Web 3.0 promises to be more dynamic and interactive. By
implementing artificial intelligence and blockchain technology, it will redefine
the web experience with structural changes to ensure democratization across all
aspects of the internet.
In Web 3.0, data is stored securely and distributed across many devices,
removing the need for centralized servers. Such a design also reduces the risks of
massive data leaks because data is no longer centrally stored — making it more
resilient to compromise.
The term Web 3.0, coined by reporter John Markoff of The New York Times in
2006, refers to a new evolution of the Web which includes specific innovations
and practices. Below are eight main features that can help us define Web 3.0:
1. Semantic Web
The next evolution of the Web involves the Semantic Web. The Semantic Web improves
the abilities of web technologies to generate, share and connect content through search and
analysis by understanding the meaning of words rather than by keywords or numbers.
2. Artificial Intelligence
By combining semantic capabilities with natural language processing, computers can
understand information on a human-like level to provide faster and more relevant results.
In doing so, they become more intelligent and better satisfy the needs of users.
3. 3D Graphics
Three-dimensional design is used extensively in websites and services in Web 3.0.
Museum guides, computer games, eCommerce, geospatial contexts and more are all
common examples of this.
4. Connectivity
With Web 3.0, information is more connected thanks to semantic metadata. As a result,
the user experience evolves into a new level of connectivity that leverages all available
information.
5. Ubiquity
Internet content and services can be accessed anywhere at any time via any number
of devices, rather than exclusively via computers and smartphones. Web 2.0 is already
ubiquitous in many ways, but the growth of IoT devices will take it to new levels.
6. Blockchain
With blockchain technology, user data is protected and encrypted. This prevents
large companies from controlling and/or using users’ personal data for their gain.
7. Decentralized
Decentralized data networks store data within a peer-to-peer interconnection.
Users maintain ownership over their data and digital assets and are able to log in
securely over the internet without being tracked.
8. Edge Computing
Web 3.0 relies on the advance of edge computing in which apps and data are
processed at the network edge on devices such as mobile phones, laptops, appliances,
sensors and even smart cars.
How Web 3.0 Can Change Our Lives?
 These features bring us closer to a Web 3.0 definition. With the addition of semantics and
machine learning, Web 3.0 is an evolution in which computers can understand the meaning
behind information. They can learn what you are interested in, help find what you want faster
and understand the relationship between things.

Now, let’s look at an example that brings these eight features together:

In Web 3.0, while driving, you can ask your automotive assistant a question: “I would like to
watch a romantic movie and eat Japanese food.” The search engine embedded in the car
assistant provides you with a personalized response that considers your location, suggesting the
closest cinema that matches your request and a good Japanese restaurant by automatically
consulting the reviews on social media. Then it might even present a 3D menu from the
restaurant on the display.
Web 3.0 is no longer a dream but a reality (at least in many cases). In fact, it is cognitive
technology like that of expert.ai that is making this all possible. Understanding language is
integral to so many facets of the Web. By making semantics and natural language processing
central components to it, the possibilities are endless.
 Prepared By:
Jhonrey Kurt Areola
Mark Kevin Ola
Rod Bernales
Aries Reyes