「ZZZZzzzzzz......」
ＨＴＭＬ（ホットミルク）講座
第２時限・作ってみよう！サンドウィッチ♪
==教授と助手の吹き出し(?)も併せてお楽しみ下さい。==
「ZZZZzzzzzz......」
「教授・・？いつまで寝てんですか？教授・・教授っ！？」
「ん・・・？もう腹一杯ぢゃぞ。・・」
「何寝ぼけてんですか？また？」
「ん？・・あ、そうか、そうぢゃったの。今日は青空講義の日ぢゃったんぢゃ。」
「そうですよ。いい加減起きて第２時限始めないとお昼になってしまいますよ！講義は今日一日の予定なんですから！」
「いやぁ、すまん、すまん。あんまりいい気持ちぢゃったものでのぉ・・・。」
「だからって、朝寝しててどうすんです？・・ったく、こんな講師しかいなかったなんて・・情ない・・。」
「い、いや、冗談ぢゃ。冗談！さあ、はりきって第２時限へ突入ぢゃ！」
「・・・・。」
「では、第２時限ぢゃ。題して『３分間クッキング！具とソースのデスマッチ！』」
「あの〜・・上のタイトルと違うんですが・・・」
「お？そうぢゃったかの？・・まぁいいぢゃろ？３分は、ちと無理のようぢゃがの。」
「いいんですか？・・（意味不明だし・・・）」
「いいんぢゃ。いいんぢゃ。では、始めるとしようかの。今回はちと難しいぞ。サンドウィッチをつ、いや、１ページ作ってしまうぞ。覚悟するのぢゃ。」
（小声で）「教授にとってはでしょ？」
「何か言ったかな？」
「い、いえ・・頑張らなくっちゃ！と言ったんです。」
「・・なんか違うような気もするが・・ま、いいぢゃろ。始めるぞ。」
「はーーい。お願いしまーす！」
「では、始めるとするかの。まず、材料と諸注意ぢゃ。」
** 材 料（？） ** |
| ・メモ帳（windowsのぢゃぞ） ・hotmilkフォルダ ・画像データ（gifファイル）１つ〜３つ ・ＢＧＭにしてもいいようなmid又はwavファイル |
** 諸 注 意 ** |
| ・ｈｔｍｌファイル及び画像ファイルは、Ａドライブのｈｏｔｍｉｌｋフォルダに保存するものとして説明する。 ・説明には、画像ファイルの「ａｕ．ｇｉｆ」「ｎｉｋｏｎｉｋｏ．ｇｉｆ」「ｊｉｉ．ｇｉｆ」を使用するが、各自適宜に適当なものを用意して、ファイル名の所ををそれに変更すること。 ・ファイルは全部同じディレクトリに入れること。 ・ＨＴＭＬファイル名は、test1,test2,test3とするが、変えてもＯＫ。 |
「画像データが手元になかったら、ここのページの（勿論、他の所のもっといいのでもよいぞ。）画像データの上でマウスを右クリックして保存してしまえばＯＫぢゃぞ。」
「そうですね。」
「さてと、第１時限で、ちょっと画像を表示させる場合いについて話したが、覚えておるかの？」
「はい！<img src="画像ファイル名" alt=説明>
です。」
「おお！さすが一番弟子ぢゃ。偉い偉い！」
「なんか、バカにしてません？」
「とんでもない！・・（小声で）お互い様ぢゃろ？」
「え？」
「ま、まーとにかく始めるぞ。時間がもったいないからの。」
（小声で）「時間がなくなったのは、教授が寝てたせいでしょうがぁっ？！」
「とにかく、いつまでも漫才しててはなんぢゃから、下のボードを見て実際に入力していってくたまえ。勿論、いつも通り、半角文字での。まー、これをコピーするのが一番手っ取り早いんぢゃが。それと、ボードの文字の色分けは、説明の為ぢゃからの、気にしないことぢゃ。それと空いておる行も見やすいようにぢゃからの。」
ソ ー ス |
| <html> <head> <title>ｈｔｍｌ講座２の１</title> </head> <body bgcolor="#e0ffff" text="#00008b" link="brown" alink="yellow" vlink="green"> <embed src="kannon.mid" hidden="true" autostart="true" loop="-1"> <center> <br><br> <img src="nikoniko.gif" alt=いらっしゃいませ〜！ border=5 width="50" height="50" ><br> <br> <u><b><font size="4" color="blue">ようこそ！ホットミルク講座へ！！</font></b><u><br> <br> ＊ここは、初心者用【ＨＴＭＬ（ホットミルク）】講座のページです。<br> あなたも一緒に簡単なホームページを作ってみませんか？<br> <font size="2">ここを見ながら実際に作ってみましょう！(^-^)</font><br> <br><br> <img src="au.gif" ail=ラインの代用 width="500" height="20"> <br><br> <a href="test2.html"> ここをクリックすると次ページへ＜行くよ</a> <br> <img src="jii.gif" alt=かっこいい教授><a href="test3.html> 教授の挨拶のページ</a> </center> <body> <html> |
表 示 |
|
「<head></head>は構成タグぢゃ。<title>ｈｔｍｌ講座２の１</title>のタイトルは表示されんぞ。それは、ウインドウのタイトルバーに表示されるものなんぢゃ。
タイトルを表示させたかったら、<body>と</body>の間に書くんぢゃぞ。その場合<title></title>は必要なしぢゃ。」
「ああ・・半角のカタカナで書いたら文字化けしたという例のあれね。」
「なんぢゃそりゃ？」
「あったんですよ。葛葉が半角でタイトルつけて・・文字化け騒動。」
「そうぢゃったのか、葛葉のやりそうな事ぢゃわい。わっはっは！」
「うーーむ・・全角文字（日本語）ならいいんぢゃが、ブラウザによっては、対応してないものもあるから、英数字の方がいいぢゃろ。」
「なるほどね・・・。」
「なんか、さっきから態度がおかしいのぉ・・ま、それはそれとしてぢゃ。こうやって話してると説明が長くるからの。そろそろ本領発揮といくか。」
ソ ー ス |
解 説 |
|---|---|
| <embed src="kannon.mid" hidden="true" autostart="true" loop="-1"> | ・mid,wav,auファイル用のタグ ・kannonの所を好きなファイル名にする ・loop="-1"は、エンドレス ・loop="回数"で、鳴らしたい回数を指定 ・hidden="true"の代わりに width="" height=""で値を 入力しておけば、再生操作 パネルが表示される 左のソースでは、ＩＥの時、鳴らない場合(ＰＣ環境？)もあるので、 |
| <center> </center> |
・その２つで挟まれた部分は 画面の中央に表示される |
| border=5 | ・画像の境界線の太さ ・０にすれば表示されない |
| width="50" height="50" | ・画像データの大きさを宣言 ・width：横、height：縦 |
| <u></u> |
・それに挟まれた文字にアンダーラインがつく |
| <b></b> |
・それに挟まれた文字は太字になる |
| <font size="4"
color="blue"> </font> |
・文字の大きさと色を同時に変更 色は、このページを参照 |
| <font size="2"> </font> |
・文字の大きさの変更 |
「まー、こんなところかの？・・ほんにサンドウィッチぢゃろ？」
「・・・ですね。挟まれてばかりで。」
「それでぢゃ、画像タグぢゃが、表示するサイズを宣言すれば、大きさも自由自在という見本ぢゃ。それに、もし大きな画像の場合、先に場所を確保しておいた方が、画面が動く心配がないのぢゃ。」
「画面が動く？」
「そうぢゃ。そのページが表示されるとき、文字の方が早いんぢゃ。で、画像が小さい時はいいんぢゃが、大きいと画像を読み込んだ時、動くんぢゃ。つまりぢゃ、文字とか空間のところに、その画像がぐぐーっと広がってくるわけぢゃ。」
「はあ・・・。」
「分からんかのぉ？」
「分かりますよ。たしか『みぃちゃん探し』の家の家具がそうだったから。そのページが表示されるとき、家具がぐぐっと大きく延びたように感じたから。そのことでしょ？」
「おお！そうぢゃったのか・・さすが葛葉ぢゃな。この講義の事を考えて、例を作っておいたんぢゃな。」
「んなことわざわざするわけないっしょ？多分面倒で画像サイズを入力しなかっただけでしょ？」
「そうかのぉ？」
「そうに決まってますって！」
「いやに説得力のある言い方ぢゃな。まー、確認したい人は、迷いの森にある家へ行ってみてくれたまえ。」
「・・ですけど、なんで私なんです？」
「何がぢゃ？」
「『何が？』じゃないでしょう？何ですか？あのライン代用って？」
「・・ああ、あのラインかの。あれは・・ラインの画像を持ってない人用にぢゃのぉ・・」
「違うでしょ？面白がってでしょ？・・自分は『かっこいい』なんてつけちゃって・・。」
「・・ばれたか・・」
「・・ったく・・もういいです・・ですから、さっさと次へ進んで下さい！」
「言うことと表情が違ってるぞ。」
「お昼になります。」
「お・・そ、そうぢゃな・・では、昼御飯・・・というわけには、いかんぢゃろうの・・？」
「・・・。当たり前です！」
「で、では、今できたソースを保存して、次のベージの作成に入るかの。あ、ファイル名は『test1.html』か『test1.htm』での。」
「・・・。」
「ぢ、ぢゃが・・腹がへったのぉ・・・」
「・・・。仕方ないです。このまま続けても身が入らないでしょうし・・。」
「お？さすがぢゃのぉ。『腹がへっては戦ができぬ。』というからの。」
「・・・３０分で済ませて下さいね。」
「そ、そんなぁ〜・・。」
「時間がないんです！」
「そ、そんなきつく言わんでも・・。」
「き・ょ・う・じゅ・・？！」
「わかったわい・・。ったく、人使いの荒い助手ぢゃ。この仕事が終わったら首にしてやろうかの？」
「どっちが苦労してるんだと思ってるんですか？！」
「・・・・今日の弁当はなんぢゃったかの・・？」
「・・・。」
「予定では画像まで終えるつもりだったのですが、申し訳ありません。これにて第２時限を終了させていただきます。第３時限は、できる限り早く始めたいと思いますので、よろしくお願い致します。」
＜＜ 第３時限に続く ＞＞
| 注意：geocitiesでＨＰ開設してみえる方へ・・ |
|---|
| geocitiesではフォントにＥＵＣを使用しているため、ＨＴＭＬエディタで編集，保存すると
文字化けする方がみえる場合があります。 メモ又はワードパッドで編集して、『ＥＺアップロードツール』でＵＰするか、 一旦ＨＴＭＬエディタで編集したものをメモ、ワードパッドへ 落として（コピーして）から再度ＵＰすると、文字化けはなくなるはずです。お試し下さい。 |
<Special thanks to Name-chan>
