Webサイト専門プログラマの言いたい放題

元システムエンジニアがサイト制作とプログラミングについて好き放題しゃべります。

【HTMLレッスン後記 生徒さんの成長】

f:id:wp-lesson:20151105233912j:plain

生徒さんの成長を感じた1時間

毎週1時間ですが継続してレッスンを受けていただいている生徒さんに今、
ブログのトップページをイメージしたHTMLページを1から作ることを教えています。

今日ようやくヘッダーエリアが完成。
 
ヘッダーは初学者にとって学びが多い部分です。

・画像を表示する2通りの方法
 →imgタグとCSSの使い分けをどう判断するか。

・画像とテキストの余白の原因
 →文字の縦揃え(vertical-align)の概念の理解。

・リストタグの余白の原因
 →ブラウザ毎に初期値があることの理解。

・縦並びを横並びに変換する方法
 →float を使う場合の注意点と、clear すべき理由の理解。

CSSの一括指定と個別指定
 →タグ指定、階層指定、単独指定使い分けをどう判断するか。

・画像リンクとマウスエフェクト
 →疑似要素(:hover)の使い方

などなど。

遠隔のスカイプなので、1言1言、方針を提示しては
生徒さんの反応を確認しています。

今日は一番反応が良く、

「きちんと付いてこれているな」

と実感した1時間でした。

実務レベルにはまだ遠いですが、グラフィックデザイナーから
ウェブデザイナーへの業容拡大というゴールに向けて、
しっかりサポートしていきます。

こんな方におすすめのマンツーマンレッスンを行っています

  1. ホームページの制作経験はあるけれどWordpressやレスポンシブサイトになると分からない方
  2. HTMLはある程度分っているつもりだけれど仕事で行き詰ってしまうことがある方
  3. Dreamweaverなどのホームページ制作ソフトに頼ってきたため何も見ずにHTMLを手書きできない方

無料相談だけでも受けてみたい方へ

HTMLやCSSの基礎、ホームページの制作やカスタマイズでお困りの方はお気軽にご相談ください。

oshierumanaberu.net

↑ページの中ほどにあるオレンジ色の「先生に聞いてみる」というボタンを押すと、メッセージが入力できますので、お気軽にご相談ください。

ご相談のメッセージをいただきましたら24時間以内にお返事を差し上げます。より詳しい状況をお聞かせいただける方には1時間ほどですがスカイプで無料相談を承りますので、ご遠慮なくお尋ねください。