WebPage発射台(初心者の、初心者による、初心者のためのWebPage作り講座)
WebPage発射台・壱弐参(いち・に・さん)一つ一つ基本を確実に知りたい方の為の目次
年間を通してつけたい力
関心・態度
工夫・創造
技能
<html> <head> </head> <body> </body> </html> |
学ぶべき基本の五つのタグ
知識
![]() |
今いるページにはブラウザの「←戻る」を使って、もどってきて下さい。![]() |
2006年版、中学校技術・家庭科 情報基礎 WebPageを作ろう(全17時間)学習計画
月日 | # | 学習内容 | 態度 | 工夫 | 技能 | 知識 |
年間通じて | 紙と鉛筆で書く書類を大切に保存しよう。 | WebPage作りは奥が深い。参考書やインターネット上で新しい技や応用技を探してみよう | 作品を充実させよう。 | 基本タグをおぼえよう。 | ||
1 | オリエンテーション | 学習の大まかな流れを知ろう。 | ![]() |
|||
4月 | 2 |
|
学習したタグを鉛筆で記録しよう | もらってきた「mypage_kihon=3xxx」をブラウザで閲覧(開いてみよう)![]() エディタで編集をしてみよう(ソースを見て改造する ![]() まずは文字を打とう ![]() |
||
5月 | 3 | 改行しよう 文字サイズを変えてみよう 文字色を変えてみよう |
サイズと文字色の組み合わせ(続)![]() 強調文字 ![]() |
日本語入力←→hankaku_abc_123の文字の入力の切り替え![]() ![]() 文字をタグで囲むという考え方 |
改行![]() |
|
6月![]() |
4 | 画像を貼り付けよう | 画像の大きさを変える。![]() |
画像をimgフォルダに入れる 画像を加工する 画像を作品に貼り付ける |
作品に画像を貼り付けるタグ![]() |
|
5 | 新しいページを加えよう。 | ページにリンクを貼り付け![]() |
||||
6 | ページの体裁を整えよう 背景画像 ![]() ![]() |
|||||
7 | ||||||
8 | ||||||
9 | ||||||
10 | ||||||
11 | ||||||
12 | ||||||
13 | ||||||
14 | ||||||
15 | ||||||
16 | ||||||
17 | ||||||
Last update Jul.3,2006