■ホームページを自分で更新する為には。
・ソフトをそろえる
・htmlとcssを理解する
・サーバーへ接続
■ソフトをそろえる
・必要なソフトは？
ホームページを修整するのに使うソフトは主に3つあります。
FTPサーバーに接続するソフト
htmlを編集するソフト
画像を編集するソフト
です。
すべて無料でそろえることができますが、
専門業者も使っている無料ソフトは、
FTPサーバーに接続する「FFFTP」
htmlを編集する「teraPad」
の二つです。
３つ目の画像を編集するソフトですが、
サイトを直すうえでここが一番高いハードルです。
このソフトだけは専門業者もさすがに有料ソフトを使っています。
無料でも「GIMP」というソフトが、ありますがここは、
fireworksやphotoshopを使いたいところです。
また、htmlを編集するソフトは、windows純正のメモ帳でも構いません。
一般的、また、おすすめするのはDreamWeaverです。
このソフトは上記FTPの機能やサイト毎の管理機能もあり非常に便利です。
■編集するファイルの用意とサーバーへの接続
■編集するファイルの用意とサーバーへの接続
ソフトがそろったら、すぐに編集作業をしたいとは思いますが、
初めての方はまず、編集するファイルの用意とサーバーへの接続ができないといけません。
中にはファイルが手元にあるという方もいると思いますが、
webに表示されてる最新のファイルを使いたいためサーバーからダウンロードします。
接続方法は契約したレンタルサーバーのコントロールパネルからログインするか、
FTPでアクセスする方法ですが、コントロールパネルの場合は使い方がまちまちなので、
一般的なffftp(こちらはソフト名です。)でアクセスします。
ffftpを起動したら、ホスト一覧に契約しているFTPの情報を登録、こちらは最初の一回だけで、
2回目以降は、ホスト一覧から選択して接続するだけです。
FTPの情報を登録の方法はこちらから(外部サイト)https://techacademy.jp/magazine/1670
アクセスしたら左側にファイルの一覧が並んでいます。
これがあなたのサイトのデータです。
初めて見るかもしれませんが、windowsのフォルダの表示方法の「詳細」と同じです。
単体ファイルとフォルダが表示されています。
※FTPのアカウントは非常に重要です、このアカウントが悪意のある人に知られたら、
改ざんなどの被害に合います、また、FTP上のデータを間違って消すとサイトが見れくなったり、、
誤って消す以外にも、内容が別の同名ファイルを上書きしてしまって、見れなくなることもありますので
くれぐれも慎重に作業してください。
作業前には必ずダウンロードしてバックアップを取りましょう。
(私も毎回作業時にはバックアップを取っています。）
次にあなたが編集したいファイルを探します。
まず、ホームページで編集したいページのURLを確認して、
それに相当するファイルをFTPからダウンロードします。
以下の例の場合を説明します。
すべてFTP上での説明です。
http://aaaaa.com/ ← 最初の画面にあるindex.htmlファイル(↓下と同じ)
http://aaaaa.com/index.html ← 最初の画面にあるindex.htmlファイル
http://aaaaa.com/nanka.html ← 最初の画面にあるnanka.htmlファイル
http://aaaaa.com/bbbbb/ ← bbbbbフォルダの中にあるindex.htmlファイル(↓下と同じ)
http://aaaaa.com/bbbbb/index.html ← bbbbbフォルダの中にあるindex.htmlファイル
http://aaaaa.com/bbbbb/nanka.html ← bbbbbフォルダの中にあるnankahtmlファイル
http://aaaaa.com/ccccc/ ← cccccフォルダの中にあるindex.htmlファイル(↓下と同じ)
http://aaaaa.com/ccccc/index.html ← cccccフォルダの中にあるindex.htmlファイル
http://aaaaa.com/ccccc/nanka.html ← cccccフォルダの中にあるnankahtmlファイル
http://aaaaa.com/ccccc/ddddd/ ← cccccフォルダの中にあるdddddフォルダの中のindex.htmlファイル(↓下と同じ)
http://aaaaa.com/ccccc/ddddd/index.html ← cccccフォルダの中にあるdddddフォルダの中のindex.htmlファイル
http://aaaaa.com/ccccc/ddddd/nanka.html ← cccccフォルダの中にあるdddddフォルダの中のnankahtmlファイル
見ての通り、windowsのフォルダと同じです。
違うのはこれです。「http://aaaaa.com/ ← 最初の画面にあるindex.htmlファイル(↓下と同じ)」
このindex.htmlがついていないURLに相当するファイルはindex.htmlと考えてOKです。
これを参考にあなたが編集したいファイルを探してダウンロードしましょう。
ダウンロードはFTP上でファイルを選択してD&Dであなたのパソコンにダウンロードできるはずです。
これでサーバーへの接続と編集するファイルの用意ができました。
■ファイルを修正したら、FTPにアップロード
ファイルを編集したら、それを反映させるためにサーバーへのアップロードが必要です。
ファイルダウンロードとは逆の作業になります。
ホームページで編集したいページのURLに相当するファイルをFTPの適切な場所にアップロードした後、
ブラウザでページをリロードして編集が更新されていることを確認して完了です。
