今日のワーク
実践！ウェブサイトを作ろう
#01 ウェブサイトを制作していこう (02:59)
完成版の確認
作業用フォルダの説明
index.htmlの作成
styles.cssの作成
#02 ヘッダーのマークアップをしていこう (02:53)
headerのマークアップ
スタイルの設定
#03 ボタンのスタイルを整えよう (02:45)
marginの調整
ボタンの作成
補足動画
生徒さんが躓きやすかったポイントやわかりにくい部分を補足しております。全て理解できた場合でも参考になるものもあると思うので見てみてください。
#1
素材やコード準備の流れ補足
画面分割方法
コード解説
#2
headerタグについて
#3
ボタンデザインの補足説明
opacityは透明にするプロパティで、 opacity: 1.0;のように書きます。
1.0=透明感ゼロ 0.5=透明50% 0.5の.は,などによく間違えやすいので注意ください。