津山高専 情報工学科 学科紹介用ウェブページ

津山高専の公式ウェブサイト内にある情報工学科を紹介するウェブページ制作

初めて触るHTML5・jQuery

HTML5の存在自体は前々から知っていたのですが,まだまだ自分は触ったことのない技術でした。このウェブサイトを作るにあたり「折角なのでHTML5使えばいいじゃん」ということで作ったのがこのサイトです。

グリッドシステムを使ったのもことの気が初めて。

意図しているものとは違う…

このとき作ったページは現在も使われています。しかしながらレイアウトが崩れていたり文字化けをしているページがあったりします。

これには深い理由があり,学生はサーバの内容を書き換える権利が無いので完成したウェブサイトのデータを先生に渡すことでアップロードしてもらいます。当初ローカル環境では文字コードをUTF-8にしていたのですが,FTPでアップロードする際に文字コードを変換してアップロードされたためShiftJISに変更されている模様です。

他にもPHPやCGIが利用できない津山高専のウェブサーバの事情の中,更新作業を簡単にするために,jQueryを使ってヘッダーやサイドバーを同期するようにしたのですが,これも先生の環境で動かないという謎の理由で削除。固定HTMLに。

なので私が意図していたものとは動きが全く違うウェブページになってしまっています。