webサイト制作の勉強|2017月7月クラスブログ

webサイト制作の勉強に関する解説ブログです。

第1回実技試験

f:id:yachin29:20170810015813p:plain


今回の制作の仕様

  1. header要素の幅960px高さは350px
  2. header画像は自身で制作し、「CAFE de FELICA」の文字を画像に入れる
  3. h1はテキストを挿入し、cssで隠す
  4. ボタンは4つを均等の幅で設置し、高さは50px
  5. コンテント要素の幅650px 高さ500px
  6. フッター要素の高さ50px
  7. コンテント要素内の文章は回り込みをさせる
  8. 各要素の空き・色は適宜
  9. ナビゲーションボタンをホバーした際に文字色と背景色が変わるように
  10. cssファイルは外部リンクでリンクさせる事

使用するテキスト

CAFE de FELICA


毎日食べたい、おうちみたいなごはんやおやつ

CAFE de FELICAは、あなたのもうひとつの「おうち」になりたいごはんやさんです。
毎日食べたくなるような、どこかホッとするごはんにおやつ、飲みものを揃えて、ゆっくりくつろげる空間でお迎えします。
気軽なおひるごはんに、お茶の時間に、会社帰りの晩ごはんに、
「ただいま」を心よりお待ちしています。ただいま、夏限定のメニューを多数ご用意しております。
ぜひお越しください。

コピーライトマーク CAFE de FELICA


使用する画像
f:id:yachin29:20170810020015j:plain

header画像は自身で用意する事(サイズ960px X 350px)