Starter template bootstrap issues with the linked CSS file

[kaidowhims]

Hello,

Here are some basic points to be aware of:

• I'm on a MAC
• Using the latest update for Dreamweaver
• Uninstalled Dreamweaver and re-installed.
• I've done a clean install of my OS
• Installed dreamweaver on a fresh OS and

NOTE: I'm still having issues with the CSS files of new Starter templates for bootstrap.

Here's a break down of what I'm doing and seeing.

1. I was playing around with the starter templates from bootstrap as you can see in the screenshots below:

2. When Dreamweaver opens the new project. My CSS file is from a previous project.

See screenshot below.

Since this is a new project it should be creating a temp folder and it shouldn't be referencing/linking to the CSS file of an old project.

This is only happening with the bootstrap starter templates. Here's an example of a starter template "Basic Layouts".

(To be clear this is not bootstrap template.)

See the screenshot below.

NOTE: you'll notice that the CSS file was created within a temp folder. At least until I save the project somewhere onto my computer.

[Nancy OShea]

#1 are you working within a defined local site folder?

I use different site folders for different projects.

#2 have you saved & named the newly created files in your new site folder yet?

Nancy

[kaidowhims]

Thank you for responding.

Answer to point number 1: No, but that shouldn't matter because these are templates that Dreamweaver creates on the fly. So when the html/css/js first open up in Dreamweaver. They will be placed within a temp folder. Then, when I am ready to Save the site. Then I'll be asked where to save the html/css/js. Either way the real issue is how Dreamweaver is creating these "Starter Bootstrap" files for me and not creating a new CSS files. Instead it's referencing my older project. 

Answer to point number 2: Yes, I saved it in a folder on my desktop top called "test". I named the html file "test".

See the screenshot below:

NOTE: Where the html is being save is fine, but the CSS "bootstrap.css" is for some reason being linked to my older project. Which is clearly outside of my "test" folder that I created on my desktop.

See screenshot below:

[Nancy OShea]

The importance of local site definitions is to ensure proper assets management and file paths.   And without a defined site folder, DW can do neither of those things for you.   It's your choice.

Nancy

[Nancy OShea]

Go to Site > New Site.  Enter a Site Name. See screenshot.

Nancy

[kaidowhims · Accepted solution]

Your information helped me figure it out what the issue was. It was placing the bootstrap.css file in the wrong place because I had my previous project site selected.

See screenshot here:

Somethings to point out:

1. I did what you suggested and clicked on "manage site".
2. Then, setup a new site called "test".
3. When I tried to create a new "Starter Template" and picked one of the bootstrap templates.
4. It worked and the css was in the temp folder here: Application Support/Adobe/Dreamweaver CC 2017/en_US/Configuration/Temp/Assets/eam610b2a60.TMP/css/bootstrap.css

• Then I changed from the "test" site to "Computer" and tried creating a new Starter Template all over again, but without a site selected and it worked. The CSS files where linked from a "Temp" folder again like it should be.

See screenshot below:

Here's the link that was create even though I didn't set the site definition stuff:

Application Support/Adobe/Dreamweaver CC 2017/en_US/Configuration/Temp/Assets/eam610b2a60.TMP/css/bootstrap.css

Thank you for your help figuring this out. Much appreciated. Take care.

[hgbeary]

Nancy, I have the same issue: I am attempting to save a starter template css file, for example:

Starter Templates>Responsive Starters>Responsive-eCommerce>then click Create.

DM asks where I want the file. I select my site folder, for example, applications/mamp/htdocs/loavesandfishes/css. But the file never gets saved!

And I'm in the "local view"

[Nancy OShea]

Loaves & Fishes is an illegal file/folder name on Linux/Apache servers.   Also keep in mind that Linux is cAsE sensitive.

Never use spaces or special characters ;:@#$%^&*() to name files/folders.

Change your site folder to loaves_fishes or loaves-n-fishes or LoavesFishes. 

Nancy

[hgbeary]

Thank you, Nancy, for the quick reply. However, it didn't help. I cleared the cache file, restarted my laptop and restarted DM. Here's what I get when I open file>new>responsive starters>responsive-eCommerce:

• an untitled.html with

<!doctype html>

<html>

<head>

<meta charset="UTF-8">

<title>eCommerce template By Adobe Dreamweaver CC</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link href="file:///Macintosh HD/Applications/MAMP/htdocs/loaves_and_fishes/eCommerceAssets/styles/eCommerceStyle.css" rel="stylesheet" type="text/css">

<link href="file:///Macintosh HD/Applications/MAMP/htdocs/loaves_and_fishes/css/Ecommerce.css" rel="stylesheet" type="text/css">

• and this after I save the file:

<!doctype html>

<html>

<head>

<meta charset="UTF-8">

<title>eCommerce template By Adobe Dreamweaver CC</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link href="eCommerceAssets/styles/eCommerceStyle.css" rel="stylesheet" type="text/css">

<link href="css/Ecommerce.css" rel="stylesheet" type="text/css">

• when I look at the css file I see a warning: Ecommerce.css is not on the local disk. GET
• if I hit GET, a warning popup says "Get operation failed since ecommerce.css does not exist on the remote site."
• I'm in the folder loaves_and_fishes, and local view. I have a remote server set up and a MAMP testing server
• I tried the same procedure in another folder and got the same result

[hgbeary]

to continue: curiously, the eCommerceAssets folder gets created with sub-folders for styles, including eCommerceStyle.css, and images.

Here's my site info:

[Nancy OShea]

When I save my starter page, DW saves the assets to my locally defined site folder.  I don't use those so called responsive starters.  I prefer Bootstrap.  Maybe there's a difference, I don't know about.

[hgbeary]

I tried Bootstrap also and get the same results: realestate.css does not exist on the REMOTE server.

[Nancy OShea]

Why is it referring to Remote?  You have a Local testing server, not a remote testing server.

Can you show us your Expanded Files Panel?

You should see your testing server on the left side and your local site (essentially the same thing) on the right side.  Their contents should be identical.

[hgbeary]

Nancy…attached is the Expanded Files Panel screenshot, and the files match. A curiosity I just noticed: if I select STARTER TEMPLATES>Bootstrap-Real Estate from the Start Screen I get a Source Code tab and a Bootstrap.css tab in an untitled file. If I try file>new>etc for the same thing DM tries to give me a realestate.css file that doesn’t get created.

[Nancy OShea]

Nothing is created until you Save the main document.  DW then creates the supporting files in Assets folders.

[hgbeary]

Yes, I understand what you're saying but what I'm observing is that DW attempts to save an additional file, depending on how you open the Starter Templates:

• if I try File>New>Starter Templates>Responsive Starters>Responsive - About page, DW asks where to save the file aboutpage.css. Then, when saving the new html file, DW will create a folder named AboutPageAssets. However, aboutpage.css is never saved anywhere but is referenced in the html file!
• if I select Starter Templates from the Start Screen, the same thing happens EXCEPT there is no aboutpages.css file.
• and it doesn't matter which template I use - same thing happens with Bootstrap templates

So, it begs the question: what is the extra css file supposed to be for?

[Nancy OShea]

Try Restore Preferences.

Unusual behavior in Dreamweaver? Try restoring preferences.

[pziecina]

This is happening because you have not defined your site definition in Dw.

As far as Dw is concerned the starter template is an extension of what you have previously created, (obviously without defining the site). Dw does not define a 'temp' file for such things, it relies on you defining the site, in order to know what it is doing.

[kaidowhims]

Thank you for responding.

1. I'm not sure what you mean by site definition. Where is that within Dreamweaver?
2. Your comment, "Dw does not define a 'temp' file for such things, it relies on you defining the site, in order to know what it is doing." I'm not sure if that is entirely correct, because Dreamweaver does create "Temp" files for their starter templates. It does that because Dreamweaver doesn't know where the files should go. Once you save it and choose the destination for your project that's when Dreamweaver will move your files. 

Here's an example of what I mean. If I create a starter template site from Dreamweaver.

See screenshot:

It puts the files here:

file:///Macintosh HD/Users/kaidowhims/Library/Application Support/Adobe/Dreamweaver CC 2017/en_US/Configuration/Temp/Assets/eam12578f84.TMP/css/multiColumnTemplate.css

NOTE:

1. You can see I bolded the "Temp" folder where Dreamweaver places the files until you save it to wherever you want it to go.
2. This is how my "Bootstap Templates" use to handle the "bootstrap.css" file before.
3. The reason I think the "Bootstrap.css" file isn't being created as a temp when I create new starter templates, is because I clicked "Make Writable" here at the top of the page. See the screenshot:
4. I think it's kind of stupid that clicking "Make writable" would screw up dreamweaver starter templates. That's just a personal feeling.