ドリームウィーバー動画マニュアル 全目次 (動画パソコン教室) Dreamweaver入門 ドリームウィーバーの使い方

ドリームウィーバーの使い方

目次 ドリームウィーバー動画マニュアル (動画パソコン教室)

動画パソコン教室のドリームウィーバーマニュアルの目次です。

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

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

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

デザイン・レイアウト
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タグについて調べたい

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

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

Chapter 4 テキスト
改段落・改行
テキストのサイズや色を変えたい
テキストデータのみをコピー&ペースト
テキストを強調
アンダーラインや取り消し線を適用
強調タグの記述方法を変えたい
段落を見出しとして設定
見出しのサイズと色をカスタマイズ
行揃えを設定
フォントを変更
段落にインデントを設定
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タグを入力
[コードビュー]の行番号を非表示に
ソースコードにインデントを使用したくない
区切りなしスペースを挿入
「ポンド」や「コピーライト」といった特殊な文字を挿入
コードの一部を降りたたみたい
区切り線を挿入
ブラウザのステータスバーにテキストを表示
サイトの引っ越しページを作成

>> 動画パソコン教室 公式サイトへ

Dreamweaverだけじゃない
。PhotoshopもIllustratorもフラッシュもHTMLもCSSも、SEOやPPCもPHPもCGIもJavascriptもわかる。パソコン教室の100分の1の価格で全てを学べる動画パソコン教室。ダウンロードして今すぐ学習開始できます。(全ジャンルのサンプル動画見れます)

 このエントリーをはてなブックマークに追加  このエントリーを含むはてなブックマーク   twitter