When you want to update a file, find it on the server side of Filezilla (the right side). Drag the file and place it in the OCrap directory on your computer (blue arrow in illustration). Drag again and place the file outside of the OCrap directory (green arrow)

Now drag and drop the Non-OCrap file onto your HTML Editor Icon or into the Editor Window (Red arrow).

In your HTML editor, make the changes that you want to make. Save. Be sure to save your changes. Be sure.

Go to filezilla. Drag the file back to the right side (server). Filezilla will overwrite the file that is on the server. No need to refresh filezilla before dragging the file over.

If you test your changes and you made a horrendous error, no sweat. Remember, you saved the file in OCrap before you made the changes to the duplicate file. Just open the OCrap folder and move the file to the server. The file you had in the the OCrap folder, when dragged back to the server, will overwrite your messed up file. The site will be back the way it was before your error! Just start the process over until you get it right!