Question #2 - Post ID 270586
Hello,
I wish I did not have to ask this question; i have maintained a sizable site since 2000 first in Front Page then MS Expression Web. As a long time Coffee Cup subscriber I never had a real need to learn the programs in depth. Once the responsive programs showed up I bought all of them (I think we call that overkill). I was completely lost until I started thinking in column mode and then things started to happen and I began building pages.
Problem is, I have seen the tutorials about setting up a website project folder, etc. but I cannot seem to get the basic file structure down. I work on a page in RSD and when I open a new page it seems like the program is creating a new project file for me. Is there a source I can access to give me a sense of how an initial file structure should be (does every page you build have its own set of accompanying folders?)? Seems like it should be far easier than this so I think I am missing some basic skill that I did not need when working on the MS platforms. Thank you again. Very excited at the prospect of learning responsive design.
I wish I did not have to ask this question; i have maintained a sizable site since 2000 first in Front Page then MS Expression Web. As a long time Coffee Cup subscriber I never had a real need to learn the programs in depth. Once the responsive programs showed up I bought all of them (I think we call that overkill). I was completely lost until I started thinking in column mode and then things started to happen and I began building pages.
Problem is, I have seen the tutorials about setting up a website project folder, etc. but I cannot seem to get the basic file structure down. I work on a page in RSD and when I open a new page it seems like the program is creating a new project file for me. Is there a source I can access to give me a sense of how an initial file structure should be (does every page you build have its own set of accompanying folders?)? Seems like it should be far easier than this so I think I am missing some basic skill that I did not need when working on the MS platforms. Thank you again. Very excited at the prospect of learning responsive design.
Just export your project and then choose open folder when the export completes. Coffeecup creates everything for you. You will see the file and folder structure.

Bootstrap 5 CSS Grid.
Robert, how do you go about creating a new page for the site you are working on?
There is a right way and a wrong way.
If you go to File - New, the programme thinks you want to create a new project. That is the wrong way.
The right way is to go up to the ribbon that starts with the orange RSD logo to the left, locate the icon for Pages, open that, and Bingo! You can choose between creating a blank (empty) page or duplicate the one you are on.
There is a right way and a wrong way.
If you go to File - New, the programme thinks you want to create a new project. That is the wrong way.
The right way is to go up to the ribbon that starts with the orange RSD logo to the left, locate the icon for Pages, open that, and Bingo! You can choose between creating a blank (empty) page or duplicate the one you are on.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
I'll just touch on it a bit on how I do it, but it's basically like building any website. You'll get more into your style sheet semantics as you go along like adding class names for the common styles you use over again. Those you can follow by how RSD has the option for classes in the design menu when working on an element, then drill down by using the inspector. That will show you the basic style sheet and how it applies to the page.
In the settings menu you can see your page document and that's where you set up the page title, description etc. That also has the document HEAD that loads first and where you have your meta tags, page icon call etc. and you can place additional styles for the specific styles you want to cascade. Then the footer where you place your jQuery calls etc. so they load after the main document.
Now to the file structure. On as you seen in the tutorial you add your page directories (folders) in there. Basically the pre-named "project folder" is your root directory or main folder that holds your website directories. Depending on how you like to build your site you can add for example site wide images like your ico's for favicon global script images etc. to the root. Then add directories for each pages files, like jpg pdf etc. So in there you see the basic folders you've added.
To quickly see where you are at in your structure tree you can use "preview on" from the top menu.
That builds your entire site and loads it into your browser. Once it's in your browser you will see the path to the main website files in the address bar.
Follow that path... on a windows pc it goes to the AppData/local and so on. Your site will be in that folder temporarily so you can check your image optimization and whats loaded for your site.
Then the export as as Twinstream mentioned that will build a permanent website you can save where you like for use with FTP
In the settings menu you can see your page document and that's where you set up the page title, description etc. That also has the document HEAD that loads first and where you have your meta tags, page icon call etc. and you can place additional styles for the specific styles you want to cascade. Then the footer where you place your jQuery calls etc. so they load after the main document.
Now to the file structure. On as you seen in the tutorial you add your page directories (folders) in there. Basically the pre-named "project folder" is your root directory or main folder that holds your website directories. Depending on how you like to build your site you can add for example site wide images like your ico's for favicon global script images etc. to the root. Then add directories for each pages files, like jpg pdf etc. So in there you see the basic folders you've added.
To quickly see where you are at in your structure tree you can use "preview on" from the top menu.
That builds your entire site and loads it into your browser. Once it's in your browser you will see the path to the main website files in the address bar.
Follow that path... on a windows pc it goes to the AppData/local and so on. Your site will be in that folder temporarily so you can check your image optimization and whats loaded for your site.
Then the export as as Twinstream mentioned that will build a permanent website you can save where you like for use with FTP
Thank you all...this is a big help. Will report back when I make progress.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.