Static vs. Dynamic Websites

Websites that only use HTML and CSS are called static websites, and websites with scripting are called dynamic websites. When thinking about making your website, it’s important to identify which type of site you want.

To help you decide, here’s an explanation on static vs. dynamic websites.

A Static Website

A static website is the simplest kind of website you can build. Static websites are written in HTML and CSS only, with no scripting. The only form of interactivity on a static website is hyperlinks.

If you intend your website to be a small one (3 pages or less), then a static website might be the easiest way to go. But if you want to share elements between pages (such as logos or menus), you’ll have to duplicate the HTML on each page.

Static websites are easier to make than dynamic websites, because they require less coding and technical knowledge. However, fully static websites are very uncommon these days, since there is so much that scripting can do.

A Dynamic Website

A dynamic website is a website that not only uses HTML and CSS, but includes website scripting as well. There are two main reasons why you’d want to use website scripting on your site:

  1. you want an interactive web app that people can use, not just read
  2. you want to be able to share HTML code between your pages.

This website is a dynamic website, for both of the above reasons. It’s not a full-blown web app like Facebook or Google, but it does have interactive elements like contact forms and search boxes. This website also shares the same HTML code for the header, menu and sidebar between all pages of the site.

If you want a dynamic site, you will need to learn a coding language such as JavaScript, PHP, Ruby on Rails or ASP.NET.

Is Your Site Static or Dynamic?

A good analogy for comparing static vs. dynamic websites is whether the website could be printed out and still function properly.

If you have a purely informational website that’s designed to be read, then you could print each page out and with the exception of any hyperlinks you may have, it would still ‘work’. It’s a static website. But if your website is an interactive one that people can use and not just read, it’s a dynamic website.

In fact, there are actually two different types of interactivity on a dynamic site – front-end scripts and back-end scripts. Front-end and back-end are sometimes also called client side and server side, and that’s what the next page is about.

Recommended Training – Treehouse

TreehouseAlthough this site recommends various training services, our top recommendation is Treehouse.

Treehouse is an online training service that teaches web design, web development and app development with videos, quizzes and interactive coding exercises.

Treehouse's mission is to bring technology education to those who can't get it, and is committed to helping its students find jobs. If you're looking to turn coding into your career, you should consider Treehouse.

Read our full review of Treehouse…

Disclosure of Material Connection: Some of the links in the post above are “affiliate links.” This means if you click on the link and purchase the item, I will receive an affiliate commission. Regardless, I only recommend products or services I use personally and believe will add value to my readers.