学校公式サイトのヘッダー決定!

3年次の「情報」選択授業にて、学校公式サイトのヘッダーを制作しました。

Webページのレイアウトを考える際、ざっくりと以下の4つの領域に分けることができます。

・「ヘッダー」領域・・そのWebページが何のページなのかを示す領域
・「ナビゲーション」領域・・・Webサイト内でページを移動するためのメニューなどを示す領域
・「コンテンツ」領域・・・主となる情報を掲載する領域
・「フッター」領域・・・問合せ先などメインコンテンツを補足する領域

本校の公式ブログでいうと、下記の図の部分がヘッダーです。

webheader

・芦屋高校のサイトにふさわしいか?
(学校名や雰囲気が伝わるものになっているか)
・Webヘッダーとして見やすいか?
(文字・配色・構成力)
・アイキャッチ画像になっているか?
(目をひきつけるための工夫がされているか?)

といった点に留意し、17名の生徒たちが思い思いのヘッダーを制作しました。

制作にあたっては、無料の画像編集ソフト「GIMP」を使用しました。
全員がはじめて「GIMP」を使用するということもあり、最初は「レイヤー」という概念や「GIMP」の操作にかなり苦戦しましたが、最後にはそれぞれ満足のいく作品に仕上がりました。

この授業では、制作したものは相互評価します。
今回は学校公式サイトのヘッダーに最もふさわしいと思うものも投票しました。
結果、ある作品が圧倒的票数で選ばれました。

芦高生が制作し、芦高生が選んだヘッダー。
どの作品が選ばれたかはリニューアルされた本校公式サイトでご覧ください。(近日中にリニューアル予定です。お楽しみに!)

文責:授業担当者