Monthly Archives: 5月 2016

HTMLコーダー養成クラス

htmlクラス受講3回目

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

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

名称未設定-5a

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

名称未設定-5b

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

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

HTMLコーダー養成クラス

htmlクラス受講2回目

今日はまず宿題のチェックをしてもらい、違っている箇所の直しや、宿題をする中で出てきた疑問点についての質問をしました。細かなことや、前回習ったことを再度質問してしまっても、親切に教えていただけてありがたかったです。

その後、divというhtmlタグについての説明を受け、実際にdivを使ってサイトの作成をしていきました。Illustratorでデザインされたサイトの見本を元にWebサイトにおこしていくという、実務さながらの作業を経験できたのが良かったです。

名称未設定-4a

divの使い方はもちろんのこと、text-align:centerとmargin:0 autoの違いや、font-size、line-heightのよく使用する値について、また細かいことではwidthの読み方まで、実務で役立つことを色々と教えていただけました。
また、spanというhtmlタグや、id、classの使い分けについても習いました。
宿題は今日やったことと同じく、divを使ってIllustratorでデザインされたサイト見本のようにWebサイトを作るというものです。習ったことを活かして頑張りたいと思います。

名称未設定-4c