How To Copy An Entire Website 3 Easy Methods Anyone Can Do

This method is great if you’re familiar with HTML and CSS and only care about the code—not archiving all of a website’s content. You can copy a site’s HTML and linked CSS files and create local copies of them on your computer, but you may need to modify the code slightly to fix any broken references. While you won’t want to replicate another designer’s website exactly for legal reasons, it doesn’t hurt to adapt existing HTML and CSS from another site and work it into your own code.

As you scroll down, you’ll also see the code in the right panel change to reflect where you’re pointed with the element picker.

For a longer page of code, click inside the box containing the code and press Ctrl + A (PC) or Cmd + A (Mac) to select all code at once. Then, right-click the selected area and choose Copy. Once you’ve copied the code, paste it into a new text file on your computer in an app like Notepad or TextEdit, then save the file with the . html file extension.

Click the three dots at the top-right and select Open file. Look for files that end with . css, such as styles. css or default. css—the index page you copied relies on code in those CSS files for layout and style. Select a file, then copy and paste it into a new text file on your computer. Be sure to give it the same name as it appears on the live website so the index page you downloaded knows how to reference the file. Additionally, note the directory the CSS files are in—if you want to be able to view the website exactly as it appears online, you’ll need to mimic the file structure of the remote site or modify the HTML code so the site knows how to reference the CSS file.

SiteSucker generally ignores JavaScript on websites, so sites that rely on JavaScript may not look the same after downloading. However, if you know HTML and JavaScript, you may be able to fix broken layouts and references.

To choose a destination folder, select a location from the bottom menu on the General tab. If you’re downloading a larger site and don’t want to fill up your hard drive, you can click Limit to set limits, including the maximum number of directory levels, files, and file size. [2] X Research source Click the File Type tab to choose which types of files to download and ignore. For example, if you don’t want to download images, you can uncheck the “Images” option. [3] X Research source Advanced users can adjust the settings for SiteSucker, but if you just want to copy a website you don’t need to worry about changing anything. Click OK when you’re finished.

If the website requires a username and password to log in, enter it when prompted. By default, SiteSucker will check your Keychain first to see if your login information is already stored. If it isn’t, you’ll need to enter this information manually. [4] X Research source

Click the Log button to check for errors, such as files that could not be downloaded.

While you can download most of the website’s structure, the downloaded files may not look exactly the same. Many modern websites use elaborate CSS and JavaScript to enhance their site layouts, and this code may not download or implement properly when saved to your computer.

If you leave the default download location intact, HTTrack will create a new folder with your project’s name at that location and save the website in that new folder.

Some files, such as streaming videos, will not be downloaded.

If the website you want to copy requires you to log in, use the “Add URL” button to enter the website address as well as the username and password. You can click the Set options… button to configure advanced options, including Scan Rules, which lets you choose certain file types and extensions to exclude. You can also set Limits, such as a maximum download rate or total maximum download size.

You can also open these files in a web page or text editor to see the code that makes them work. Click View log file to check for errors, such as files that could not be retrieved.