「Adobe Dreamweaver CC 2015使い方教材」をオンライン学習プラットフォームUdemy（ユーデミー）に公開

オンライン学習サイト「動学.tv」運営、eラーニング制作のアテイン株式会社（本社：東京都千代田区、電話：03-3255-4721、代表本多成人、資本金1億1470万円）は、視聴期限なしのオンライン学習プラットフォームUdemy（ユーデミー）で、「Adobe Dreamweaver CC 2015使い方教材」が今なら60％割引のキャンペーンを11月25日開始します。（この割引キャンペーンは予告なく終了します。）
Adobe Dreamweaver使い方教材(60％割引)
誰でもわかる Adobe Dreamweaver CC 2015 Udemy版」
(リンク »)

・誰でもわかる Adobe Dreamweaver CC 2015
2015リリース版のAdobe Dreamweaver CCの基本的な利用方法を学習します。スマートフォンやタブレット向けにレスポンシブデザインの実装を行いながらDreamweaver CC 2015の便利な機能紹介、webページ作成の基礎を初心者の方に向け丁寧に解説しています。

・内容
・セクション１（約80分）
1. 完成例の確認
　サンプルサイト
　モックデザイン
2. Dreamweaverの画面構成
　Dreamweaverの画面構成
　パネルの操作
　関連ファイルと3つのビュー
3. 新しいドキュメントの作成とサイト定義
　新規ドキュメントの作成
　新規サイトの定義
4. マークアップ
　プロパティインスペクターを使ったマークアップ
　テキストの読み込み
　見出し要素のマークアップ
　コードビューでのマークアップ
　セクション要素のマークアップ
　リストのマークアップ
5. 画像と動画の挿入
　画像の挿入
　代替プロパティの指定
　動画の挿入
　Photoshopとの連携
6. CSSの基本
　CSSとは
　ボックスモデルの概要
　CSSの添付
　新しいCSSファイルの作成
7. CSSによる画像の配置
　CSSによる背景画像の配置
　CSSによるロゴ画像の配置
8. DIV要素によるコンテンツのグループ化
　ヘッダー内のグループ化
　セクション内のグループ化

・セクション２（約58分）
1. IDの追加と基本的なデザインレイアウトの指定
　ヘッダー部分の設定
　コンテンツ部分の設定
　フッター部分の設定
2. IDと要素を組み合わせたセレクタの設定
　IDと要素を組み合わせたセレクタの設定
　li要素を横に並べる
　ビデオを横に並べる
3. ナビゲーションの設定
　float属性を使って横に並べる
　Adobe Edge Web Fonts
4. ヘッダー内のレイアウト
　clearfixの利用
　position属性の指定
5. classの追加
　classの追加
　複数箇所へのclassの適用

・セクション３（約57分）
1. 基本レイアウトの仕上げ
　asideとdivを横に並べる
　divの内容を横に並べる
　画像をレスポンシブにする
2. CSSによるボタンの作成
　CSSによるボタンの作成
3. リンクの設定
　リンクの設定
　リンクのスタイル設定
4. メタ情報の設定
　descriptionの設定
　viewportの設定
5. レスポンシブなＷｅｂページ
　メディアクエリーのブレークポイントの追加
　タブレット用のスタイル設定
　スマートフォン用のスタイル設定
6. アップロード
　リモートサーバーの設定
　クロークの設定
　アップロード

※講座には演習ファイルが付属。

掲載されている会社名・商品名・サービス名は各社の商標または登録商標です。


このリリースに関するお問い合わせは下記まで
アテイン株式会社　金　秀麗
〒101-0041東京都千代田区神田須田町2-19-8酒井ビル
Tel.03-3255-4721　Fax .03-3255-5680　 (リンク »)
E-mail info@attainj.co.jp

このプレスリリースの付帯情報

Dreamweaver教材ログイン画面