So it will return a interface adjusted on the user’s history and general information. The Facebook site has stored the details of the user in a database along with other details such as interests, facebook friends, liked pages, etc.
Static vs dynamic website examples password#
In that case, the look of the site depends on the username and password of the person. The server creates a different interface based on the user’s inputs. Another Facebook user will see a different home page and different feed. For example, when you log in to your Facebook account you see your home feed and the recent updates from your friends.
The browser still receives an HTML file but that was not “pre-written” but created by the server-side programming language. A dynamic website interacts with a database and the user can affect the “code” based on his inputs. The content is generated “dynamically” with every request and it can be different from user to user.
Static vs dynamic website examples code#
I created a small static website in my pc to show you how the documents of a static website look like.Ī dynamic website’s code is written on server-side languages such as PHP or node.js. Sometimes is very hard to distinguish a static and dynamic website.
showcase/, gohugo.io/showcase/, /showcase/Īs I already said the static websites have evolved over the years and they have incorporated a lot of functionalities. If you would like to see more static website examples you can check those sites: An insurance company siteĬ/ A camping related site Here is a more comperhesive list of static websites examples: You rely on a third-party to store these details or comments. So, your website’s server will not interact with the user by exchanging data. The difference is that the login details will be stored in a third-party app or external database. ** Very important note: Static websites have evolved over the years and now you can add functionalities such as user accounts and comments. A static site isn’t connected with a database in the server so there is no place to store all that data and retrieve it when needed. He can’t generate content such as comments. For instance, the online visitor can’t create an account and send that details back to the server. If the server stores a static website it will send that code once. For example, where will be the images placed or the distance between paragraphs. The code is a collection of instructions for the browser of how it will present the website. When the browser has the code then it can show to the user the final result. The browser requests the code (and other files such as images) from the server. It has to do with the tech structure of the website.īoth static and dynamic sites are stored in servers (specialized computers) and online visitors can reach them by using their browser (google chrome). So a static website is mostly a tech term and not what we assume. People assume that static means the site doesn’t have graphics or it isn’t interactive at all. For example, if you click a button and it changes color then the exact same will happen to the next online visitor. That doesn’t mean you can’t interact with the web page but your action will have the same effect as for another user. The actions or preferences of the user can’t affect the initial code. The “pre-written” code (the combination of 3 previous files) is always the same for every user unless the website owner makes a change. js file but the last two are not necessary. Static Website and Dynamic Website Differences (Table)Ī static website consists of a maximum of 3 elements. How Do I check If A Website Is Static or Dynamic Here is a recap of what you will learn from this post: I will also explain how you can identify a static website vs a dynamic website. Keep reading for a more detailed explanation for both types. Some examples of static websites are and. For example, most of the e-commerce websites and most of the popular websites that you need to create an account (Facebook, Twitter, Google, etc). The majority of today’s sites are dynamic. I will explain with simple terms and examples of how these 2 types of websites are different. You have heard about static and dynamic websites but you don’t have a clue what that means.
0 kommentar(er)
