画面の設計

e-learningの世界

どう使うのか?

コンテンツの形式と活用

資料の分類

シナリオの作成

HTMLエディタとブラウザ

画面の設計

ファイルとデータ

検索とリンク

コンテンツの活用体制

遠隔交流学習

教材サイトリンク集


 

この列には、学習の流れが分かりやすいようにメニューを記述しておきます。

■文字の指定
  表題の文字は、「見出し」を指定しておきます。その他の文字は「指定なし」にしておきます。また、サイズやフォントデザインは、ブラウザの指定によって変わってしまうので、特に指定しません。

■ページの設計

 このページの設計は、表組を基本としています。1行2列の表として、左の列には、教材のページの一覧メニューを記述しておきます。こうすることで、学習者がこの教材の全体像を把握することができ、この後学ぶ順番を知ることができます。

■メニュー項目の表示

 メニューのページmenu.htmlを作成しておき、それぞれリンク指定をしておきます。1、2、3番目のページなど各ページを作成したら、そのメニューのところにmenu.htmlをコピーします。こうすると、各ページを作成するたびに、いちいちリンク指定をする必要がなくなります。

■印刷に対応したサイズ

 このページは、教材として、学習者がプリントすることがあります。そのため、横幅をA4サイズの紙に入るように指定しておきます。
このページの横幅は550に縦の高さは800なっています。