HTML5/CSS3課題作品

職業訓練校「LaLaメイツ」のWebシステムプログラミングコースにてまず1番目にHTML5/CSS3のみを 使った課題作品を作成。JavaScript等は一切使わず画像スライドギャラリーや画像コンテンツの 切り替え表示、アニメーション等、動的表現も実現。題材は地元の伊丹市の梅のウィルス問題を取り上げた Webサイトとしました。
当初、画面右のaside関連情報画面は各ページ毎に切り替える固定版で作成しましたが、最終的にiframeを 使ってプルダウンメニューによりいずれのページからでも切り替え表示できる可変版としました。 タイトル文字ロゴはSVGを使用。タイトル背景の共通トップイメージはクリックスライド式表示。

■Webサイト「伊丹の梅の木はどこに行った？」HTML5/CSS3のみ(JavaScript使用なし)版