htmlクラス受講3回目

今日もまずは宿題の確認からでした。divを活用して一からサイトを制作するのですが、結構難しくて苦戦しました。そして沢山直しが入りました。。まずはフォルダ名の書き方がルールと違うということ、それから見出しのタグのつけ方が違うこと、<p>でいいところも見出しにしていたこと、そしてdivの使い方が非効率的なこと、等々。。。

授業で分かったつもりでも、いざ自分で一からやってみるとその通りにできなくてもっと勉強しなくてはと思いました。でもすごく分かりやすく教えてもらえたので次からは間違えないようにできると思います!

名称未設定-5a

それから、この前から作っている「ガス燈」のトップページの続きをやりました。

名称未設定-5b

今回の要点は、主に3つあります。
1つ目は、「後に」の処理をするということです。タグナビゲーションを選んでから「→」を押して、タグの外に確実に抜けてから新しい要素を作るようにすることでミスを防ぐことができます。
2つ目は、Google chromeの検証の機能を使うとWebのデザインやCSSを視覚的に確認することができ、Dreamweaverが自動的につけた要らないタグを確認し消去するときなどに便利ということです。
3つ目は、div、p、見出しタグなどに一時的に背景や罫線を加えて、その要素のエリアを確認できるようにするという「見える化」をするということです。

すぐにでも使えるコツばかりなので、早速宿題でも使っていきたいと思います!

Comments are closed.