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

誰でもわかる!Adobe Captivate Prime - eラーニングコンテンツを作ろう
PRO COURSE

誰でもわかる!Adobe Captivate Prime - eラーニングコンテンツを作ろう

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

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

5h 10m Video Course
Instructor: 宮川千春(ロクナナワークショップ)
6
$59.99
誰でもわかる!HTML & CSS基礎
PRO COURSE

誰でもわかる!HTML & CSS基礎

10h 15m Video Course
Instructor: 荒川 栄一郎
1
$187.99
未経験から始める Photoshop CS6
PRO COURSE

未経験から始める Photoshop CS6

3h 33m Video Course
Instructor: Attain Corp.
3
$21.99
The Ultimate Web Designing Course in Photoshop
PRO COURSE

The Ultimate Web Designing Course in Photoshop

7h 16m Video Course
Instructor: Supriyo Kundu
$199.99
基礎から学べる! HTML5完全マスター講座
PRO COURSE

基礎から学べる! HTML5完全マスター講座

6h 48m Video Course
Instructor: NESTonline
8
$80.99
DTPデザイナーを目指す人の必須アプリ基礎完全マスター 3コースセット
PRO COURSE

DTPデザイナーを目指す人の必須アプリ基礎完全マスター 3コースセット

9h 5m Video Course
Instructor: Attain Corp.
4
$52.99
基礎から学んでクリエイターを目指そう Premiere Pro CC
PRO COURSE

基礎から学んでクリエイターを目指そう Premiere Pro CC

3h 0m Video Course
Instructor: Attain Corp.
2
$21.99
映像業界で活躍できる!Adobe Premiere Pro 完全版
PRO COURSE

映像業界で活躍できる!Adobe Premiere Pro 完全版

6h 48m Video Course
Instructor: Yuto Morita
4
$99.99
【新版】世界で10万人が受講!未経験からWebプログラマーになるための全て
PRO COURSE

【新版】世界で10万人が受講!未経験からWebプログラマーになるための全て

23h 15m Video Course
Instructor: BeSomebody
204
$174.00
誰でもわかる! Adobe XD - UI/UXデザインツールの基本
PRO COURSE

誰でもわかる! Adobe XD - UI/UXデザインツールの基本

1h 22m Video Course
Instructor: Attain Corp.
$24.99
HTML5+CSS3 フロントエンド開発マスター講座
PRO COURSE

HTML5+CSS3 フロントエンド開発マスター講座

17h 36m Video Course
Instructor: ムラモリ コウ
$250.99