Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS How to Make a Website Sharing a Website Upload the Website

jemelleesantos
jemelleesantos
3,495 Points
Posted by jemelleesantos
jemelleesantos
3,495 Points

Editing HTML and CSS files that is live

So I have actually uploaded the files that I have practiced with Nick to my website.

Now if I wanted to make changes, like editing my bio, changing img links, or changing the colors, can I edit directly through CyberDuck?

Will it automatically go live after I make the changes and save?

jemellee.com if you want to take a look.

Thanks!

4 Answers

Sue Dough
Sue Dough
35,800 Points
Sue Dough
Sue Dough
35,800 Points

Hello Jemellee,

It sounds like you have a hosting account and a website set up. Congrats.

There is a few ways to make changes.

  1. You could use an FTP (file transfer protocol) program such as Filezilla to connect to your website. You could then upload new files and you should see changes immediately.

  2. You could also use file manager.

  3. You could also edit files directly in a backend sometimes if you are using a content management system like wordpress.

  4. Use a code deploying system/service. Usually this is for bigger sites.

The only times you will not see changes immediately is if you are pulling up a cached copy either on the site or locally. You probably do not have to worry about caching your site or using a CDN until you have a website getting a good amount of traffic. You can also turn off caching locally using inspect element on Chrome. Just click the little settings icon in the top right and check "Disable cache (while DevTools is open)". Then every time you refresh while inspect element is opened you will pull up new local copies.

Hope that helps :)

Sue Dough
Sue Dough
35,800 Points
Sue Dough
Sue Dough
35,800 Points

One thing I would like to add is learn how to set up a staging environment or set up locally to make changes before editing the live site unless you are cowboy coding for fun. Backup, backup, backup. Test, test, test.

Ryan Blakeney
Ryan Blakeney
8,870 Points
Ryan Blakeney
Ryan Blakeney
8,870 Points

You might be able to right click on the file and click edit, however this is not good practice.

You may want to edit it locally or on a test server before putting it up live. If you edit it on your website and it has a type of some sort, it will post live for everyone to see.

Good Luck!

john cruz
PLUS
john cruz
Courses Plus Student 1,263 Points
john cruz
john cruz
Courses Plus Student 1,263 Points

I would do all your changes locally. Once you make your changes, check them out on your browser and re-upload the files to Cyberduck.

jemelleesantos
jemelleesantos
3,495 Points
jemelleesantos
jemelleesantos
3,495 Points

What do you mean by locally? Like from notepad?

Ryan Blakeney
Ryan Blakeney
8,870 Points

He means on your own computer. You can edit and save them on your computer(locally), then upload the finished product with Cyberduck. This helps you get a finished product looking good and the way you want it before posting it live online.

john cruz
PLUS
john cruz
Courses Plus Student 1,263 Points
john cruz
john cruz
Courses Plus Student 1,263 Points

Hey ryanblakeney,

Thanks for the reply.