A

Anonymous

Answered

Importing existing website into Dreamweaver help

Forum|Forum|15 years ago
June 2, 2010
3 replies
97079 views

What is the proper method to download an existing website and import it into DW to where all the links, CSS, image etc work properly?

I have downloaded an existing website via Filezilla to my hard drive. In DW, I went to Manage Sites>New and browsed to the site. When I open the index.html page in DW, the images and links are not linking correctly. When I upload it to a test folder on my server (ex. www.soleproductions.com/happykids/), if I click on a navigation link, it takes me to www.soleproductions.com/bouncers.index.html instead of www.solproductions.com/happykids/bouncers.html.

I also tried to create a new site with Manage Sites, set the FTP within DW and connect to the remote computer and "GET" the website files to download them to my hard drive. Same results.

I even tried to create a New Site within DW, open up windows explorer and drag and drop into DW but that didn't work as well.

I've recently switched from Golive to DW and am still learning the differences on how to do what I knew how to do in GoLive.

Thanks,

Michael

This topic has been closed for replies.

Correct answer bregent

bregent wrote:
If you want to use site root relative links, then your local site structure must mirror your remote site. That is, your local site must contain a site root and then have the happy kids subdirectory below it. Otherwise, DW won't have any way to know to put the happy kids directory in the path.
You can use document relative links with either structure.

I tried your suggestion. On my hard drive, I placed the site files within a folder called happykids. Then I created a New Site within DW, chose Links Relative to Site Root and put the HTTP Address as http://www.soleproductions.com/happykids/.

Still didn't work.

Is it just not possible to make this work without changing the links on every page within the website?

>Is it just not possible to make this work without

>changing the links on every page within the website?

You will need to change all links that were previously created. You can either do this manually, or let DW do this for you. Start with the original files in the local site root. Create the happy kids subdirectory. Then within the DW file panel, move the files from the root to the subdir. DW will prompt you to update the links.

mhollis55

Inspiring

What you did is you did not correctly specify the root folder.

Your root folder should be /public_html/ which is the root for most Linux/Apache systems. When you did your initial "get" that was the beginning of the end for you.

When you re-uploaded, your links were changed with respect to the root folder and that started a cascade of problems.

You are going to need to manually change all links until they are correct on your website. Or else, set the root folder correctly and then correct everything from within Dreamweaver, checking all links locally (which won't work if you need a testing server) in your browser on your computer.

That should work.

A

Anonymous

mhollis55 wrote:
What you did is you did not correctly specify the root folder.
Your root folder should be /public_html/ which is the root for most Linux/Apache systems. When you did your initial "get" that was the beginning of the end for you.

I tried the "Get" early on but my latest attempts were downloading the entire site from within the public_html folder on the current server using Filezilla so that should not have changed the code at all. Am I correct in thinking this? Once the site was downloaded to my computer, I then located those files within DW using the Site Manager, then uploaded it to my website (different server) in a subfolder (www.soleproductions.com/happykids).

Man this is getting frustrating. Not sure why I'm not understanding this.

Would someone be willing to give me a step by step of how you would accomplish this?

VL Branko

Inspiring

Dear Micheal,

Hi.

I am also in the process of converting a Go Live site to DW. It is not so painless as Adobe would lead us to believe and as you have found out.

Try the following link for the 9 step process to convert your site

Adobe GoLive-To-Dreamweaver
Web Site Migration Bible

http://www.astonisher.com/archives/ripvanwinkle4.html

I hope this helps.

As for myself I decided to just back into Go Live and strip out as much JS "Actions" that I may have put in because DW will just litter your pages with loads of dead JS artifacts. I will then re-convert the site to see if that cleans up the code a somewhat. Then I will make a new template from scratch and apply it to the pages. Or I may just copy and paste into the pages created by the template in order to have clean pages. Though this is a lot of work it is better to have something clean than full dead code that just clutters, confuses and does nothing.

The reality is that the conversion tool provided by Adobe is pretty much useless. One would think that Adobe could provide a tool that would acurately convert Adobe code to Adobe code.

VL Branko

A

Anonymous

Thx Bregent. I will try your suggestions tonight.

Thx VL, actually, when I stated I'm learning to convert from GoLive to DW, I meant the actual software, not the site files I've created in GoLive. I have too many sites that were designed in GoLive to go back and redo. I have a folder called GoLive CS with sites that I created with CS, a GoLive CS2 folder containing sites that I coded with GoLive CS2 and now a new folder called Dreamweaver CS3. The site I'm trying to import into DW is a site that is already online. The client wants me to take over the site since his current webmaster isn't very prompt at making changes to his site. I really wish he would pony up and let me redesign the site (www.happykidsinflatables.com). As you can see, the site could really use a makeover. Maybe one day down the road he will want to but for now, I just need to get the existing site to where it is editable within DW, preferably without having to rewrite a lot of the code in the process.

I'm hoping I'm just doing something incorrectly or missing a step. I'll give Bregent's suggestions a try later this evening and will check out the link you provided. Really appreciate everyone's help.

A

Anonymous

Ok, starting from scratch and still having problems.

1) Downloaded entire website via FTP to my computer

2) Created new site in DW (see below screenshots)

3) Images are still not being linked properly although the images and CSS show fine in the Design View of DW. Link

Here is where I'm getting confused....

I downloaded the site to my hard drive and now want to upload it to a folder within my website for testing purposes. The folder is www.soleproductions.com/happykids/

If you look at the site, you will see that the links are pointing to my SOLE Productions website (ex. www.soleproductions.com/bouncers.html instead of www.soleproductions.com/happykids/bouncers.html)

What settings do I need to change in the Manage Site dialog box to get the site to work properly for testing purposes?

B

bregent

Participating Frequently

I'm guessing you did things correctly but are running into a DW bug in which it captures one directly below the directory you browse to when setting up your site. The workaround is to either manually type in the real site root path, or browse one level below the actual site root.

What version of DW and OS are you running?

A

Anonymous

I'm using DW CS3 and Windows XP.

I'm wondering if I'm choosing the wrong setting for "Links Relative to:" in the Manage Sites. I even tried to add my website url to the "HTTP Address" in the Manage Sites but that didnt' work either.

Here are the complete steps that I have taken.

1 - Created a New Site in the Site Manager

2 - In the Advanced Tab, I chose "Links Relative to Document"

3 - Browse and created a folder on my hard drive called Happy Kids and browsed to that folder as the "Local Root Folder"

4 - Browse and created an images folder within the Happy Kids folder and linked to it as the "Default Images Folder".

5 - Checked box next to "use case sensitive link checking"

6 - In "Remote Info" Tab, I setup the FTP where the current site is located online.

7 - Click Ok and Done

8 - Clicked button for "Expand to Show Remote and Local Files"

9 - Connect to Remote Site and "GET"

10 - Downloaded the public_html folder using the "Get" button and downloaded remote files to my hard drive.

11 - Within DW's "Files" panel, I moved the site files from within the public_html folder to the root folder.

12 - Went back into Manage Site and changed FTP to a folder within my website (www.soleproductions.com/happykids)

13 - Connected to my remote server and uploaded files to my website

14 - If you go to http://www.soleproductions.com/happykids/index.html you will see what isn't working. LOL

The CSS file was not linked properly at first so I relinked it on the index.html page but if you go to a different page (like the FAQ page http://soleproductions.com/happykids/faq.html) you will see the CSS files are not attached (but I can easily fix that).

You will also notice on the left navigation, they are linking to the root directory of my site (ex. www.soleproductions.com/faq.html instead of www.soleproductions.com/happykids/faq.html).

FYI, I had previously tried to download the html pages inside the public_html folder through DW but it gave the same result so I thought I would try downloading the entire folder, then move the files within DW in hopes that it would correct the paths.

Any idea what is going on here? I've tried about 4 different methods of importing this site into DW but each time, the CSS isn't linked, the images do not load and the navigation links go to my root directory instead of to the subfolder happykids.

Any help would be greatly appreciated.

A

Anonymous

Looking in the Help menu, I found this info:

HTTP Address
The URL that your website will use. This enables Dreamweaver to verify links within the site that use absolute URLs or site root-relative paths. Dreamweaver also uses this address to make sure site root-relative links work on the remote server, which may have a different site root. For example, if you are linking to an image file located on your hard disk in the C:\Sales\images\ folder (where Sales is your local root folder), and the URL of your completed site is http://www.mysite.com/SalesApp/ (where SalesApp is your remote root folder), you should enter the URL in the HTTP Address text box to ensure that the path to the linked file on the remote server is /SalesApp/images/.

When I go back to Manage Sites, I tried putting www.soleproductions.com/happykids in the "HTTP Address" under the "Local Info" tab and reuploaded the HTML files to the server but still the same results.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded