プロジェクトの準備と画像の作成
  • このコースについて
  • 準備:必要なツールの説明
  • 入門編:HTMLとCSSとは?
  • プロジェクトルートの作成
  • デザイン構成を確認する
  • バナー画像のスライスと画面サイズへの最適化
  • テンプレートと画像コンテンツの最適化
HTMLとCSS でレイアウトを作成
  • 準備:スターターファイルの追加方法
  • HTMLファイルとCSSファイルをリンクする
  • ヘッダの編集:タグの実装方法
  • メインのコンテナを作成する
  • プロモ用コンテナとナビゲーションリンクを追加する
  • コンテナにコンテンツを追加する
  • 背景とページコンテナをデザインする
  • フォントのスタイルを決める
  • CSSルールの合成
  • CSSでレイアウトを作成する
  • プロモ用コンテナのCSSルール
CSSメディアクエリの使い方
  • インラインCS3メディアクエリのCSSルール
  • 中サイズスクリーン(タブレット)のCSSルール
  • 小サイズスクリーン(スマートフォン)のCSSルール
  • スマートフォン用ナビゲーションメニューの作成
【参考:旧コース】はじめに
  • イントロダクション
  • プロジェクトファイルの説明
  • プロジェクトファイル
【参考:旧コース】ウェブ画像の最適化
  • 画像のスライスと最適化
【参考:旧コース】Adding HTML for Structure and Content
  • コンテナの実装
  • サンプルコンテンツの追加
【参考:旧コース】マルチデバイス対応のためのCSSルール
  • CSSファイルの作成
  • テキストのためのCSS
  • レイアウトのためのCSS
【参考:旧コース】モバイルスクリーンのためのCSSルール
  • 中サイズスクリーン(タブレット)のためのCSS
  • 小サイズスクリーン(スマートフォン)のためのCSS