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デザイナーに! 450レッスン完全マスターコース
PRO COURSE

未経験からプロのWebデザイナーに! 450レッスン完全マスターコース

42h 17m Video Course
Instructor: NESTonline
139
$212.99
基礎から学べる! CSS/CSS3マスター講座
PRO COURSE

基礎から学べる! CSS/CSS3マスター講座

6h 37m Video Course
Instructor: NESTonline
1
$80.99
実例でわかる JavaScript 初心者講座
PRO COURSE

実例でわかる JavaScript 初心者講座

8h 37m Video Course
Instructor: 柳井 政和
6
$99.99
何が新しいの!? HTML5+CSS3 徹底学習講座
PRO COURSE

何が新しいの!? HTML5+CSS3 徹底学習講座

3h 45m Video Course
Instructor: BeSomebody
5
$26.99
Photoshop【最高難易度のスキル】中級者からプロ・上級者レベルへ
PRO COURSE

Photoshop【最高難易度のスキル】中級者からプロ・上級者レベルへ

6h 5m Video Course
Instructor: ムラモリ コウ
4
$99.99
誰でもわかる! Adobe XD - UI/UXデザインツールの基本
PRO COURSE

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

1h 22m Video Course
Instructor: Attain Corp.
$24.99
誰でもわかる!Adobe Captivate Prime - eラーニングコンテンツを作ろう
PRO COURSE

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

54m Video Course
Instructor: Attain Corp.
$24.99
基礎から学んでクリエイターを目指そう Dreamweaver CC 2015
PRO COURSE

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

3h 29m Video Course
Instructor: Attain Corp.
1
$32.99
未経験から始める InDesign CS6
PRO COURSE

未経験から始める InDesign CS6

3h 56m Video Course
Instructor: Attain Corp.
$21.99
誰でもわかる!HTML & CSS基礎
PRO COURSE

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

10h 15m Video Course
Instructor: 荒川 栄一郎
1
$187.99
文系でもできる!HTML5 & CSS3 入門講座【2020年版】
PRO COURSE

文系でもできる!HTML5 & CSS3 入門講座【2020年版】

4h 33m Video Course
Instructor: Asakura Yuma
$45.99
誰でもわかる!Adobe Premiere Pro CC 2019
PRO COURSE

誰でもわかる!Adobe Premiere Pro CC 2019

2h 19m Video Course
Instructor: Attain Corp.
$24.99