イケメン共よメシを喰え 紹介ページ

Edit

0 likes

180 views

0 members

ABOUT

授業名:マークアップ言語
担当教員:門司菜実

<授業概要>

HTML/CSS の基礎的な使い方をテキストエディタで実際に書きながら学んでいく。
階層構造などのベーシックな部分や、HTML/CSS のコーディングを良く使うコード
から紹介する中で、一緒に HTML ファイル内 のマークアップやCSSによる
装飾・レイアウト方法などを練習する。
最終課題は画像は使わず、テキストのみを使ってHTML/CSSでコードを重視した
シングルページの制作を行う。

課題内容は「自分の好きな本をテキストのみで紹介するウェブページを制作する」

<コンセプト>

原作のインパクトが伝わるスッキリとしたウェブページ

●選んだ本
『イケメン共よメシを喰え』
著:東田基

●なぜこの本にしたのか
蛍光カラーを差し色とした装丁・勢いのあるストーリーがとても気に入っていて、
迫力のあるウェブページを制作したかったため

<見どころ>
・ページを開いた時大きく目に飛び込む大迫力のタイトル
・原作の装丁の差し色である蛍光イエローを全体的なイメージカラーとし、
 元気のある印象にした
・原作の装丁で使われている明朝体に近いフォントを選び、スタイルを合わせた
・楽しんで読めるような文章
・ポップだが切れ味のある現代的なウェブページ

<制作を通して>

HTML/CSSを初めて扱い、自分のイメージをデジタルで表現する難しさと同時に
経験したことのないパズルを組み立てていくような楽しさを感じた。
 思うように配置されず、頭を悩ませた部分も数多くあったが、最終的は魅力の
伝わるページを作ることができたので良かった。
 アナログとは反対に、パソコンの中でこそ伝えられる魅力や雰囲気もたくさん
あるので今回の制作をバネとして次へ活かしていきたい。

<今後より良いものにするために>

スクロールの幅を短くする。
また、人物紹介なども追加して盛り上げたい。

CREDITS

0 COMMENTS

Comment