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

■ホームページの作り方・とにかくやってみよう!  書き換え(更新)

☆このページではホームページの書き変えについて説明します。
よくホームページの「更新」とよく聴きますが、これは契約プロバイダーのサーバーへ自分のサイトを転送、又は、一部書き換えたものを転送することにつかわれます。ここでの「書き変え」とは、ご自分のパソコンの中にあるWEBページの一部を書き変えることをいいます。まあ、どちらも更新には変りませんが転送する書き換えか、しない書き換えかということでご理解下さい。

この書き変えができるようになると グーーンと理解が深まります。
いろいろと 文字を変えて楽しんでください。

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

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

[以下の内容は下記画像で説明しています]
☆メモ帳は起動されたままになっていると思いますが、 メモ帳を閉じられた方は、ファイル「hp.html」をダブルクリックで開いてください。 開いたら スタート→すべてのプログラム→アクセサリー→メモ帳を開いていください。 メモ帳の メニューの ファイル(F)→開くから「hp.html」を開いてください。

メモ帳の「これが ホームページです」のところに矢印を載せると矢印が棒のようになりますのでそこでクリックするとカーソルがでてきますので いろいろ書き換えてみてください。 書き換えられたら メモ帳のファイルメニューより→上書き保存をクリックして下さいこれで保存されます。この時点で書き変えは終了です。

保存がすんだら 今度はインターネットエクスプローラーの更新ボタンを押すと今書いた文字が表示されるはずです。こうして書き直されたファイルを転送する事を更新といいます。書き換えを何度も繰り返すと 益々イメージがつかめるとおもいます。

◇ホームページは 文字(テキスト)と画像(写真)と動画のたった三つの種類でできてます◇
この三つの簡単なコーディング(HTML)を覚えると なんとかなってしまうのがホームページです。
どうしても分からない場合はコピーして貼り付けてみてください理解できる時がよくあります。がんばって下さいね。。。

 
◇画像を用いた説明

■メモ帳を開く
スタートホームページ作成 矢印 メモ帳を閉じられている方は左の画像を見て スタート→すべてのプログラム→アクセサリー→メモ帳とたどり、メモ帳をダブルクリックで開いてください。
矢印次へ・・・

 

■hp.html(HTMLファイル)をメモ帳で開く
ホームページ作成ファイルオープン 矢印 メモ帳を開いてFileメニューより「開く」をクリックすると左の画像のウインドウが開きます。 開きたいファイルを反転(ファイル名の上でシングルクリックする)させて開くをクリックしてください。 メモ帳でhp.htmlを開くとhp.htmlのコード(HTML)がでてきます。開きたいファイルが現在のファイルより上の階層の場合は緑色の上向きの矢印があるフォルダー(アイコン)をクリックしてファイルのあるフォルダーを選択してください。尚、左の画像の中の選ばれたファイルはhp.htmlではありませんので適宜読み替えてください。
矢印次へ・・・

 

■メモ帳にてコードの書き変えと保存
メモ帳書き変え 矢印 メモ帳で、うまくソース(コード・HTML)が表示されましたか?ここでコードのことをソースというようにします。ソースとは お好み焼きなどを食べる時のあのソースのことなんですよ。ソースはお好み焼きなどの味の源(みなもと)です。そうですコードはホームページの 源、で、ソースとよぶそうです。
ソースの書き変えられるのはからの間だけです。全角スペース文字が入らないように注意してください。書き変えられたら保存してください。
矢印次へ・・・

 

■インターネットエクスプローラーでhp.htmlを表示
メモ帳書き変え 矢印 書き変えた文字が表示されましたか? これでホームページ作成の基本が出来たことになります。 作成と書き変えです。それと、あなたのパソコンの中にホームページができている事も忘れないで下さいね。 そうですね、これをプロバイダーのサーバーなどに転送すると 世界中の人が見てくれますよ。ほんまです。 あと、色々な文字に書き変えて何度もやって 感覚をつかんで下さい。 これが理解できたら すごく早く作られるようになれます。 ココまでのことを覚えるのにどれだけ本を読んだか分かりません。以上です。
矢印 実をいうと これだけで立派なホームページでなんですよ。で、とにかく早く見てみたい、外部の、例えば友人のパソコンで見てもらいたいと思われる方は、 FFFTPのダウンロードとインストールのページへすすんで下さい。外部より見ることができるようになります。(^-^)/

 

【まとめ】
○上にも書きましたが これで文字だけですがhtmlファイルが作られるようになりました。 あとは、画像の貼りこみとレイアウトです。そうですホームページってこれだけなんです。 これで 十分なものが作られます。楽しみにがんばってください。 これからはちょっとだけ難易度があがりますが へこたれずに付いてきてください。 実際に管理人のレイアウトの基本を解説致します。どうしてもココの意味が分からない。 これ、何のこと?というところがあれば(ありすぎるかもです)お問合せフォームよりお願いします。いっしょに作り上げましょう。

◇ホームーページはあなたのパソコンの中にある◇接続先に接続し続けて見ているのではありません。
■それでは お待ちかねのホームページ作成です。ホームページの背景色の設定のページへどうぞ。。。
文字だけのHP作成へ戻る  ここはHP書き変えのページです。  ホームページの背景色の設定のページへ


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