【旧版】実践：Webサイトのコーディング

架空のカフェのWebサイトの制作

お知らせ：旧版のコースのためメンテナンス及びサポートを終了しています。動画は引き続きご視聴いただけます。

プレミアム

合計時間：00:49:05

レクチャー一覧

• 実践Webサイトのコーディング
• 1. 実践Webサイトのコーディング_イントロダクション

  1分
  このセクションについて説明します。
  • 完成物の確認
  • 大事な要素について
  • コーディング仕様について

• 2. ファイルの準備

  4分
  ファイルの準備をします。
  • フォルダ/ファイルの作成
  • 配布物の説明
  • html/cssファイルの編集

• 3. HTMLによるマークアップ_1

  5分
  HTMLのマークアップ方法について説明します。
  • header部分のマークアップ
  • main部分のマークアップ
  • ダミー画像について

• 4. HTMLによるマークアップ_2

  9分
  HTMLのマークアップ方法について説明します。
  • main部分のコンテントのマークアップ
  • サイドバーのマークアップ
  • フッターのマークアップ

• 5. CSSによるスタイルの設定_1

  9分
  CSSでスタイルをあてていきます。
  • 文字コード/フォントの設定
  • ヘッダーのスタイル作成
  • グローバルナビゲーションのスタイル作成

• 6. CSSによるスタイルの設定_2

  7分
  CSSでスタイルをあてていきます。
  • メインエリアのスタイル作成
  • フロートレイアウトの作成
  • 小見出しの装飾作成

• 7. CSSによるスタイルの設定_3

  6分
  CSSでスタイルをあてていきます。
  • サイドバーエリアのスタイル作成
  • フッターエリアのスタイル作成
  • マウスオーバーの設定

• 8. メイン画像の設定

  1分
  メイン画像を配置します。
  • 素材の配置
  • ソース属性の値変更
  • 画像の差し替え

• 9. メタデータ

  2分
  メタデータを入れていきます。
  • メタデータとは？
  • description/keywords
  • metaタグの配置