■第三段階・ファイルの転送(FFFTP)つかい方↓

■文字だけのホームページ作成・とにかくやってみよう!

☆何にも分からない方のために一言、とにかく「やってみる!まねしてみる!作ってみる!」この精神で取り組んでくださいね。実を言いますとホームページ作成ってね、とっても簡単なんですよ、びっくりするくらい簡単です。でもね極めようものなら 奥が深くとっても難しいです。 ですが ほんの少し理解するだけで普通の会社や個人での情報発信程度なら十分すぎるくらいのホームページができてしまいますのでどうぞご安心ください。

■最終的には好みもありますが仕組みを勉強という事で、 こんなホームページを作ってみようと思います。

■ホームページいきなりですが作ってみましょう・・・

☆初めてのホームページ作成ではHTMLがどうのこうのと勉強しなくてはなりませんが、百聞は一見にしかずで 
どんなものか「これがホームページです」をインターネットエクスプローラーに表示させて遊んでみましょう。

【コツその1】分からなくてもとにかくやってみる

▽まずは以下のコード、<html>から</html>までをコピーしてください。 コピーの仕方が分からない方はこちらをどうぞ。

【HTML-1】

<html>
<head>
<title>初めてのホームページ作成</title>
</head>
<body>
これが ホームページです。。。
</body>
</html>

矢印次へ・・・
コピー 矢印 左の画像がメモ帳にコピーされたコード(HTML)です。うまくコピーできましたか?もしうまく出来ないようでしたらもう一度、操作が間違っていないか確認しながら行ってみてください。
注意)絶対にコード内には 全角空白文字(全角スペース)入ってはいけません。もし入ると、うまく表示できませんので、忘れないで下さいね。
もし、メモ帳が使いにくいと思われるのでしたら
全角スペースが入ると分かる エディター TeraPad がお勧めです。フリーソフトです。  インストールは自己責任でお願い致します。

管理人も使っています。
teraPad
矢印次へ・・・

 

■HTMLファイルの保存
コピー 矢印 コピーが出来るとメモ帳の上のメニューより
ファイル→名前を付けて保存をクリックしてください。すると下の「名前を付けて保存」画像がでてきます。この時メモ帳はまだ閉じないで下さい。
矢印次へ・・・


■HTMLファイルの保存-2
コピー 矢印 もう少しでホームページができますので 頑張って下さい。
この画像が出てきたら、画像では見えにくいですが一番上の「保存する場所」文字入力のところに今作ったHTMLファイル(メモ帳にコピーしたもの)を 入れておく あなたのパソコンの中の好きなフォルダーを指定してください。どこでもかまいません。フォルダーを探す時は入力欄の右側にある フォルダーマークに上向きの緑色の矢印があるフォルダーマークをクリックすると好きなフォルダーが選べます。

次に 画像の文字が見えにくくてすみませんが、一番下から3番目の「ファイル名」の文字入力のところに半角小文字で hp.html と入れて下さい。「.html」から左側は半角英数文字であれば好きな名前を付けられます。 入力できたら その右となりの保存ボタンを押して保存してください。 これで ホームページ「HTML」ファイルの出来上がりです。 実は これだけで 初歩初歩初歩のホームページが出来たことになります。 お楽しみに!。この時もメモ帳はまだ閉じないで下さい。
矢印次へ・・・

コピー 矢印 さあ それでは 今、作成したホームページファイル hp.htmlをインターネットエクスプローラ-で見てみましょう。先ほど保存したフォルダーをダブルクリック(マウスの左ボタンを続けて2回押す)で開いてみてください。
すると左側の画像があるはずです、ファイル名はもちろん hp.htmlです。
見つかりましたら hp.htmlを ダブルクリックしてください。どうでしょう。見えましたか?
矢印次へ・・・

コピー 矢印 やったぁー!! できました!?
どうですか?左の画像のように見えましたか?見えたら、これがそうなんです。ホームページなんです。思ったより簡単だと思いませんか?。 もし、見えなかった場合は もう一度初めからやり直してみてください。

■どんな ホームページでも基本はこれだけです。これから いっしょにカラフルなホームページを作っていきましょう・・・。

【まとめ】
○HTMLの原型というか 一番シンプルなコードで作りましたが、感じがつかめてもらえたらうれししいです。まだ、ピンとこないと思いますが そのうち分かってきますので 諦めずについてきて下さいね。ホームページ作成にとって大事なこと
【コツその2】こうやったらこうなるんだと思うこと。なぜかは今は考えないこと、後で分かってしまいます。
このほうが格段に早く理解できて身につきます。
このページで学んだ大事なこと◇ホームーページはあなたのパソコンの中にある◇これを覚えておいて下さい。。。

◇ホームーページはあなたのパソコンの中にある◇接続先に接続し続けて見ているのではありません。
■次はホームページの書き変えの仕方のページへどうぞ。。。

HPはこんなイメージ  ここは文字だけのHP作成のページです。  HPの書き変えの仕方

■第三段階・ファイルの転送(FFFTP)つかい方↓