Dreamweaverの使い方!

<Adobe Dreamweaverの使い方講座>397時間動画パソコン教室のDVD2に収録
Adobe Creative Suite 画像

ドリームウィーバーが簡単にマスターできる動画ビデオ

Dreamweaverとは、プロのWebデザイナーも使用する、高機能ホームページ作成ソフトです。多機能で感覚的な操作で業界の普及率も高く、Webデザイナーを目指す人にとっては基本的なソフトウェアとなるWeb制作の登竜門です。もし、CSSの設定方法がわからない!divの意味がわからない!Dreamweaverをまったく使いこなせない!などの悩みをお持ちなら、この動画ビデオ講座で瞬時に悩みが解決します。

  • まったく初心者状態からドリームウィーバーを使えるようになります。
  • 数十万円するサイトの作成を自分で作れるようになります。
  • この講座では、サイトを一緒に作るのでホームページを作る事が楽しさが解ります。
  • 基礎をマスターできるの次のステップ、PHPなどに進むことが容易になります。
  • ドリームウィーバーを身につける事で、IT就職業界で非常に強くなります。

Dreamweaver&Fireworks使い方の詳しい内容は、コチラで確認できます。

ドリームウィーバーの使い方DVDの内容

  • 動画でわかるドリームウィーバー①[基本~標準・実践サイト作成] 3時間
  • 動画でわかるドリームウィーバー②[究極大辞典] 3時間
  • 動画でわかるドリームウィーバー&Fireworks③[基本編] 3時間
  • 動画でわかるドリームウィーバー④[CSS/スタイルシート編] 3時間

動画でわかるDreamweaver/ドリームウィーバー使い方講座/8/CS/CS2/CS3/CS4【12時間】

動画でわかるDreamweaver/Fireworks①<基本編>【3時間】

イメージの作成
ホームページの作成。テキスト入力
fireworksでイメージを作成する
01 ロゴデザイン
02 イラスト
03 ボタン

デザイン・レイアウト
11 テキストデザイン 1 2 3 4
12 表組み
13 レイアウト レイアウト2ボタンメニュー
16 リンクボタン
18 ホットスポット
21 ポップアップ・ジャンプメニュー アニメーション
22 点滅するアニメ
23 回転するアニメ
24 直接移動するアニメ 移動アニメ2

動画でわかるDreamweaver&Fireworks②<CSS編>【3時間】

dreamweaverの起動と終了(2分)
基本設定の確認(4分)
サイトを作成する(4分)
パネルの基本操作(4分)
新規ファイルを作成する(8分)
テキストを入力する
見出しを設定する(15分)
画像を挿入する(3分)
ブラウザで確認する(7分)
同一サイト内のページにリンクを張る(6分)
メールリンクを設定する(1分)
スタイルシート
特定のhtmlタグにCSSルールを定義する(6分)
<h1>タグのCSSルールを定義する(5分)
<p>タグのCSSルールを定義する(2分)
<hr>タグのCSSルールを定義する(2分)
スタイルシートの書き出しと、リンク設定(3分)
htmlファイルでCSSファイルをリンクする(3分)
クラスセレクタでCSSルールを定義する
画像の枠線を消すCSSルールを作成する(7分)
CSS(スタイルシート)でレイアウトする(30分)
まずサイトを作ろう!
任意の領域をボックスにする(15分)
ボックスのCSSルールを設定する
ページの一部を段組にする(16分)
CSS(スタイルシート)でデザインを仕上げる(14分)
mainボックスのデザインを設定する
footerボックスのデザインを設定
sidebarボックスのデザインを設定
動画でわかるFireworks編(21分)
FIREWORKSの起動
タイトルロゴの作成
図形の作成
作成した画像をウェブページに挿入する
挿入した画像を編集する
サイト転送 (22分)
(初心者の方がもっともつまづきやすいところです)
無料サーバーにサイトをアップロードしよう!
fc2webのレンタル方法
fc2webの設定確認、ログイン方法
DREAMWEAVERのftp設定方法
サイト管理とアップロード
ファイル名の変更と移動
リモート情報の設定
サイトのアップロード
では、サイトを見てみよう!

Dreamweaver③<CSS実践/スタイルシート編>【3時間】

■サイトを定義する
 新規にサイトを定義する

■新規ファイルの作成とテキストの入力
 新規HTMLファイルを作成する、タイトルを入力して保存する

■タグとリンクの指定
 タグの指定
 リンクを指定
 ファイルを互いにリンクさせる

■見出しと段落のデザイン&リンクのスタイル設定
 外部CSSファイルとセレクタの設定
 見出しをデザインする
 見出し2、見出し3、段落、アドレスのスタイルを設定する
 リンクの色を設定する
 カーソルを載せたときのスタイルを設定する
 子孫セレクタ、複数のセレクタのリンクを設定する
 テキストをグループ化して、スタイルを設定する

■画像とテキストのレイアウト
 画像の挿入
 画像とテキストの配置
 画像にマージンを指定する

■背景色とページ全体のレイアウト/マージンと余白の設定
 ページ全体の背景色を指定する
 CONTENTを作成して、背景色と幅を指定する
 h1とaddressの背景色を指定して、文字を白抜きにする
 2つ目のコンテンツをグループ化して、newsを作成する
 各要素に余白(padding)を指定して、レイアウトを整える

■背景画像を使ったヘッダとフッタ/ボーダーを使ったデザイン
 h1をヘッダとしてデザインする
 ヘッダにサブタイトルをつける
 addressをフッタとしてデザインする
 menuのマージンを整えて下のボーダーをデザインする
 見出しh2をデザインする
 見出しh2のボーダーをデザインする
 newsのソースをコピー&ペーストして編集する

■リストの作成/テーブルの作成/テーブルとセルの編集
 リストを作成する
 リストの種類を変更する
 CSSでリストマーカーをデザインする
 テーブルの基本構成
 CSSでテーブルの幅と高さを指定する
 セルを編集する
 データセルに画像を挿入して、CSSで幅と背景画像の指定をする

■カレンダーをデザインする
 テーブルとセルをデザインする
 キャプションとリンクのテキストを装飾する

■ブロックコンテンツで段組を作成する/影のついた画像を挿入する
 レイアウト用のCSSファイルをリンクする
 body要素のマージンと余白を指定して、背景画像を指定する

動画でわかるDreamweaver④<究極大辞典>【3時間】

■基本操作
[パネルグループ]を非表示にするには
 パネルをフローティングウィンドウにするには
[パネルグループ]を2列以上で表示
 特定のパネルだけを独立させたい
[挿入]バーをタブ表示に
[挿入]バーの[お気に入り]を活用
 ワークスペースのレイアウトを変更
[スタートページ]を再表示
 新規ドキュメントを作成
 任意のフォルダ内に新規ファイルを作成
 コピー&ペースト、保存などのコマンドを簡単に実行
 複数の手順を一度に取り消すには
 過去の手順を別のオブジェクトに適用
 色の選択をキャンセル
 ドキュメントを開きたい
 複数のドキュメントを一度に閉じたい
 ファイル名を変更
 プレビューするためのブラウザを追加
 HTMLタグについて調べたい

■サイトの設定と管理
 サイトを定義
 サイトを追加
 サイトの定義した内容を変更
 サイト内にスペーサーイメージを作成
 現在開いているドキュメントのブラウザチェック
 ブラウザチェックの結果の詳細を確認
 サイト全体のブラウザチェック
 ブラウザチェックを行うターゲットブラウザを選択
 リモートサイトに接続
 サイト全体をアップロード
 選択したファイルやフォルダだけアップロード
 最新のファイルだけをアップロード
 ローカルサイトとリモートサイトを同期させたい
 サイトをマップ表示

■ページの設定
 すべてHTMLタグで記述する
 ページタイトルを設定
 テキストの基本設定
 ページのマージンをなくす
 背景色を設定
 背景に画像を設定
 背景に画像を繰り返さずに設定
 背景に画像を横一列または縦一列に設定
 下絵を設定してレイアウト
 ドキュメントの表示サイズを変更
 検索エンジン用のキーワードを入力
 検索エンジン用のサイト紹介文を入力
[デザインビュー]の表示比率を変えたい
[デザインビュー]をスクロール
[デザインビュー]にガイドを設定
[デザインビュー]のルーラを非表示に
[デザインビュー]にグリッドを表示

■テキスト
 改段落・改行
 テキストのサイズや色を変えたい
 テキストデータのみをコピー&ペースト
 テキストを強調
 アンダーラインや取り消し線を適用
 強調タグの記述方法を変えたい
 段落を見出しとして設定
 見出しのサイズと色をカスタマイズ
 行揃えを設定
 フォントを変更
 段落にインデントを設定
 Wordのドキュメントを読み込みたい
 Wordのデータを活用
 リストを作成
 リストの行頭記号を変更
 説明文を字下げしたリストを作成
 番号リストの数字表記を変えたい
 日付・時刻を挿入

■イメージ・メディア
 画像を挿入
 画像の大きさを変更
 サイズ変更した画像をキレイに
 画像の代替テキストを設定
 画像にテキストを回りこませたい
 画像のマージンを設定
 画像をトリミング
 画像を補正
 仮の画像をドキュメント上に配置
 [イメージプレースホルダー]と画像を差し替えたい
 [イメージプレースホルダー]から外部イメージエディタを開きたい
 ロールオーバーイメージを作成
 配置した画像をロールオーバーイメージに
 フォトアルバムを作成
 Flashを挿入
 Flashテキストを作成
 Flashボタンを作成
 アクセシビリティのダイアログボックスを表示させないように

■テーブル
 テーブルを挿入
 テーブルのサイズを変更
 行の高さ、または列の幅を変更
 テーブルセル内にコンテンツを挿入
 すべての列幅を固定
 テーブルの位置を揃えたい
 セル内のテキストを1行で表示
 セル内のデータの位置を揃えたい
 任意のセルを見出しとして設定
 行や列を挿入
 行や列を削除
 複数の行または列を一度に挿入
 行または列を入れ替えたい
 行または列を複製
 セルを分割・統合
 セル余白やセル間隔を設定
 テーブルの罫線の幅や罫線の色を設定
 テーブルに背景色を設定
 テーブルに背景画像を設定
 テーブルの枠線に画像を設定
 テーブルを簡単にデザイン
 セルやテーブルを選択しやすく
 Excelのドキュメントを読み込みたい
 Excelのデータを引用
 テーブル内のデータをソート

■レイアウトテーブル
 レイアウトテーブルを描画する
 レイアウトセルを描画する
 レイアウトテーブルのサイズを変更
 入れ子のレイアウトテーブルを作成
 レイアウトテーブルを移動
 レイアウトテーブルに色を設定
 レイアウトセルにコンテンツを挿入
 レイアウトセル内のテキストを1行で表示
 レイアウトセル内コンテンツの方向を揃えたい
 列にスペーサーイメージを挿入
 ウィンドウ幅に合わせて伸縮する列に
 レイアウトテーブルを通常のテーブルとして表示

■レイヤー
 レイヤーを描画する
 レイヤーのサイズを変更
 レイヤーを移動
 レイヤーの背景に画像や色を設定
 複数のレイヤー位置を一度に揃えたい
 複数のレイヤーのサイズを一度に揃えたい
 レイヤーにテキストや画像を挿入
 レイヤーの中にレイヤーを作成
 既存レイヤーを入れ子の設定に
 レイヤーの表示・非表示を切り替えたい
 すべてのレイヤーを一度に表示・非表示に
 レイヤーの積み重ね順を変更
 レイヤーをテーブルに変換
 レイヤーの初期設定を変更
 レイヤーの名前を変更

■リンク
 テキストにリンクを設定
 画像にリンクを設定
 新しいウィンドウを開いてリンク先を表示
 指定した大きさでリンク先ウィンドウを開きたい
 メールアドレスをリンク先に設定
 ページの途中にジャンプさせたい
 アンカーポイントにリンクを設定
 リンクを削除
 ジャンプメニューを作成
 移動ボタン付きのジャンプメニューを作成
 画像にホットスポットを作成
 多角形のホットスポットを作成
 ホットスポットにリンクを設定
 ナビゲーションバーを作成
 ポップアップメニューを作成
 テキストリンクの色を設定
 テキストリンクの下線を非表示に
 リンク設定したテキストだけサイズを変えたい

■フレームの作成
 フレームセットを作成
 フレームを選択
 フレームセットをさらに分割
 フレーム名を変更
 フレームセットを保存
 フレームにドキュメントを設定
 フレームのサイズを変更
 ウィンドウサイズに合わせてフレームサイズを設定
 フレームのボーダーを表示
 フレームにスクロールバーを設定

■CSSの活用
 テキストのスタイルを作成
 テキストのCSSスタイルをほかのテキストに適用
 テキストのCSSスタイルを名前を付けて保存
 CSSスタイルを新規作成
 リンクのスタイルを設定するには
 CSSスタイルの内容を編集
 設定したCSSスタイルを削除
 CSSスタイルを複製
 現在設定されているCSSスタイルを確認
 CSSスタイルの名前を変更
 CSSスタイルを外部スタイルシートとして書き出す
 外部スタイルシート上のCSSスタイルを編集
 テキストの行間を設定
 罫線の設定を設定
 サンプルのCSSスタイルシートを活用

■フォームの作成
 フォームを挿入
 短い文字列を入力するテキストフィールドを作成
 長い文章を入力するテキストエリアを作成
 選択肢の中から複数選択できるチェックボックスを挿入
 選択肢の中から1つだけ選択できるラジオボタンを挿入
 ポップアップメニューを挿入
 スクロールリストを作成
 クリックすると自動的にテキストが表示されるように
 送信ボタンやリセットボタンを挿入
 フォームの内容を受け取りたい

■HTMLコードの編集
[デザインビュー]上でHTMLタグを編集
 テキストに折り返しタグを挿入
 コードヒントを利用してHTMLタグを入力
[コードビュー]の行番号を非表示に
 ソースコードにインデントを使用したくない
 区切りなしスペースを挿入
「ポンド」や「コピーライト」といった特殊な文字を挿入
 コードの一部を降りたたみたい
 区切り線を挿入
 ブラウザのステータスバーにテキストを表示
 サイトの引っ越しページを作成

以上の充実の内容が動画で見ることが出来ます。



先着500名さまに限定価格で提供中!今すぐ確認してください。
↓↓↓
>> こちらをクリックしてください <<


安心の返金保証もついてるぞ!

この教材で勉強してパソコンの能力がまったく上達しない場合の完全返金保証がついています。
★※返金については:コチラをクリックしてサイト内の記述をご確認ください。★