- ベストアンサー
初級者が超初心者にHTMLを教えることに・・・
私、HTMLはホンのちょっとかじる程度です。 普段はエディタを使用して大まかにページを作り、細部をタグで調整するやり方で作っています。 ところが今度、超～初心者、しかもおじちゃま、おばちゃま（中にはおばあちゃまも？）複数名にHTMLを説明しなければならないことになりました。他にいなかったんです。 入力はまあなんとかできるようですけど、普段はWordもやっとやっとの皆さまだとか・・・。しかも私も習いたいぐらいなのに・・。 自分のことは何とか自分で勉強するとして、質問は超～初心者にHTMLを説明するにあたって、適切な順序のことです。 何事にも基礎が大事とあるように、やはり教えてもらう側から見たときに覚えやすい順番ってあると思うんですね。 まずはブラウザやインターネットなどの用語の説明、HTML概念から入りタグに移るつもりですが、付け加えたほうがいいことなどありますか？ またタグは何から順番にどのぐらい教えていけばいいでしょう？ 期間は１週間、時間にして３０時間程度あります（長い・・・）
- HTML
- 回答数9
- ありがとう数4
- みんなの回答 （9）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (8)
- yanmaa
- ベストアンサー率45% (207/457)
タグを叩いてHTMLを作成するという事で５日間１日６時間コースという事ならばフォーム、スタイルシートとスクリプトは外しますね。 時間割は大体１時間を目安にし、１０分程度の休憩をはさみ、午前３時間、午後３時間とします。 また、午前、午後に最低１回ずつ、実技を入れる事をお勧めします。聞いているだけでは身につきません。(簡単な問題を用意) ＃本当は休憩前に課題を出し、出来た人から休憩に入るが良いと思います。 １日目 午前：HTML基本講座(講義のアジェンダ含む) ここでは実技なし 午後：HTML用語と基本タグ(<HTML><BODY><P><BR>) 最初に今回の講義で最終的に目指すページを紹介して進めたら良いと思います。 ２日目 午前：文字飾り(<FONT>…) 午後：テーブル(<TABLE><TR><TD>) ３日目 午前：段落(<LI><LO>)、画像(SRC) 午後：リンク(<HREF>)、フレーム ４日目 午前：お決まりタグ(最初の行から<BODY>の間含めるべきタグ) <!DOCTYPE…> <TITLE> <META http-equiv=Content-Type content="text/html; charset=Shift_JIS"> 午後：その他(<HR><FORM>←参考) ５日目 午前：サーバアップロード 午後：総復習(ページサンプル通りに作らせる) なお、３０分～１時間程度の実技時間を含めるとこの程度が限界ではないですか？本当は最終日は総復習に当てたいところですね。 実技に関しては解答はしておく必要があります。 なお初日に簡単なタグ一覧とHTMLの作成方法を教えておいて、復習できるようにしておけば良いかなと思います。 本当はこの程度は２日コースでもいいかもしれませんが、初心者相手ですからゆっくりとしたペースになりますので詰め込まないようにしましょう。
お礼
具体的スケジュールありがとうございます！ できれば実技の時間を多くとりたい（説明2割、実技8割ぐらいで）と思っています。説明を長く出来るほど私も知らないので（苦笑）
- nico_chan
- ベストアンサー率40% (20/49)
テキストは使われていますか？ 私は、ナツメ社の「ＨＴＭＬタグリファレンス」を使ってます。 やりたいことをカテゴリごとに分類し、表示例やIEとNNでも違いも載せてあり便利です。 （ナツメ社の「HTMLハンドブック」もわかりやすいそうです） 生徒さんに買ってもらって、使ってもらったらどうでしょう。
お礼
ありがとうございます。書店で探してみます。
- kabaka99
- ベストアンサー率35% (105/295)
私もHTMLを勉強中で、neiさんと同じく、フリーのエディターで基本ページをつくり、対応していない部分にタグを書き加えています。 なので、お気持ちはよぉくわかります。同類のたわごととしてお聞き下さい。 相手が超初心者であれ、なんであれ、自分が経験していない事を教えるのは無理があると思います。ですから、neiさんがたどってきた道をそのまま相手に伝えれば良いのではないのでしょうか。詳細な状況が分からないので、もしかしたら不可能かもしれませんが、最初にどうどうと自分をさらけだして、「学校で勉強してきたわけじゃないけれども、皆さんよりは多少HTMLを知っているつもりなので、それをお伝えします。この１週間で私を追いぬく意気込みで頑張りましょう」とでも紹介したらいかがでしょ？ ちなみにもし、自分が同じ立場に置かれたとしたら、まず最初にHTMLとインターネットの基本を紹介します。以外とみなさん勘違いしていることが多いので、用語やそのなりたち、使われ方の実例などを示します。このときに実際にホームページを見たりして、どのようなイメージのページを作りたいか整理しておきます。 その次からは、いよいよHTML作成に入ります。ホームページつくりを商売とする人でもなければ、エディターで十分ですから、まずエディターから始めます。作りかたは他の方が言われているように、まず文章だけ。次にテーブル。次に画像貼り付け。最後にリンクでしょうか。 このエディターでつくり、ブラウザーで映し出した自分のHTMLファイルを「ソース」表示させて、タグがどのような役割を果たしているのかを順番に理解してもらいます。 同じことの繰り返しで、徐々にレベルアップさせていき、最終日にできる限りそれぞれのイメージに近いHTMLファイルができあがるように誘導します。 もし、それでは物足りない、という人が出れば、タグの一覧を渡しておいて、どんどん先に進んでもらえばよいと思います。 参考ページはご存知だと思いますが、下記のページをご紹介します。
補足
前の回答補足にもあるように、エディタを使うことは許されません。 私はタグを使ってやるように依頼（指示）されているのですから。
- D-onk
- ベストアンサー率10% (3/29)
こんにちは！ 私自身も独学でHTML知識を取得しました。 その時の考え方と教える時の考え方は同じで、 言語と例えの、 イメージ作りがわかりやすいかと・・・ <head>=頭 頭の下に <body>=体がある <img src>イメージ サーチ＝画像を探す などなど英語、日本語をイメージ作りをしてみたら いかがでしょうか？
お礼
そうですね。わかりやすそうですね。 私も結構なんでも独学派なんですけど、独学やってると体系的にものごとをとらえるのが苦手になるというか。自分のわかりやすいようにやっちゃうから基本からずれていたり、総合的なものの見方に弱くなることってないですか？それで困っているんですよ^_^; 本も読んでみないといけませんね～。
- natural
- ベストアンサー率37% (419/1115)
以下は、私が初心者にプログラムを教えるときによく使っていた手ですが、タグの説明に置き換えてみました。 1.なるべくシンプルな、最小単位の、何も表示しないものを組んでみせる。 例えばHTMLなら、 <HTML> <HEAD> </HEAD> <BODY> </BODY> </HTML> といった感じです。 これを保存してブラウザで見ても何も出ませんよね。 それを確認した上で、BODYタグやHEADタグの役割だけを説明しておきます。 2.少しずつ内容を書き足していき、その変化の確認と共に、新しい部分の説明を行う。 例えば、上記にTITLEタグとタイトルを書き足してあげれば、ブラウザで確認したときにタイトルが現れますし、BODYタグ部分に文章を入れてあげれば本文が表示されますよね。 こんな風に少しずつ足していき、その都度目視確認と説明を入れてあげれば判りやすいと思います。 3.ページが完成したら、確認の意味を込めて生徒さんに各タグの機能を質問し、締めくくりに再度簡単な説明を行う。 尚、ここまでの過程で行う作業は、生徒さんにも実際にやってもらった方が身に付くはずです。（聞いてるのと実際に行うのでは理解度が違いますから） それから、ポイントとして、完成イメージのページには全てのタグが含まれているか、または複数のページになったとしても併せて全てのタグを網羅していなければいけません。 また、これを考えながら進めていくと、混乱や抜けの元になりますから、最初にきちんと完成ページを設計しておかなければなりません。 でも、それさえきちんとしておけば、その後の進行は大分楽になるはずです。 これはあくまでも私のスタイルですので、お好みに合うかどうか判りませんが、もし興味を持たれたらご検討なさってみて下さい。(^_^) ＃ちょっと気になったのですが、30時間には生徒さん自身のホームページを ＃作成する時間は含まれているのでしょうか。 ＃もしそうなら逆に足りない気がするのですが…。(^^; ＃それに、そもそも30時間って、意外と短いものですよ。 ＃余程綿密に時間割を組み立てておかないと厳しいかもしれませんね。(^_^; ＃（不慣れな頃、私は時間配分を失敗して、講義時間が延びてしまったこと ＃があります）
補足
30時間には生徒さん自身のホームページを作成する時間は含まれているのでしょうか。 はい、入っています。レベルとしては画像、テーブルまでと考え、TOP含めて5枚程度のページを作成してもらいたいと思っています。 短いですかねぇ。私は1週間もどーせーっちゅうねん！って感じでかなりまいっているんですけど・・・^_^;
- nico_chan
- ベストアンサー率40% (20/49)
初心者相手だったら、タグなど見せず（教えず）、すべてＨＰエディタでやっちゃうようにすればいいと思います。 たとえば、ＦｒｏｎｔＰａｇｅを使って、編集し、アップロードする。 ＦｒｏｎｔＰａｇｅだったら、ワープロ感覚で編集でき、ｆｔｐソフトを使わずアップロードできるんじゃないでしょうか。 あとは、アップロードしたＨＰ表示する方法を教えればＯＫじゃないかな。 初心者には難しいこと（タグとか）を教えちゃあいけないと思います。
補足
それがそういう趣旨（タグを使うという趣旨）のものなので、仕方がないのです。どうしてもタグでやらなくちゃならないのです。
- ranran21
- ベストアンサー率29% (84/281)
タグは 文字の制御 （色、サイズの変更） 画像の貼り付け方 リンクの貼りかた 背景の設定 テーブルタグ ・・・くらいが妥当ではないでしょうか。 初心者向けのHTML本をみてみるのも順番を決めるのに 参考になると思いますよ(*^-^*)
補足
私もそんなところかな～とは思っていたんですけどなにせ１週間・・・（長い）間が持つかな～と思ってまして。
お礼
なるほど。発表する楽しみ！これは重要そうですね～。 スケジュールも細かくて参考になります。 6日目以降は・・・ん～無理かも。