「自分の仕事は自分でクリエイト」をコンセプトとしたWebデザイナーのための体験型オンラインスクール。自分の力で生きていくWebデザイナーを目指します。

6月の勉強会動画・コーディングデータアップしました。【仮案件】セミナーページ ワイヤーフレームからのHTML・CSSコーディング

6月の勉強会動画・コーディングデータアップしました。

⇒ 【仮案件】セミナーページ ワイヤーフレームからのHTML・CSSコーディング

【第一部】質問回答・公開添削

  • 00~ 質問:imgタグ 画像をどうマークアップするか?
    ロゴはどの要素でマークアップする?
    imgタグはそのまま配置しちゃだめ?
    figureタグはどこで使う?
  • 23:10~ 公開添削:セミナーページのコーディング
    HTML・CSSのエラー修正
    floatで要素が並ばない→リセットCSSの必要性
    html bodyにheightを指定するケースと指定してはいけないケース
  • 58:35~休憩時間の雑談
    DWの環境設定 コードを入力時のインデントの話

【第二部】セミナーページ コーディング

  • 00:00~ HTMLマークアップの確認
    03:50~ 情報をグループ化して区切りを付ける
    13:55~ リセットCSSの読み込み
    15:25~ style.cssの作成と読みこみ
    18:40~ レイアウトの大枠からCSSのスタイルをつけていく
    37:10~ 規則正しいレイアウトを実現しながら、効率的なCSSの記述を考えよう。1つのHTML要素にCSSのクラスは複数つけることができる
    40:25~ 見出しなどの細かい要素のスタイルをつけていく
    43:20~ line-height(行間)を指定の考え方
    45:40~ リセットされたol ul li要素の表示を整える方法
    54:10~ 今後のコーディング力アップの順番

と、今回も盛りだくさんになりました。

必ず、コーディング力がアップする内容になっていますので、ぜひ、ご覧ください。

⇒ 【仮案件】セミナーページ ワイヤーフレームからのHTML・CSSコーディング

ご質問・ご感想をお寄せください。

今回のコンテンツはいかがだったでしょうか?ぜひ、あなたのご感想をお待ちしております!

【会員マイページ>サポートデスク】からどうぞ!

関連記事

「自分の仕事は自分でクリエイトする」

当サイトは、Webクリエイターズオンラインスクール メンバー専用サイトです。