I can understand where this can be confusing. It took me awhile to understand it, but there is one key aspect that should help you once you have your "ah-ha" moment and grab hold of what "responsive" really means.
"Responsive," when it comes to web sites, means that your web site adjusts itself based on the width of whatever device a person is using to view your site. That could be their desktop computer, their iPad, their phone or anything else that will view a web site. A good way to explain this is to compare a web site that VSD creates versus one that is responsive.
Used to, when VSD was a great program and the majority of people were not looking at web sites on their phones, all a person needed to do was define where things go on the page and they could create a site. That is very tedious to program by hand, but VSD made it easy. You could do it visually instead of programming lines of css and html code. However, it was one-size-fits-all. If you created a site that was 800 pixels wide and a person viewed it on a phone that is 400 pixels wide, they have to shrink the screen or slide left and right. The web site does not fit the phone.
Fast forward to today when responsive programming is a requirement. Now, you not only have to define where each item on the page goes, but it has to done within a grid, and it has to be done for every possible screen size -- computers with big screens, computers with small screens, big tablets, small tablets, phones of various sizes. That's super complicated to program.
Therefore, programmers created "frameworks." A framework provides key benefits:
1. It creates the initial grid for you.
2. It provides "components."
3. It provides pre-defined classes.
A responsive design has to be set up on a grid. Put simply, a grid brings order to a web site layout. It is "an organizational framework that helps to create order in the way information is presented. The order and organization make it easier for the reader or visitor to follow the information and find what they are looking for." For more information, see
http://www.coffeecup.com/help/articles/ … ve-design/
As I said above, frameworks also provide "components." Let's say that you want a slider on your page. You can either create all the code yourself, or you can buy another piece of software to create it for you so that you can add it to your site. In the Foundation Framework, there is already a slider component called Orbit. Therefore, you can simply go under the components list and add Orbit to the page instead of having to do all the programming work yourself. There are many other components for both frameworks.
Frameworks also provide pre-defined or "helper" classes. For example, add the "close" class to a button, and the button will have an X for people to click. There are classes to add backgrounds automatically, to define colors for text and lots more. You can see examples of Bootstrap Helper Classes here.
http://getbootstrap.com/css/#helper-classes
There are other benefits of frameworks, but hopefully you are getting the idea. A framework gives a web site creator like yourself, a starting point from which to build as well as adds tools (components and helper classes) to make your task easier. Bootstrap is one such framework. Foundation is another. There are many other frameworks, but those are the two most widely accepted and used.
RSD is not a program just like VSD. VSD allowed you to visually put items on the page to create sites which only fit one device. RSD allows you to visually create a site that fits all devices using either the Foundation Framework or the Bootstrap Framework.
(You will see others here talk about RSD also allowing the Coffeegrinder framework. However, there are more steps involved in creating the site and, at the current time, you have to create all your own components. My suggestion is that you work in Foundation or Bootstrap. It will be much easier.)
Hope that helps.
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/