超初心者のための Web 作成特別講座

「全国中学高校 Web コンテスト」は、制作物が誰かの役に立つ「教材」として構成・表現された内容であることが求められ、「伝える立場に立ち、何をどう表現するか、仲間とともに徹底的に考える」探究・協調学習として生徒たちに深い学びをもたらす点に大きな特徴があります。 本書は、本コンテストで要求されるレベルの Web 教材制作のための手引書であり、初めて Web 制作に取り組む人や、チームでの Web 制作プロジェクトに取り組む人に最適な入門書です。本書を通じ、プログラミングの前提となる HTML ・ CSS などの Web 制作の基礎知識と、本コンテストで要求される構成力・表現力、および問題解決力・コミュニケーション力が身に付きます。 はじめに 指導にあたるコーチ・リーダーの方へ 基礎講座 Web ページの基礎知識 第 1 章 自分の Web ページを作成してみよう 個人学習をスタートする前に 1-1 HTML エディタの使い方を覚えよう 1-2 テンプレートを修正する 1-3 ページのデザインを変更しよう 1-4 表現を工夫して myWeb ページを仕上げよう 第 2 章 あると便利な知識 2-1 テンプレートに書かれていることを知っておこう 資料 よく使う CSS プロパティ 2-2 写真・画像・動画などの表示を知っておこう 第 3 章 チームで分担・協力して 1 つの作品を作ろう チーム学習をスタートする前に 3-1 テーマを決めて役割分担をしよう 3-2 Web ページを 1 つにまとめよう 3-3 完成した Web ページを発信しよう 第 4 章 あると便利な知識 2 4-1 リストを使った装飾方法を知っておこう 4-2 ナビゲーションメニューのカスタマイズ方法を知っておこう 4-3 CSS の指定と CSS の有効性を知っておこう 4-4 Web ページ作成を支援するツールを知っておこう 参考 1.リファレンス一覧 参考 2.「チーム学習のための HTML エディタ」のテンプレートの HTML 付録 Web コンテストにチャレンジしよう