|
|
|
１ はじめに みなさんはホームを作るのに 特別な知識や 市販されているソフトが必用だと思ってはいませんか？ そんな事はありません。まったくの超初心者でも今から15分でホームページを作成できます。 だって、超初心者の私がこうやってホームページを開設しているんですから 市販のアプリケーションソフトは使いこなすようになるまでが もう大変！ それに、お金もかかるしネ (^^; それでは、早速ホームページを作成します。頑張ってください！ |
|
２ 画面の切り替え それでは、パソコンの操作の簡単な説明に入ります。 いま見ている このページの画面と、これから作業をする 画面とに切り替えてみます。 画面の一番下に、このホームページの「パソコンで遊ぼう」が表示されていますね。
これを1回クリックすると、このホームページが消えます。 さらに もう1回クリックすると、このホームページが表れます。 さあ、試してみましょう！ |
|
３ 「画面の最小化」 上手にできましたか？ このホームページが消えても、一番下に表示されている間はいつでも再表示できるということです。 これを「画面の最小化」といいます。 そして、1番下の部分を「タスク・バー」といいます。 では、この画面を最小化して 「デスク・トップ」を表示させます。 デスク・トップを表示させたら、左上の方にある「マイドキュメント」のアイコンをクリックします。
最後に、画面1番下の「パソコンで遊ぼう」をクリックしてこの画面に戻ります。 何？ 難しい！ だいじょうブイ！ (^o^)v 画面1番下の「パソコンで遊ぼう」をクリックすれば、いつでもこの画面に戻れますから |
|
４ 「タスク・バー」 下の写真のように、「パソコンで遊ぼう」と「マイドキュメント」が、 1番下の「タスク・バー」に表示されましね。
表示させたい方をクリックすれば、それを表示させてくれます。 |
|
では次に、メモ帳を起動します。 メモ帳の起動の方法は、 @ スタートをクリック A マウスを プログラムに 合わせます。 B さらに マウスを アクセサリに 合わせます。 C メモ帳を クリックします。
このことを、下のように書きます。 スタート → プログラム → アクセサリ → メモ帳をクリック |
|
６ メモ帳 下の写真のようなものが現れましたか？
これが、メモ帳です。 |
|
７ 「半角」と「全角」 このメモ帳に「半角」で、書き込みます。 「半角」と「全角」は、たいへんまぎらわしいものです。 現在の入力方法が「半角」か「全角」かを識別する方法は、画面右下の「入力モード」で見ます。
この「半角」と「全角」の切り替えは、下の写真のキーボードの「半角/全角」のキーを押すことによって切り替わります。
|
|
８ ソースの書込み それでは 「入力モード」が「半角」になっていることを確認して、 メモ帳に 下記ののように書き込んでください。 <HTML> <HEAD><TITLE></TITLE> </HEAD> <BODY> Hello </BODY> </HTML> 下の写真のように書き込めましたか？
|
|
９ 名前を付けて保存する 現在メモ帳の一番上の青い部分「タイトル・バー」が写真のように「無題」になっていますね
このメモ帳は まだ名前を付けていませんので「無題」になっています。 では、このメモ帳に名前を付けて保存します。作業手順は下記の通りです。 ファイル → 名前を付けて保存する この作業手順を上の写真でもう少し具体的に説明すると、 @ 「メニュー・バー」の「ファイル」をクリックします。 A 「名前を付けて保存する」をクリックします。 |
|
１０ ダイアログ・ボックス すると、下の写真のような「ダイアログ・ボックス」が表れます。
下の写真のように、「ファイル名」の欄の「無題」を「"test.html" 」と書き換えます 「ファイルの種類」の欄の右端の▼をクリックして、「すべてのファイル」を表示させます。
できたら、「保存」をクリックします。 |
|
１１ ホームページのアイコン うまく保存できたでしょうか？ 早速確認してみましょう。 先ほどの「ファイル」は、「マイドキュメント」に保存しました。 画面1番下の「タスク・バー」にある「マイドキュメント」をクリックして、画面を「マイドキュメント」に変えます。 下の写真のような、「test」というアイコンができていますか？ できていれば、成功です。この「test」というアイコンをクリックしてみましょう。
できなかった人は、この後の「１３ ドラッグ コピー 貼り付け（ペースト）」を見てください。 |
|
１２ ホームページの完成 下の写真のように「Hello」と表示されましたか？
おつかれさまでした。 「Hello」と表示させるだけの簡単なホームページですが、 この部分を書き換えれば もうりっぱなあなたのホームページのできあがりです。 次章では、もっとすてきなホームページに仕上げます。 できなかった人は、この後の「１３ ドラッグ コピー 貼り付け（ペースト）」を見てください。 |
|
１３ ドラッグ コピー 貼り付け（ペースト） キーボードから直接入力するとき、ほとんどの場合入力ミスをします。 自分では ちゃんとやったつもりでも、どんなに見直しても、 そのミスを発見できるまでに 何度も何時間もかかってしまうことが よくあります。 そんな時は、「コピー ＆ 貼り付け（ペースト）」をした方が確実です。 「８ ソースの書込み」から下の写真ようにソースをドラッグします。
ドラッグの方法は、一番上の<HTML>の左端にマウスを合わせて クリックしたまま（マウスの左ボタンを押して離さない） 一番下の</HTML>の右端まで マウスを移動させます。すると その部分だけ「青く反転」します。 次に 右クリック（マウスの右ボタンを押す）して「ポップ・アップ・メニュー」を出します。 その「ポップ・アップ・メニュー」の中から「コピー」を選択します。（左クリック）
これで、あなたのパソコンはこの部分を記憶しました。 次に「５ メモ帳の起動」を参照して、メモ帳を起動させます。 メモ帳の書き込む部分で 一度クリックして、パソコンに「これからここで作業をするよ」と伝えます。 その場で 右クリックして「ポップ・アップ・メニュー」を出し、「貼り付け」を選択します。（左クリック）
すると下の写真のように 本文がメモ帳にコピーされました。
このメモ帳を「名前を付けて保存」します。 ファイル名の欄の入力でミス発生することが考えられますので、ファイル名を下の部分でドラッグ＆コピーします。 "test.html" 「９ 名前を付けて保存」を参照して、ファイル → 名前を付けて保存する
ファイル名のボックスの中を「"test.html"」と書き換えます。 「ファイルの種類」の欄の右端の▼をクリックして、「すべてのファイル」を表示させます。
できたら、「保存」をクリックします。 これで「ファイル」は、「マイドキュメント」に保存しました。 「１１ ホームページのアイコン」を参照して、「Hello」を表示させてください。 |
