How to get external images into dreamweaver panel - image

my question is incredibly simple yet I haven't been able to find an answer online. I made a small image in photoshop and am trying to incorporate it in my current website. I don't know how to get the image into dreamweaver into the image folder in the dreamweaver panel.

You can copy the image into the image directory of your root folder and simply add the markup where you want to add the image.
<img src = "[your image link]" />
Or simply add the images using the files panel- Insert->Images->Select your image then press ok.

try the following
1- ctrl + Alt + I and choose your image from the dialog
2- copy manually the image you created to the website directory on your hard drive
hope this hepls!

Your image folder should be stored locally on your machine in your site-root folder.
In Photoshop: Save for Web Devices, Navigate to the Root Folder where your site is stored, Open Image Folder and Save Image in that location.
In Dreamweaver: Go to Files Panel, hit refresh button and the image should now appear in the images folder.

The easiest way to do this by far is too put your cursor on the part of the page you'd like you picture to reside.
Then using the top menus click "Insert" and then "Image", once you have done this you'll be able to find your image on your local computer or network and you will be prompted to save it to your site with the site directory already up - then just choose where to save your file.
It's best practice to save all images into the images folder.
Hope that helps!

Related

How can I export gallery images from SquareSpace?

SquareSpace does not offer any way to export uploaded content directly. The only export option available is for WordPress, but this only generates a small XML file. What is the best way to download the actual image files from a gallery, other than right-clicking each image and choosing "Save as..."?
This worked for me [Python]. If you take the XML file that is exported for you, you can run the following against it.
I had only .png images uploaded. You will have to modify to include jpg and other image file formats.
import requests
import shutil
import xml.etree.ElementTree as ET
tree = ET.parse('filename.xml')
root = tree.getroot()
for i in root.findall('wp:attachment_url'):
print(i)
images = set([elem.text for elem in root.iter() if elem.tag=='link' and '.png' in elem.text])
for img in images:
resp = requests.get(img+'?format=3000w', stream=True)
local_file = open(f'images/{img.split("/")[-1]}', 'wb')
resp.raw.decode_content = True
shutil.copyfileobj(resp.raw, local_file)
del resp
In Chrome: File > Save Page As > Web Page Complete
Do this for each page that you want to download the images from.
I just spent way too long figuring out how to do this, so I'm leaving this here in hopes that it will save someone else time. It's not pretty, and it involves a browser extension, but I believe this is the most efficient way. Broadly speaking, this is what the process looks like:
Set up new local WordPress installation. http://www.wpbeginner.com/wp-tutorials/how-to-create-a-local-wordpress-site-using-xampp/
Export your SquareSpace site for WordPress and import it into the new installation. Ignore errors about attachments. All image galleries will now show up as pages in WordPress, with each image hotlinked to the medium-sized version of the image in the original SquareSpace site. https://support.squarespace.com/hc/en-us/articles/206566687-Exporting-your-site
Install a browser extension that lets you bulk-download images on a webpage. I used this Chrome extension: https://chrome.google.com/webstore/detail/bulk-image-downloader/lamfengpphafgjdgacmmnpakdphmjlji
Repeat the following steps for each gallery:
On the page editor, switch to text view. Copy the HTML into your favorite text editor, and use the find/replace feature to replace ".JPG" with ".JPG?format=2500w" on every image URL to force the full-size resolution. Paste the updated HTML back into WordPress and update the page.
View the updated page, and use the browser extension you installed earlier to download all the images on the page. If you have a large gallery, you might have to scroll down to the bottom of the page to force all the images to load before downloading them.
That's it. All said and done, it's a pretty simple and straightforward process. I went through a lot of different WordPress plugins in an attempt to rehost the external links to the local wp-content folder, export the media library by post, etc. This ended up being much faster and much simpler. Hope it saves you some time.
If you don't have too many images, you can do them one at a time from a gallery. While viewing a gallery (Chrome) I can right-click and open the image in a new tab and then save that (getting rid of the parameters after *.jpeg )
You can use this repo to download the images from Squarespace. It has a Tkinter GUI to make it easier to use :)
I just coded it and it works fine on my end.
Github link: https://github.com/Mascobot/squarespace_image_downloader
I downloaded the Image Downloader plugin from Chrome. Super easy to download all images into folders. Once installed, go to the URL of your website page, hit the plugin, and create a download folder. Done.
Here's an alternative:
Use a crawler like ScreamingFrog and crawl your entire domain.
Copy all of your image URLs.
Download the Chrome Addon 'Tab Save' and paste all the links in there.
Download them. Done!
Copy the image and open it in a photo editor like Preview and then export it.
That works well for a few images but not so well for many.
Or screen shots. Make the image as large as possible and screen shoot it that way.

Impossible to reference an image from the Assets Folder

I am currently building a Windows Universal App and the learning curve is OK. I get a response from my webservice, parse the JSON, display info in the app, but my current issue is the following one:
I tried to display an image that I put in the Assets folder, but this doesn't seem to work.
This is my layout:
As you can see, the text "Test" is correctly displayed but not the images.
On the right side, in the explorer pannel, I cannot see the files that should be here:
WHAT I HAVE TRIED:
In my example, they are in the Assets/picto folder, but I have also tried the root directory Assets, as wal as creating Image folder at the same level.
I have definitely no idea how to add a simple picture, so any help is appreciated!
Adding items in Windows explorer to the right location doesn't add them to your solution / deployment.
You have to right-click the picto folder -> Add > -> Add existing item. Your items are not even in your solution, so they won't show up on the layout screen.
Make sure you set the correct build target for each image.
If an image shouldn't show up, even through it's in your solution, this is often the reason.

Dreamweaver Zip, not locating files correctly

I've created a website in Dreamweaver that consists of images and pages. You can navigate through the pages via a taskbar and the images are viewable on certain pages. It all works fine on my local laptop but, when I zip the file and try to open it from my desktop computer, the text comes up but all of the images and links are broken.
Is there anyway I can fix this without restarting my whole website?
You need to unzip your files first. That's where your problem is.

uploadify not attaching image

I'm working on a pagetype with a Imagedataobjectmanager. In slide show, files getting uploaded in CMS area.
The problem I'm having is, in the uploadify popup, when you upload a file, it hits 100%, and disappears. The file has been uploaded to the assets/uploads folder but it doesn't attach.
One mediocre fix is to upload in the File & Images to the right folder, go to your page and import them, however when you do that, it moves the selected files into the assets/Uploads folder, but it does attach them.
Changed the permission of the folder to 777, no luck. But surprosingly, file & images attaches the photos into the same folder
Thanks

Is there any way to know all unused images of a website from image folder?

Is there any tool you know which can find all unused images of a website from image folder. I want to identfiy all those image in the image folder which are not being as a inline imge in HTML and CSS Background. Is it possible using any tools, techniques?
You can use dreamweaver for this. In dreamweaver look in site files (press F8) in site menu select recreate site cache. Dreamweaver checks links in your Local Site folder and provides you with a report of all unused files, which you can either delete or re-link.
Hope this solves your problem.

Resources