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.
2. What is 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.
www.geniusestrella.in
3. Type of Website
• Static Website
• Dynamic Website
• Responsive Website
www.geniusestrella.in
4. What is Static Website?
• A static website contains Web pages with fixed content.
• The codes are fixed for each page so the information contained
in the page does not change and it looks like a printed page.
• Each page is coded in HTML and displays the same
information to every visitor.
• Static website is the basic type of website that is easy to create.
• You don't need web programming and database design to
create a static website
• Once a web browser requests the particular static web page, a
server returns the page to the browser and also the user only
gets whatever info is contained within the HTML code
www.geniusestrella.in
5. Static Website Architecture
Output:
<html>
<body>
Hi, This is Genius Estrella
</body>
</html>
Output:
<html>
<body>
Hi, This is Genius Estrella
</body>
</html>
Computer Server
Request Index.html
Send Index.html
www.geniusestrella.in
6. How to Run Static Website
www.geniusestrella.in
7. Disadvantage of Static Website
• It may cost more for long run.
• For any changes you’ll need to wait until your web
designer has time to make the changes.
• Limited functionality
• A static website does not offer all the functionalities
but a dynamic website can.
www.geniusestrella.in
8. What is Dynamic Website?
• A dynamic web site is opposite static web site, here web pages
not fixed as static web site, changes will be done according to
clients by own ends.
• It accesses content from a database
• Therefore, when you alter or update the content of the database,
the content of the website is also altered or updated.
• Dynamic website uses client-side scripting or server-side
scripting, or both to generate dynamic content.
• Client side scripting generates content at the client computer on
the basis of user input.
www.geniusestrella.in
9. Dynamic Website Architecture
Output:
<html>
<body>
Hi, This is Genius Estrella
</body>
</html>
Server content:
<html>
<body> <?php
echo”Hi, This is Genius
Estrella”;
?> </body>
</html>
Computer Server
Request
Index.php
Send html code with the name
index.php
Preprocessor
Database
www.geniusestrella.in
10. How to Run Dynamic Website
www.geniusestrella.in
11. Advantages for Dynamic Website
• Operate without a developer, reduce developer
dependency.
• Less operation time and cost
• Big and highly functionalities
• Easy to update
• Quickly convertible to responsive
• Excellent navigation
• SEO friendly
www.geniusestrella.in
12. Static Vs Dynamic Website
Static Website Dynamic Website
Prebuilt content is same every time the page
is loaded.
Content is generated quickly and changes
regularly.
It uses the HTML code for developing a
website.
It uses the server side languages such
as PHP,SERVLET, JSP, and ASP.NET etc. for
developing a website.
It sends exactly the same response for every
request.
It may generate different HTML for each of
the request.
The content is only changes when someone
publishes and updates the file (sends it to
the web server).
The page contains "server-side" code it
allows the server to generate the unique
content when the page is loaded.
Flexibility is the main advantage of static
website.
Content Management System (CMS) is the
main advantage of dynamic website.
www.geniusestrella.in
13. What is Responsive Website?
• A responsive website is a single website that adapts
to any screen size so, it's as easy to use on mobile as
it is on tablet and desktop – no pinching or
horizontal scrolling required.
• The design instinctively adapts to the device it is
being viewed on so it looks great on a mobile, tablet
and desktop.
www.geniusestrella.in
14. Why do you need a responsive
website?
• If your website is not mobile-friendly then it will not
be easy to view by the 38 million smart phone users in
the over all world.
www.geniusestrella.in
15. Why do you need a responsive
website?
According to Google:
• 60% of people won’t stay on your site if it’s not
mobile-friendly.
• 67% of people are more likely to buy a product or
use a service form a website that is mobile
friendly.
• This is why google ranks mobile-friendly websites
above non-mobile friendly websites.
www.geniusestrella.in
16. How to Run Responsive Website
www.geniusestrella.in
17. Advantages for Responsive
Website
• Super Flexible
• Excellent User Experience
• Cost Effective
• It is Recommended By Google
• Very Easy to manage
www.geniusestrella.in