1. トップ > 
  2. eラーニング講座一覧 > 
  3. IT専門分野 > 
  4. Dreamweaver CC 2017

Dreamweaver CC 2017

世界標準のWEBオーサリングソフト「Adobe Dreamweaver」のバージョン「Dreamweaver CC 2017」を基礎から学び、最新のWEBデザインスキルを身につけます。
最新のHTML5やCSS3、スマートフォン向けのサイト制作などにも対応し、今すぐに仕事で活かせる総合的なスキルが習得できます。
※「ピーシーアシスト株式会社」との提携にてご提供するeラーニング講座です。

  • Point1
    HTML5、CSS3、スマホサイト制作対応
  • Point2
    課題演習ベースの学習カリキュラム

標準学習時間

35時間

【基礎編】 第1章:Webサイト制作の概要

  • はじめに
  • Webサイト制作の概要

【基礎編】 第2章:HTML

  • HTMLについて
  • HTMLコーディング実習

【基礎編】 第3章:CSS

  • CSSについて
  • CSSコーディング実習

【基礎編】 第4章:Dreamweaverについて

  • Dreamweaverについて
  • Dreamweaverのインターフェイス(操作画面)
  • サイトの管理

【基礎編】 第5章:HTMLタグとCSS(基本)

  • 学習の準備
  • 文章を入力する(pタグとbrタグ)
  • CSSでの装飾(font-family・font-size・line-height)
  • 語句の強調(strongタグとemタグ)
  • CSSでの装飾(color・font-weight・text-decolation)
  • 実習の解説(emタグとstrongタグ)
  • 見出し(タイトル)をつける(hタグ)
  • CSSでの装飾(border・margin・padding)
  • リンクをはる(aタグ)
  • CSSでの装飾(text-align・background・border-radius)
  • リストを作る(ul/ol/liタグ)
  • CSSでの装飾(list-style)
  • 定義リストを作る(dl,dt,ddタグ)
  • CSSでの装飾(width・height・overflow)
  • CSSの応用(background・text-shadow)

【基礎編】 第6章:HTMLタグとCSS(画像)

  • 画像を挿入する(imgタグ)
  • CSSでの装飾(box-shadow)
  • メディアを挿入する(audioタグ・videoタグ・sourceタグ)

【基礎編】 第7章:HTMLタグとCSS(テーブル)

  • テーブルを作る(table/caption/tr/th/tdタグ)
  • セルの選択と文字の入力
  • テーブルの編集
  • CSSでの装飾(border-collapse・vertical-align)

【基礎編】 第8章:HTMLタグとCSS(フォーム)

  • フォームを作る(formタグ)
  • テキストフィールドの挿入(input)
  • チェックボックスとラジオボタンの挿入(checkbox・radio)
  • プルダウンメニューの挿入(select・option)
  • テキストエリアの挿入(textarea)
  • ボタンの挿入(button)
  • CSSでの装飾

【基礎編】 第9章:HTMLタグとCSS(その他)

  • コメントの入力
  • インデント
  • その他のタグ(meta・script)

【基礎編】 第10章:HTMLタグの分類

  • ブロックレベル要素とインライン要素
  • HTML5におけるタグの分類(コンテンツモデル)

【基礎編】 第11章:Webサイトのレイアウト

  • ページ全体の構成を確認する
  • 大枠をレイアウトする
  • ヘッダーの作成
  • グローバルナビゲーションの作成
  • サイドメニューとフッターの作成
  • サイトを仕上げる

【基礎編】 第12章:Webサーバーへのアップロード

  • FTPアップロード
  • サイトの同期

【応用編】 第1章:テンプレートとライブラリの利用

  • テンプレートを利用する
  • ライブラリを利用する

【応用編】 第2章:レスポンシブデザイン

  • 複数デバイスへの対応(メディアクエリー)
  • Bootstrap
  • レスポンシブWEBデザイン

【応用編】 第3章:スマートフォン専用サイトの作成

  • jQuery Mobile
  • スマートフォン専用サイトを作成する

【応用編】 第4章:スライドショーの挿入(jQuery)

  • JavaScriptとjQuery
  • スライドショーを挿入する(jQueryプラグインの利用)

【応用編】 第5章:フォームを作成する(PHP)

  • PHPとは
  • フォームを作成する

【応用編】 第6章:サイトチェック

  • リンクチェック
  • サイトレポート
  • サイトのソースチェック

【応用編】 第7章:ショッピングサイトについて

  • 各種ショッピングサイトサービス
  • 集客効果の高いショッピングサイト

【応用編】 第8章:SNS連携

  • SNSとWebサイトとの連携

クラウドサービス型

受講期間 価格(税抜)
3ヶ月 14,800円

買取型

Knowledge C@fe対応

ご利用人数 価格(税抜)
期間無制限型 年間利用型
1~200名 - 1,184,000円
201~500名 - 1,332,000円
501~1,000名 - 2,072,000円
1,001~1,500名 - 2,442,000円
無制限 2,960,000円 -

クラウドサービス型・買取型

Microsoft Windows 7、8.1、10 + PC/AT互換機 + キーボード + マウス
画面解像度1024×768ピクセル以上、True Color(32ビット)のディスプレイ
本eラーニングの受講にあたっては、「Adobe Dreamweaver CC 2017」が必要です。
※「Adobe Dreamweaver CC 2017 」がインストールされていることを前提に教材が構成されています。
  • 開発時点での確認です。

▲ ページの先頭へ