ホームページの作り方

当サイトでは初心者向けにホームページの作り方の解説をしています。

当サイトはPRを含むページがあります。

12.ファイルをアップしなおす

ヤミー「今回は前回(11.文字化けを直す)修正したhtmlファイルをレンタルサーバーにアップロードしなおします」

サイトウ君「はーい」

ヤミー「以下のリンクからxserverのサイトを表示してください」

サイトウ君「しました」

ヤミー「では、「ログイン」を選び「サーバーパネル」を選びます」

「ログイン」を選び「サーバーパネル」を選ぶ

ヤミー「ログイン画面が表示されるので、ログインしてください」

ログインする

ヤミー「サーバーパネル画面が表示されるので、上部の「ファイルマネージャ」をクリックしてください」

「ファイルマネージャ」をクリック

ヤミー「自分のドメインのフォルダをダブルクリックして中に移動し、さらにpublic_htmlフォルダをダブルクリックして中に移動します」

自分のドメインのフォルダをダブルクリック public_htmlフォルダをダブルクリック 最終的にここに遷移

ヤミー「「アップロード」を選び、「ファイルを選択」を選びます」

アップロードを選ぶ ファイルを選択を選ぶ

ヤミー「自分のパソコンのどのファイルをアップロードするかを選びます。左メニューの雲アイコンみたいなのがあるメニューを選んだ後、「デスクトップ」を選びます」

左メニューの雲アイコンみたいなのがあるメニューを選んだ後、「デスクトップ」を選ぶ

ヤミー「htmlフォルダをダブルクリックして選んだ後に」

「htmlフォルダ」を選ぶ

ヤミー「a.htmlファイルをダブルクリックすることで、a.htmlファイルをアップロードできます」

a.htmlファイルをダブルクリックする

ヤミー「ここに「a.html」と表示されていることを確認して、「アップロード」を選びます」

アップロードを選ぶ

ヤミー「これでアップロードが出来ました。ついでに言えば、これがアップロード時間です」

アップロード時間はここ

ヤミー「さて、文字化けが直っているかサイトを確認してみましょう。サーバーパネル画面(Xserverにログイン直後の画面)の下部のここをクリックするとドメインをコピーできるのでコピーして」

ドメインをコピー

ヤミー「アドレス入力欄を一回左クリックして」

アドレス入力欄を一回左クリック

ヤミー「その後、一回右クリックして「貼り付け」を選ぶことで、コピーしたドメインを貼り付けられます。」

コピーしたドメインを貼り付ける

ヤミー「貼り付けたらEnterキーを押して、そのサイトへ遷移します」

ドメインへ遷移する

ヤミー「アドレス入力欄のドメインの後部に「/a.html」を書き足して、Enterキーを押して遷移します」

アドレスを書き変える ページが表示される

ヤミー「無事に私たちが作った、つまらないホームページが文字化けせずに見ることが出来るようになっています」

ヤミー「ちなみに、中には「困った。文字化けしたままだ」という人もいるかもしれません。その場合は、パソコンが古い情報を表示している場合があるので、その文字化け画面を表示したまま、「Ctrlキー」を押しながら「F5キー」を押してみてください。最新の情報に更新されて、文字化けも治ると思います」

ページが表示される

ヤミー「できましたか?」

サイトウ君「できました」

ヤミー「よかったです。次回、13.簡単な文字化けの解説