1. 全商品
  2. コンピュータ
  3. Web制作
  4. 誰でもわかる Adobe Dreamweaver CC 2015

誰でもわかる Adobe Dreamweaver CC 2015

アドビ製品関連

通常価格:¥ 14,700 税込

¥ 14,000 税込

商品コード: ATTE-943 ~ ATTE-945

数量
はじめての方は こちら をご確認ください。
一部商品にはディスク内にサンプルファイルが含まれています。
ご利用方法は こちら をご確認ください。
商品紹介
このビデオ教材はAdobe Dreamweaver CC のビデオ教材をAdobe Dreamweaver CC 2015用にリメイクしたものです。基本的に映像と音声はAdobe Dreamweaver CCの教材収録時のものなので、画面の見た目や操作による挙動はAdobe Dreamweaver CC 2015と多少異なる場合があります。 サンプル動画を見る
製品仕様
構成 上巻56分 中巻52分 下巻63分
制作年度 2015年
制作/販売元 アテイン株式会社
提供媒体 DVD Video フォーマット
ISBNコード 上巻:978-4-86268-3793
中巻:978-4-86268-3809
下巻:978-4-86268-3816
チャプター情報

    Adobe Dreamweaver CC 2015 上巻

  1. 完成例の確認

    • サンプルサイト
    • モックデザイン
  2. Dreamweaverの画面構成

    • Dreamweaverの画面構成
    • パネルの操作
    • 関連ファイルと3つのビュー
  3. 新しいドキュメントの作成とサイト定義

    • 新規ドキュメントの作成
    • 新規サイトの定義
  4. マークアップ

    • プロパティインスペクターを使ったマークアップ
    • テキストの読み込み
    • 見出し要素のマークアップ
    • コードビューでのマークアップ
    • セクション要素のマークアップ
    • リストのマークアップ
  5. 画像と動画の挿入

    • 画像の挿入
    • 代替プロパティの指定
    • 動画の挿入
    • Photoshopとの連携
  6. CSSの基本

    • CSSとは
    • ボックスモデルの概要
    • CSSの添付
    • 新しいCSSファイルの作成
  7. CSSによる画像の配置

    • CSSによる背景画像の配置
    • CSSによるロゴ画像の配置
  8. DIV要素によるコンテンツのグループ化

    • ヘッダー内のグループ化
    • セクション内のグループ化

    Adobe Dreamweaver CC 2015 中巻

  1. IDの追加と基本的なデザインレイアウトの指定

    • ヘッダー部分の設定
    • コンテンツ部分の設定
    • フッター部分の設定
  2. IDと要素を組み合わせたセレクタの設定

    • IDと要素を組み合わせたセレクタの設定
    • li要素を横に並べる
    • ビデオを横に並べる
  3. ナビゲーションの設定

    • float属性を使って横に並べる
    • Adobe Edge Web Fonts
  4. ヘッダー内のレイアウト

    • clearfixの利用
    • position属性の指定
  5. classの追加

    • classの追加
    • 複数箇所へのclassの適用

    Adobe Dreamweaver CC 2015 下巻

  1. 基本レイアウトの仕上げ

    • asideとdivを横に並べる
    • divの内容を横に並べる
    • 画像をレスポンシブにする
  2. CSSによるボタンの作成

    • CSSによるボタンの作成
  3. リンクの設定

    • リンクの設定
    • リンクのスタイル設定
  4. メタ情報の設定

    • descriptionの設定
    • viewportの設定
  5. レスポンシブなWebページ

    • メディアクエリーのブレークポイントの追加
    • タブレット用のスタイル設定
    • スマートフォン用のスタイル設定
  6. アップロード

    • リモートサーバーの設定
    • クロークの設定
    • アップロード
▲トップへ戻る