超初心者のための 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 コンテストにチャレンジしよう

全国中学高校 Web コンテストには、他の制作コンテストと少し違う要求があります。作品が見た目に凝っているだけでは足りず、読み手の役に立つ「教材」の形に構成・表現されていること、そして仲間と徹底的に考え抜くチーム制作であることです。本書はこのコンテストで求められる水準の Web 教材づくりの手引書として、永野和男氏と学校インターネット教育推進協会の編著により、日本能率協会マネジメントセンターから 2020 年 12 月に刊行されました。

進め方は現実的です。冒頭の基礎講座で Web ページの基礎知識を押さえたら、第 1 章では HTML エディタの使い方を覚え、白紙から書くのではなくテンプレートを修正しながら自分のページを仕上げていきます。第 2 章でよく使う CSS プロパティや画像・動画の表示といった「あると便利な知識」を補い、第 3 章がこの本の核心で、テーマ決めと役割分担、ページの統合、完成後の発信というチーム制作の工程を扱います。第 4 章ではリストを使った装飾やナビゲーションメニューの調整へ進み、巻頭には指導にあたるコーチやリーダーへ向けた案内も置かれています。

読者として想定されるのは、コンテスト出場を考える中高生と、それを指導する教員や大人です。 HTML と CSS の技術入門であると同時に、伝える立場に立って何をどう表現するかを考えさせる探究・協調学習の教科書でもあり、授業や部活動の教材として使える体裁になっています。技術の習得と探究学習を一度に、という欲張りな狙いを、無理のない手順に落とし込んだ実践的な講座です。