Moving pages in DW cs6 files panel destroyed my site!!!

Can you give us the link to the remote site?

Sounds to me like your site definition is not properly defined in DW.  You should NEVER have public_html in your local Files panel.  That must be defined under the remote server.  See screenshots.

Servers:  Root Directory varies by host.  Commonly used ones are public_html, www, htdocs, html.

Under More Options triangle:

Nancy O.

As for fixing your link paths, you might be able to salvage most of this with Find & Replace in Source Code.

Find: <a href="public_html/

Replace: <a href="

But first & foremost, get your site definition fixed.  That's the source of your problems.

Then move all your Local site files out of the public_html folder back into local site root folder with your Files panel. 

Delete the public_html folder from your Local Files Panel.

Local Files should resemble this:

Site - YourSite (C:\YourSite)

     about.html

     contact.html

     index.html

     services.html

     +images

     +scripts

     +styles

     +Templates

Nancy O.

This web forum doesn't support attached e-mail files.  Come to the web forum.  Use the camera icon to insert your screenshot.

To repeat my earlier reply.  You must NEVER have public_html in your LOCAL SITE FOLDER.  You must move all your web pages out of that folder and into the site ROOT.  Then delete public_html folder from LOCAL site Files panel.

REMOTE site = your online web server.

Nancy O.

Change links to external style sheets as shown below:

<style type="text/css">

@import url("../css/stylesheet.css");
@import url("../Fonts/eraserregular/stylesheet.css");
</style>

<--fonts-->

<link href="../Fonts/eraserregular/stylesheet.css" rel="stylesheet" type="text/css" media="only screen">

<!-- mobile -->

<link href="../CSS/mobile.css" rel="stylesheet" type="text/css" media="only screen and (max-width:800px)">

<style type="text/css">

<--desktop-->

<link href="../CSS/stylesheet.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 801px)">

Having said that, I noticed you're using a lot of absolute positioning in your primary layout CSS which is a common newbie mistake.  It will come back to bite you later.  WHY?  Because Positioned elements are removed from the normal document flow.  As such, this is not a good approach for Responsive Web Designs.    My advice is to rebuild your layout without ANY positioning.  You don't need it.  Just use CSS Floats, margins and padding to align elements on screen.  See links below.

Responsive Web Design

http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

Introduction to CSS Media Queries

http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html

All About Floats

http://css-tricks.com/all-about-floats/

Creating your first web site in DW CC -

https://helpx.adobe.com/dreamweaver/learn/tutorials/how-to/first-website-part1.html

Nancy O.

The code, the folder organization, etc. are very messy - I am just being honest here.  I would look at this as a first attempt/iteration, and now that you've learned more about web page coding, I would suggest to start again from scratch. Nancy already pointed out that you should never use any absolutely positioned divs - avoid those unless you really know what you are doing.

Some other suggestions:

- remove all those empty paragraphs

- avoid the use of "align="center" in your html. Use CSS to center text content with text-align:center.

- your html structure could be improved quite a lot. Use classes to name sections, headers, etc. (and be consistent how you name things)

- avoid @import in your css if you can.

- consolidate all your css in one main css file for a site like this

- avoid the use of any page-based css. You now have three <style></style> tags in your head. Put all that css in the main external css file.

You stumble, you stand up, and try again. Best way to learn things and improve. :-)

Your remote site is not defined correctly which is the cause of your problems. When viewing remote, you should not be seeing public_html, public_ftp, www, etc.  The remote site definition must point to the public web site root only. You have defined it one level above site root.

EDIT: Ok, looks like that's already been discussed - hard to follow this thread

> Also, I didn't create the directory in the remote server, that was pre-made.

Yes, we are aware of that.

> The reason I kept the 'public_html' folder in the local is because if I did not, when I synced the local to the remote,

>the files where coped into the remote's root, not into the remotes 'public_html' where they could actually be viewed on the web.

Usually when you have a hosted site you have a server root which contains folders for various resources (scripts, logs, etc) which are not accessible on the web, and you have a public root folder (public_html, www, etc) one level down. DW is NOT able to manage files above the site root. The site MUST be defined at the public site root folder level. When you defined your site incorrectly, you essentially gave DW the wrong location of your site's root folder so it created the links incorrectly. When linked correctly, the folders above site root will not be visible in DW file manager.

>But the main question I have is this: why shouldn't I have a 'Public_html' folder in my local? what harm does it do?

>If it will make communication with my remote simpler then why shouldn't I do it?

The harm it will do is what you've already encountered - your pages will be linked incorrectly. Trust us, it definitely will NOT work. Your site's remote definition must point to the public root, and the local site root must contain the same structure, not pushed into a sub-folder a level down. So when viewed in the file manager, the local and remote structure should look the same.

So how do I correctly define my remote site? I have no idea how to do that

Did you even look at the screenshots I posted above?  You need to define your Root Directory (public_html) in your Remote Server set-up.  Not in your Local Files Panel.

Video:

Define a site in Dreamweaver | Adobe Dreamweaver CC tutorials

Nancy O.