1年生>マークアップ言語

マークアップ言語

課題

「私の好きな本」をテーマに、画像は使わずHTMLとCSSのテキストのみでウェブページのデザイン・コーディングをする。


HTMLとCSSの役割を理解し、それらを使った情報の整理方法や使い方を実際に書いてもらいながら習熟してもらう授業です。今回の選抜作品はテキストのみという制約の中で、CSSでの装飾を工夫して上手く自分の好きな本のイメージを表現出来ているものを選びました。

担当教員 門司菜実

夢十夜
夢十夜
夢十夜

夢十夜

壬生みのり

夏目漱石の夢十夜を紹介するサイトです。作品独自の世界観を崩さぬよう、配色とコンテンツの配置に考慮して制作しました。

うるうのもり
うるうのもり
うるうのもり

うるうのもり

増川詩織

絵本「うるうのもり」をHTMLとCSSを使用し紹介した作品です。作品のゆったりとした雰囲気や書籍という媒体のページをめくるという動作を感じ取ってもらうために文字と文字の間を広く取りました。ベースカラーは本の装丁と近い色を再現しています。

わにわにのごちそう
わにわにのごちそう
わにわにのごちそう

わにわにのごちそう

高岡巧洋

わにわにのごちそう(幼児絵本シリーズ)の紹介ホームページです。暖かい家庭的なイメージから全体の色味を暖色系にまとめました。本編を確認する前にこの絵本の雰囲気がわかるように、あらすじを絵本と同じような語り口にしました。