デジタル教材に使用する素材について〜Webページ作成の基礎〜

本サイトでは、学習者が知識やノウハウを身につけるための展開方法について解説しました。
ただ、Web教材の作成方法そのものをまだ十分、理解していない人もいらっしゃると思います。
そこで、「超初心者のためのWeb作成特別講座」をご紹介したいと思います。

超初心者のためのWeb作成特別講座 http://jnk4.info/WebSchooL/newTQ/

この講座は、中高生が自分たちに必要な教材ページを作るというコンテストを20年間、行ってきた団体、非営利活動法人学校インタ ーネット教育推進協会の理事長、永野和男氏(聖心女子大学名誉教授)が制作したものです。

全6回の講座の内容は以下となっています。
Webページの構成や、使用するテキストや写真などの処理方法まで、分かりやすく解説されていますので、ぜひ参考にしていただけれ ばと思います。

第1回 はじめに
・page1.htmlを見る
・page1.htmlの中身
・写真サイズや位置の変更
・テキスト内容の変更と確認
第2回 色を変更しよう
・HTMLファイルの修正と確認
・写真縮小のアプリ
・ページの色を変えてみよう
第3回 分担・協力して1つの作品を作ろう
・テーマを決める
・章の構成や表題を考える
・役割分担を決める
・著作権のルールを守る
・ページを作成する
・ページをまとめる
第4回 スタイルシートの意味に
・ページリンクの方法
・〔メインメニュー〕でもハイパーリンク
・タグへのスタイル設定
・任意の名前のスタイルと<div class=“名前”>
・少し高度なスタイル
第5回 webページを1つにまとめよう
・ページのまとめ方
・メインメニューを同じにする
・サイトマップを作る
・全体構成を確認し、改善点を話し合う
・表紙を作成する
最終回 webコンテストの応募にチャレンジしよう
・全国中学高校Webコンテストとは
・効果的な表現のために(テンプレートのカスタマイズ)
・背景色を変える
・線の太さと色を変える
・1つのコラムに、複数個の画像を入れる
・図や表を加える
・動画を加える
中高生が作った優秀な教材ページ
全国中学高校Webコンテスト(旧名:シンククエスト)では、文部科学大臣、総務大臣、経済産業大臣の各賞の受賞作品を含む、 優秀なWeb教材をライブラリとして公開しています。教材ページの作り方と共に、児童生徒に必要と中高生が考えるテーマの選定 等について、参考にしてくださればと思います。
http://webcon.japias.jp/page-library.html
トップページに戻る