With responsive website, the site can simply fit whenever a new device or operating will be introduced thus enhancing better user experience and the site's users can enjoy irrespective of the device from which the user is visiting the site.
But in case of static website, there is always a need to design a new website for every new device introduced.

Static website contains web pages with fixed content. If you want to change anything the html file needs to be re-open, edited and saved. Static websites can contain html, CSS and JavaScript files.

Dynamic websites not only uses HTML, CSS and JavaScript, it uses "server-side" code, which allows the server to generate unique content each time the page is loaded. For example a wordpress website.

Responsive websites is something totally different. It is related to how your website is displayed on the screen. Both Static and Dynamic websites can be Responsive. A Responsive website can adjust to different browser sizes, no matter what the screen resolution.

There is something similar to Responsive which is Adaptive, but the difference is Adaptive targets specific screen sizes (320, 768, 1024 etc) where Responsive will adjust to any screen size.

There is something called Media Queries in CSS you can use to create Responsive websites.

Sandy,

To add to Nathan’s brilliant description of these elements, in responsive and adaptive websites, configuration of elements is also changed depending on a user’s device. Things like navigation and content layout may look entirely different and work in different ways than they do on more traditional devices.

Best,

Shawn

Hiya,

Static website don't change. It doesn't change on mobile, tablet or desktop. You basically get the same website on every device and if the device is too thin for the website you would need to scroll horizontally. This is kind of traditional web. These websites are easy to build but give bad user experience.


On the other hand responsive web desing is the future for websites. Content of the website adjust automatically depending on users device.. This technique takes longer preparation to build but after you see the resulth it's definetly worth it

I am not sure about what you mean with static website and responsive website. Since as I know, the pair of static website is dynamic website, not responsive website. But I will explain about what is "static" and "responsive" terms meant in web development.

Static website is a website that is hard coded by client side languages only, like html, css and javascript and it will need go into the source code to change the website default data/ when the first time the site is opened on the browser in one session, It can not save data to the database even it can respond to client action.

While responsive website is a website that is responding to screen width and or device that is used to open it. Responsive website is usually created to make a better appearance on different device. This can be achieved with media query that is replacing the javascript role for generating responsive views on modern major browsers.

Static website: consequently a static web page displays the same information for all users, from all contexts, subject to modern capabilities of a web server.
A responsive website changes its appearance and layout based on the size of the screen the website is displayed on. Responsive sites can be designed to make the text on the page larger and easier to read on smaller screens.