HTML&CSS 学習のための E-Learning システムの構築 An E-Learning System for HTML ＆ CSS

1. 2013年度卒業研究 HTML&CSS学習のためのE-Learningシステムの構築An E-Learning System for HTML＆CSS 奥平研究室 1032241楊　涛 システムの特徴 研究背景 • ウェブサイトはインターネットとソフトウェアの普及に伴い，だれでも簡単に運用できるようになってきた． • ウェブページ作成の中はHTMLとCSSを組み合わせることが主流になってきている． • しかし，HTMLとCSSを理解できるように学習することは容易とは言い難い． ブラウザイメージが表示さる マウスを図の上におく メニューの内容が全体に表示される 研究目的 マウスをメニューバーにおく • ウェブページ作成に関する基礎知識を初心者がブラウザ上で簡単に学習できるシステムを構築する． • このE-Learningを学ぶことによって構築できる完成イメージを提示し，段階的にHTMLとCSSを用いたウェブページ作成方法を身につけさせる． グリーンのトップに戻るボタンを押すと，ページの途中からトップに戻ることができる 学習項目 • マウスを説明文中のソースリストにおくと，ブラウザイメージが表示される． • マウスをブラウザの右側のメニューバーにおくと，メニューの内容が動的に表示される． • 説明文中にトップに戻るボタンを配置しており，ページの途中からトップに戻り，別の学習項目を選択することができる． Part 1Webページの制作 Part 2 HTMLの基礎知識 Part 3 要素の記述 Part 4 画像の挿入とリンクの設定 Part 5　表の作成 Part 6 HTMLファイルの編集 Part 7 HTMLをXHTMLに編集 Part 8 CSSの基礎知識 Part 9 CSSファイルの作成と関連付け Part 11 特定の場所にスタイルを適用する Part 12 事例と用語の一覧 実験と評価 • 被験者5名を対象としてアンケート評価を行なった． • 「サイトデザイン」，「使いやすさ」，および「説明文の理解やすさ」は良い評価を得ることができた．特に「文字の見やすさ」については概ね高評価を得ることができた．また，総合的にも良い評価を得ることができた． 今後の課題 • 実験結果をもとに理解度の向上のための学習内容を充実し，および機能の追加と向上などのシステムを修正する必要がある． • 本システムは右のURLから利用できる．http://vg.okd-lab.net/s/2013/e/HTMLCSS/