このサイトについて
本校のホームページは，「レスポンシブWebデザイン」という制作手法で作られています。
■【レスポンシブWebデザイン】とは
ＰＣ，タブレット，スマートフォンといった画面サイズの異なる各デバイスに対して，ＰＣではＰＣに，タブレットではタブレットに，そしてスマートフォンではスマートフォンに最適化されたレイアウトで表示されるサイトを実現するための制作手法の１つです。米国のデザイナーである Ethan Marcotte氏が考案し，２０１０年５月に発表したのがはじまりです。
「レスポンシブWebデザイン」の最大の特徴は以下の２点です。
- ◎画面サイズ（横幅）を基準にして，異なるレイアウトの切り替えを行う。
- ◎各デバイスに最適化されたレイアウトを，１つのＨＴＭＬで実現できる。
「レスポンシブWebデザイン」で制作されたページは，ＰＣ，タブレット，スマートフォンといったデバイスの画面の横幅の違いにより，また，ＰＣにおいてはブラウザのウインドウの横幅を変更することにより，自動的にレイアウトが変わり，各デバイスに最適化された画面を表示します。
同じタブレット，スマートフォンでも，縦位置で見る時と横位置で見る時とでは，レイアウトが変わる場合があります。
「レスポンシブWebデザイン」では，横方向へのスクロールは必要ありません。従って基本的には横方向のスクロールバーは表示されません。
表示をシュミレータで見る
※このシュミレータは，ＰＣでタブレットやスマートフォンの表示を確認するためのものです。
※古いバージョンのブラウザでは，正しく表示されないことがあります。
■本校では
近年，従来の携帯電話に代わってタブレットやスマートフォンが急速に普及してきました。
本校では，地域や保護者並びに同窓生の皆様に生徒の日頃の活動の様子や学校の情報をパソコンだけでなく，タブレットやスマートフォンでもストレスなく手軽にご覧いただきたいと考えて，「レスポンシブWebデザイン」のホームページにリニューアルしました。
■制作情報
このホームページは，現在W3Cにおいて策定中の「ＨＴＭＬ５」と「ＣＳＳ３」の規格によって作成されています。それは，現在の多くのタブレットやスマートフォン及びブラウザが，この最新の規格に準拠してきているからです。
しかし，中にはこの規格に準拠していないデバイスも存在しています。
特定の機種やブラウザ，あるいはブラウザのバージョンによっては，期待されるレイアウトに正しく表示されない場合もあります。特にバージョン８以前のＩＥ(インターネット・エクスプローラー）では，レイアウトがくずれる場合があります。この点については，ご容赦いただきたいと思います。
可能な限り，ブラウザは最新のバージョンでご覧ください。
このホームページは，次のサイトの無料テンプレートの No.39 を元にして作成しています。
このテンプレートは，テンプレート最下部にある「無料ホームページテンプレート.com」へのリンク（クレジット表記）を外さないことで無料使用が認められていますが，シリアルキーを購入すると外すことも可能です。
本校では，「無料ホームページテンプレート.com 」よりシリアルキーを購入し，クレジット表記を外しています。このシリアルキーは，各ページのHTML最下部に埋め込まれています。（画面には表示されません。）
