Dreamweaver CC

トレーニング動画
収録時間
全3巻【上・中・下巻】57分/51分/62分
内容紹介 サイト管理機能に優れた「Adobe Dreamweaver CC」使い方講座では、 webページ作成を基礎から応用までやさしく解説していきます。
多様なデバイスで閲覧される今日のWebページ作りに対応する、レスポンシブWebページの作成方法を学びます。Dreamweaverの可変グリッドレイアウトやCSSデザイナーを使った効率的なページ制作の方法を学びます。
カリキュラム ◆<上巻>(約57分)
  • Dreamweaverのインターフェイス
    Dreamweaverのワークスペース/ドキュメントウィンドウ/ワークスペースの切り替えとカスタマイズ
  • サイトの定義
    サイトの定義/ファイルパネル
  • ドキュメントの新規作成
    新規ドキュメントの作成と保存/テキストの入力/マークアップ/メタ情報の追加
  • 画像の挿入
    画像の挿入/ビデオの挿入
  • リンクの設定(サンプルムービーを視聴)
    リンクの設定

◆<中巻>(約51分)
  • コードビューを使った編集
    HTMLの要素と属性/コードヒント/タグの挿入と編集
  • 要素のグループ化
    div要素の挿入/id属性の設定
  • CSSの基本(サンプルムービーを視聴)
    CSSとは/ボックスモデルの概要
  • CSSの設定
    基本的な設定/CSSトランジション/CSSインスペクト/コードナビゲーター/Edge Webフォント

◆<下巻>(約62分)
  • レスポンシブWebデザイン(サンプルムービーを視聴)
    レスポンシブWebデザインの概要/可変グリッドレイアウトの作成
  • 構造の定義とデザインビューでの操作
    要素の挿入/可変グリッドレイアウトの編集/リストによるメニューの作成
  • CSS
    メディアクエリーとは/メディアクエリーの追加/CSSデザイナーを使用したスタイルの編集/角丸ボタンの作成
  • サイトの公開
    アップロード/クローク/バリデート
サンプルムービー
視聴
サンプルムービー上巻
サンプルムービー中巻
サンプルムービー下巻