CreateaFreeWebsite  with Responsive Web Design

General

 

9 Step Tutor

Uploading Your Website to Your Web Host's Server

CoreFTP Connected

When you click Connect on the Site Manager screen, the screen shown below comes to the front and CoreFTP connects to your website. (If you entered all the information correctly). Local files and directories on your PC appear in the left window. Website files and directories on the internet appear in the right window.

CoreFTP

What appears in the right window depends on how your web host sets up your website.

You should see a blank window, which means you are set up to upload to the httpdocs or htdocs folder.
Your web host should have sent you information that tells you where to upload HTML files to.

You can manuever thru your directories using the crooked arrow button on the top of each window.
(Note: We had to add the path manually on the local files the first time we used the program)

There are different ways to upload a file to your website.
Starting out, the easiest way would be:
1...Right Click on the desired file in the left window.
2...Choose Transfer.
You can also set up a double click option or use the queue feature.

The Queue feature is used when you have a long list of files or images to upload or download and you don't want to sit there and do each transfer individually. (Queue is just a list)

When you right click a file, then click Queue you'll see the selected file appear in the bottom left window. Add as many files as you wish, then right click the top selection and choose Transfer.

Note: On both CoreFTP and FileZilla, you can hold down the control key to add multiple selections to the queue for uploading or downloading.

queue feature for transferring multiple files

 

Read the documentation and explore the program to learn the rest of the features it offers.

Linux Users

Find Filezilla in the software repository. I use it everyday and it's FREE.

 

Free Tools and Resources We Recommend

Free Responsive Web Design Certification freeCodeCamp
freeCodeCamp is a proven path to your first software developer job.
More than 40,000 people have gotten developer jobs after completing this – including at big companies like Google and Microsoft.
Finally, you'll learn how to make webpages that respond to different screen sizes by building a Twitter card with Flexbox, and a complex blog layout with CSS Grid.
FREE Certification Courses!!
Free Ebook How to Code in HTML5 and CSS3
"How to Code in HTML5 and CSS3" is a free e-book about making websites in HTML5 and CSS for absolute beginners. It doesn't require any experience in IT to start....
FREE HTML Editor (Windows): NoteTab Light
All the features of a commercial HTML editor.
FREE Apache Server (Windows): IndigoAmpp
Set up a real time server environment right on your PC. Test forms and scripts before uploading to your web space.
Linux Users
If like us, you've left the insane world of Microsoft Windows for the even worse experience of Linux, we recommend the BlueFish HTML editor. You'll find it in your software repository. It does have some QUIRKS, but it's FREE.
For image resizing we've found the easiest Linux tool to be Krita.

Have you tried our FREE Responsive Design template kit? Download Template #402 - 6 Page Kit