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

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

第1回実技試験

f:id:yachin29:20180315012443p:plain


今回の制作の仕様

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


使用するテキスト

CAFE de FELICA


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

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

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


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

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