1
SSH access
PuTTY Basics
Learn how to connect to your server with SSH, check where your website files live, move between folders, make backup copies, and get comfortable with basic command-line website work.
Tools
Learn the Tools That Keep You in Control
These are the practical tools behind real website ownership. Learn how to connect to your server with PuTTY, move files safely with WinSCP, and make direct edits with vi. You do not need to become a full-time developer. You need enough skill to stay informed, capable, and hard to trap.
Webbie says
Tools are where confidence starts.
Many business owners get stuck because the server feels mysterious. These tool guides are here to fix that. Learn the basics, practice calmly, and you will understand much more of your own website than you think.
The three tool pages in this section
Each page teaches one real-world tool from the perspective of a website owner, not a systems engineer. The goal is not hype. The goal is useful control.
2
File transfer
WinSCP Basics
Learn how local files and server files relate, how to upload and replace pages safely, how to create folders, and how to manage images and live URLs with much less confusion.
3
Direct editing
vi Basics
Learn the essential commands for opening files, entering insert mode, saving, quitting, copying, pasting, searching, and making small HTML edits directly on a server.
How these tools work together
These are not random technical tools. They form a practical website-control toolkit.
1
Use PuTTY to understand the server
PuTTY helps you connect, verify paths, move around folders, and make quick backups before you touch anything important.
2
Use WinSCP to move files visually
WinSCP is ideal for uploading finished HTML pages, CSS, JavaScript, and images, and for keeping the file structure clear.
3
Use vi for small live edits
vi is useful when you need a direct text edit on the server and do not want to depend on someone else for a small fix.
Best workflow
Build locally, publish carefully, edit directly only when needed.
That is the calm and durable way to work. Learn the tools, but use them in the right order.
What you will actually learn
These tool guides are meant to be practical. You should come away able to do real things.
By the end of the PuTTY guide
- understand what SSH is in plain English
- log into a server with confidence
- use
pwd,ls, andcd - create a folder with
mkdir - make a backup with
cp file file.bak
By the end of the WinSCP guide
- understand local vs remote files
- upload HTML, CSS, JS, and images
- replace files carefully
- check server folders before publishing
- keep live image URLs stable and organized
By the end of the vi guide
- open a file with
vi - enter insert mode with
i - save with
:wor:wq - quit safely with
:q!if needed - search, delete, copy, and paste lines
The bigger lesson
The point is not to become fancy. The point is to understand enough of your own website so that files, paths, uploads, and small changes do not become mysterious or hostage-controlled.
Where to start
Start with PuTTY if the server feels mysterious
PuTTY is the best first step if you want to understand where your files actually are and what the server looks like from the inside.
Good companion
Use WinSCP when you want visual clarity
If you prefer side-by-side file views and drag-and-drop publishing, WinSCP is a strong companion to PuTTY.
Why this matters
These tools reduce dependence.
One of the biggest lessons behind website.co.jp is that owners should understand enough of the tools around their site that they are not easily trapped by withheld files, unclear access, or basic technical gatekeeping. PuTTY, WinSCP, and vi are part of that independence.