Share this course

Get up to 20% revenue for each qualifying new purchase you refer.
You can join the course referral program after purchasing this course.
Let's take this course now!

Edit Your Review

Describe your thoughts and experience with this course.
Cancel
Complete

Your Review

Delete
Edit

Review This Course

Describe your thoughts and experience with this course.
Exit
Complete

Review This Course

Post a review
Top Design 未経験から始める Dreamweaver CS6
PRO COURSE

未経験から始める Dreamweaver CS6

初心者の方向けにDreamweaver CS6を使ったWebページ作成の基礎や便利な機能について解説します。副読本、演習ファイル付き。

はじめてDreamweaverをさわる人も安心!!

Dreamweaver CS6 オンライン講座のサンプル画像


ウェブデザイナー必須のソフトである、Adobe Dreamweaver CS6の使い方の基本を解説します。

初心者の方を対象にまずはサイト定義の手順から始め、HTMLの編集方法、画像の挿入方法やリンク設定などの基礎を学んだあと、実際にCSSを用いたレイアウト操作へと、徐々にレベルを上げて進めていきます。

画面構成などの初歩操作から解説しますので、Dreamweaverに初めて触れる人から、前バージョンのDreamweaverを使用している方まで幅広く学んでいただけます。


また、動画内で使用するものと同じファイルが演習ファイルとして付属しているので、それらを使って実際にご自身で制作を行ないながら進めていただけます。
さらに動画のスクリーンショットとナレーション文章をテキスト化した副読本PDFファイルも付属。 ダウンロード可能なので、ぜひ復習にご活用ください。

このコースで得られるもの

Dreamweaverとは?

Dreamweaver CS6とはどのようなソフトウェアなのか、基本概念と機能の概要、エディターとしての便利な機能を紹介します。

サイトの定義

Dreamweaver CS6でサイトの定義を行ない、リモートサーバーの設定を行なう方法を解説します。
サイトの定義をすることでWebサイトの制作を始めることができるので、しっかり覚えましょう。

HTMLの編集

HTMLドキュメントの新規作成と保存、テキストの入力、段落と開業、プロパティインスペクタによるHTMLマークアップ設定、コードビューで直接コードを入力する方法、特殊文字の入力方法などを学びます。

画像の挿入

画像の挿入、代替テキストの設定、Photoshopネイティブ画像の配置と最適化、HTML5でのビデオコンテンツの挿入方法などについて学びます。

リンクの設定

リンクの設定方法、絶対パスと相対パス、リンクターゲットの属性指定について解説します。

CSSの基本

ここからCSSを使ったレイアウトを作っていきます。
まずはCSSの基本事項として、その基本書式やセレクタ、ボックスモデルの概念について知っていきましょう。

CSSを用いたレイアウト作業

レイアウト作業を行なうための基本知識として、Divタグの挿入、CSSスタイルのドキュメントへの埋め込み、外部スタイルシートの利用、ボックスのルール記述についてレクチャーします。

機能を用いたCSSの編集

Dreamweaverの機能を使用したCSSの編集方法として、コートナビゲーターとCSSの有効化/無効化、CSSインスペクト、複数クラスの適用、CSSトランジションになどについて学びます。

ファイルのアップロード

サーバーへファイルをアップロードする際に使用するクロークの設定およびサイトの定義についてや、実際にアップロードを行なうための手順を解説します。

こんな方にオススメ

  • Webデザイナーを目指している
  • Web制作業務の新人教育教材や実務の補助教材を探している
  • デザインだけではなく、CSSの実用知識を身に付けておきたい
  • CSSを状況に合わせて便利に使いこなしたい
  • Dreamweaver CS6の機能を活用して、作業時間を短縮させたい
  • PhotoshopやIllustratorと並行して、クリエイティヴソフトの操作を習得したい

基礎知識からアップロードまで、一連の流れがこのコースで学べるので、Deamweaverをこれから勉強したい方や一度挫折してしまった方、新しいバージョンの操作に慣れたい方まで、ぜひチャレンジしていただきたいコースです。

About the Instructor

Attain Corp.
e-learning provider

様々なオンライン講座の企画制作を15年以上担当し、累計1000を超えるコンテンツの制作や販売をする日本最大級のオンライン講座提供会社。主にIT、開発、ソフトウェア、ビジネス知識、日本語や英語の語学学習などの動画教材に関わる。自社スタジオと編集環境があり、シナリオ・ナレーション・映像収録・編集まで全ての工程を自社完結させ、高いクオリティで安定したコンテンツを提供。専門家の監修体制にも注力し、ソフトウェアの講座では、AdobeTVの日本語版制作を担当する高い実績もある。

See more

Course content

Total
Preview You can preview lectures with this label
Loading

Ratings and reviews

5.0
1 reviews
5 stars
100%
4 stars
0%
3 stars
0%
2 stars
0%
1 stars
0%

Related Courses

サイトを作りながら学ぼう! 実践Webサイトコーディング講座
PRO COURSE

サイトを作りながら学ぼう! 実践Webサイトコーディング講座

8h 58m Video Course
Instructor: NESTonline
9
$79.99
誰でもわかる!JavaScript & jQuery基礎
PRO COURSE

誰でもわかる!JavaScript & jQuery基礎

10h 47m Video Course
Instructor: 荒川 栄一郎
$187.99
Illustratorでポストカード・名刺・フライヤーを作ろう
PRO COURSE

Illustratorでポストカード・名刺・フライヤーを作ろう

1h 3m Video Course
Instructor: Attain Corp.
3
$21.99
Web制作の学校が教える これからはじめる Photoshopの講座
PRO COURSE

Web制作の学校が教える これからはじめる Photoshopの講座

5h 10m Video Course
Instructor: 宮川千春(ロクナナワークショップ)
6
$59.99
JavaScriptとHTMLで作る「タワーディフェンス」講座
PRO COURSE

JavaScriptとHTMLで作る「タワーディフェンス」講座

3h 30m Video Course
Instructor: 柳井 政和
$46.99
BootstrapとDreamweaverで作る - はじめてのレスポンシブWebサイト開発講座
PRO COURSE

BootstrapとDreamweaverで作る - はじめてのレスポンシブWebサイト開発講座

7h 44m Video Course
Instructor: ムラモリ コウ
5
$107.99
JavaScriptとHTMLで作る「レトロ風RPG」講座
PRO COURSE

JavaScriptとHTMLで作る「レトロ風RPG」講座

2h 33m Video Course
Instructor: 柳井 政和
$46.99
誰でもわかる!Adobe Illustrator CC 2019
PRO COURSE

誰でもわかる!Adobe Illustrator CC 2019

2h 57m Video Course
Instructor: Attain Corp.
$24.99
実践で身につく!DTPデザインプロ養成コース
PRO COURSE

実践で身につく!DTPデザインプロ養成コース

6h 4m Video Course
Instructor: Attain Corp.
1
$49.99
Web制作の学校が教える これからはじめるFlashの講座
PRO COURSE

Web制作の学校が教える これからはじめるFlashの講座

3h 54m Video Course
Instructor: 林 拓也
3
$42.99
悪魔のWebサイト作成講座 - 成約率がみるみる上がるサイト制作
PRO COURSE

悪魔のWebサイト作成講座 - 成約率がみるみる上がるサイト制作

2h 39m Video Course
Instructor: 山本 琢磨
11
94%OFF
$12.99
$199.99
誰でもわかる!Adobe InDesign CC 2018
PRO COURSE

誰でもわかる!Adobe InDesign CC 2018

2h 57m Video Course
Instructor: Attain Corp.
$29.99