第二章:ウェブサイト公開の環境を整えるトップページへ戻る

1. ウェブサイトを公開する方法 /  2. 最初のファイルを作る /  (ア) Crescent Eveをダウンロード /  (イ) 拡張子を表示させる /  (ウ) テストファイルを作ろう /  3. サーバーを借りる /  (ア) レンタルサーバーの違い /  (イ) さくらレンタルサーバーを借りよう /  4. FTPソフトを用いて公開する /  (ア) FFFTPをダウンロード /  (イ) 設定をしよう /  (ウ) テストアップロードをしよう

(ウ) テストファイルを作ろう

エディタも用意し、拡張子も表示され、いよいよファイル作りです。
今まで通り、いきましょう。

手順1:このマニュアルを読む時に開いたフォルダを開く


手順2:「first_web」というフォルダをデスクトップにドラッグ(移動)

※ドラッグは、フォルダの上でマウスの左を押して(クリック)、そのまま移動したい場所までマウスを動かして、移動したい場所まで来たら、押し続けていたマウスの左を離せばできます。

手順3:移動できたら、「first_web」フォルダをダブルクリック


手順4:何もないところで右クリックをして「新規作成」から「テキストファイル」をクリック


手順5:左の図のようになるので、文字をいったん消して、「index.html」と書き換える

※このindex.htmlを見て、気がつきましたか?
そうです!ウェブサイトの情報を表す拡張子は、".html"なのです!

手順6:「拡張子を変更すると、ファイルが使えなくなる可能性があります。」と出てきますが、使えなくならないので「はい(Y)」をクリック


手順7:左のように表示されるので、「index.html」ファイルの上で右クリックをし、更に「Crescent Eveで開く(E)」をクリック



手順8:Crescent Eveが開くので、何か好きな言葉を入力する


手順9:書いたら、フロッピーのアイコンをクリックして保存(上書き保存です)


手順10:Crescent Eveを閉じるため、右上の×ボタンをクリックして終了


手順11:先ほどの「first_web」フォルダに戻って、「index.html」ファイルをダブルクリックして開く


結果:完成! お疲れ様でした!


・・・というわけです。

ウェブサイトは、こんな感じで、作ります。
もちろん、文字だけではあまりにも味気ないので(笑)、いろいろとデザインする方法は、第三章から解説していきます。

それでは、あなたのやること、2つ目に入りましょう。

前のページへ戻る次のページへ進む

あなたも、サポートメールに参加しませんか?

『初めてWeb入門』に取り組んでくださっている方にサポートメールをお送りしています。
ここでは、『初めてWeb入門』では紹介し切れなかったウェブデザインの知恵を配信しています。
名前とメールアドレスだけで参加出来ますので、興味のある方は、ぜひご参加くださいね^^

氏名:  メールアドレス:

※サポートメールは、いつでも解除できます。詳しくはサポートメールのページをご確認ください。




第二章:ウェブサイト公開の環境を整えるトップページへ戻る

1. ウェブサイトを公開する方法 /  2. 最初のファイルを作る /  (ア) Crescent Eveをダウンロード /  (イ) 拡張子を表示させる /  (ウ) テストファイルを作ろう /  3. サーバーを借りる /  (ア) レンタルサーバーの違い /  (イ) さくらレンタルサーバーを借りよう /  4. FTPソフトを用いて公開する /  (ア) FFFTPをダウンロード /  (イ) 設定をしよう /  (ウ) テストアップロードをしよう

はじめにサポートメールホームページの疑問・質問おすすめリンク更なる高みへお問い合わせ