超初心者のための 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 ページを作る人が、HTML と CSS の基礎から、仲間と分担して 1 つの作品を仕上げるところまでを一冊で進めるための入門書です。『超初心者のための Web 作成特別講座』 (永野 和男 編著、望月 なを子、小川 布志香、学校インターネット教育推進協会 著、日本能率協会マネジメントセンター、2020 年 12 月発売) は、国立国会図書館の書誌では「全国中学高校 Web コンテスト認定教科書」という副題で登録されています。版元の紹介文によると、このコンテストは制作物が誰かの役に立つ教材として構成、表現されていることを求めるもので、本書はそこで要求される水準の Web 教材制作のための手引書と位置づけられています。対象として挙げられているのは、初めて Web 制作に取り組む人と、チームでの Web 制作プロジェクトに取り組む人です。

刊行時の著者紹介では、編著者の永野 和男 氏は聖心女子大学の名誉教授で、教育工学を基盤に学習支援ネットワークシステムや情報教育カリキュラムの開発に携わってきたと紹介されています。共著の学校インターネット教育推進協会は、「全国中学高校 Web コンテスト」の開催などを行う団体です。

基礎講座と全 4 章、個人学習から参考資料まで

本文は、指導にあたるコーチやリーダーに向けた「はじめに」と、Web ページの基礎知識を扱う基礎講座から始まります。第 1 章「自分の Web ページを作成してみよう」は個人学習の章で、HTML エディターの使い方を覚えたあと、テンプレートを修正し、ページのデザインを変え、表現を工夫して自分のページを仕上げる 4 節で進みます。第 2 章「あると便利な知識」は、テンプレートに書かれている内容の読み方、よく使う CSS プロパティの資料、写真や画像、動画の表示を補います。第 3 章「チームで分担・協力して 1 つの作品を作ろう」はチーム学習の章で、テーマ決めと役割分担、Web ページを 1 つにまとめる作業、完成した作品の発信を扱います。第 4 章「あると便利な知識 2」は、リストを使った装飾、ナビゲーションメニューのカスタマイズ、CSS の指定と有効性、Web ページ作成を支援するツールの 4 節です。巻末にはリファレンス一覧と、本書で使う HTML エディターのテンプレートの HTML が参考資料として付き、付録はコンテストへの挑戦の案内です。

構造と見た目を分ける考え方と、テンプレートから入る学び方

Web ページは、文書の骨組みを示す HTML と、色や配置、装飾を決める CSS の 2 つの言語で組み立てます。見出しや段落、リストといった構造を HTML で正しく書いておけば、見た目は CSS の側だけを変えて整えられるため、複数人でページを作るときも見た目の統一を CSS に任せられます。同じ要素に複数の指定が当たったときに、どの指定が効くかは指定の順序や書き方で決まります。白紙からタグを書くのではなく、動いているテンプレートを書き換えて結果を確かめる進め方では、何を変えると何が変わるかを小さな単位で確かめられます。

各自が作ったページを 1 つのサイトにまとめるには、ファイル名やフォルダーの置き場所、ページ同士のリンクの張り方、共通の見た目をどう揃えるかを先に決めておく必要があります。第 3 章の節は、テーマ決めと役割分担、ページの統合、完成した作品の発信です。

版元が挙げる対象と、目次に無い範囲

版元は、初めて Web 制作に取り組む人と、チームでの Web 制作プロジェクトに取り組む人を対象に挙げています。冒頭にコーチやリーダー向けの「はじめに」、巻末にリファレンス一覧があります。目次に JavaScript やサーバー側の仕組みを扱う章は無く、その先の本は HTML と CSS の入門書を選ぶ順番 が扱います。また 2020 年の刊行なので、ツールや画面はその後に変わっている可能性があります。