Dreamweaver8入門・動画講座(ホームページの作り方) - Dreamweaverのテンプレートの使い方 - (1) テンプレートを新規作成する方法
Dreamweaver8入門・動画講座(ホームページの作り方) >> Dreamweaverのテンプレートの使い方 >> (1) テンプレートを新規作成する方法
ドリームウィーバー8の使い方を動画で紹介します。 できるだけ現在主流になっているタグが使えるように、また、きれいなソースが書けるように、初心者デザイナーさんに役立つ内容です。 ※Adobe® Dreamweaver® はAdobe社(アドビ システムズ社)の商標です。

(1) テンプレートを新規作成する方法
3分21秒
大きい解像度で見る

このページを Google Bookmarks に追加 Yahoo!ブックマークに登録 このエントリーを含むはてなブックマーク Share (facebook) Clip to Evernote
解説

ドリームウィーバーの便利な機能の一つに「テンプレート」があります。

テンプレートを作っておいて、編集可能領域を設定しておき、各ページ作りは「編修可能領域」内を変更します。
ナビゲーションやヘッダー・フッターなどサイト全体に共通部分はテンプレートにしておいて、テンプレートにて編集すれば、そのテンプレートを適用しているページは一括で更新されます。

今回の見本は、テーブルレイアウトを使っています。

*****
XTHML+CSSでサイトを作成すれば、SEO対策に有利、それだけで安心・・と思っていませんか?
SEO対策の初歩を理解していないと、とっても勿体ないことになってしまいます。気をつけましょう!
webの森では、SEO対策診断も受け付けています。お気軽にどうぞ・・

初心者webデザイナー・社内web担当者・サイトオーナー様のためのホームページ入門講座

■ 制作者コメント
<a href="http://webnomori.net/howto/">webの森/ホームページ初心者講座</a>のモモンガです。webデザイナーの卵さん、社内web担当者さんなどに役立つ動画を作... 制作者プロフィールページへ


カテゴリー内最新記事
 
マニュアル エントリ一覧
(1)XHTML+CSS でページ作成...
(2)「サイト」の新規作成
(3)新規作成とドキュメントタイプの設...
(4)画像とテキストを挿入する
(1)挿入バーでテーブルを作る
(2)プロパティを使ってテーブル編集・...
(3)プロパティを使ってテーブル編集・...
(4)いろいろな方法でテーブルを編集す...
(5)挿入バーで、行と列を増やす
(6)行のコピー&ペーストと画像の差し...
(1)テーブルにスタイルを適用する
(2)コードでCSS編集
(3)コード画面でテーブルを作る
(1)テキストの検索と置換
(2)特定のタグの検索と置換
(3)複数ドキュメントの検索と置換
(4)コード編集の便利な機能
(1)ビジュアルエイドを使って、見やす...
(2)「キーワード」と「ディスクリプシ...
(3)タグをすばやく入力していく便利な...
(4)バリデート、ブラウザチェック、サ...
(1)ヘッダーを作る
(2) ヘッダーを作る 後編
(3)フッターを作る
(4)サイドナビを作る
(5)全体のスタイル設定
(6)メイン部分を作る
(5)オプション領域の使い方
(1) テンプレートを新規作成する方法
(2)テンプレートからドキュメントを作...
(3)新しくテンプレートからドキュメン...
(4)テンプレートの共通部分を変更して...
(1)サイトを開き、ドキュメントを開く
(2)フォルダを作りドキュメントを移動...
(3)パネルを展開・サイト全体のアップ...
(4)変更したファイルだけをアップする...
(5)同期したくないファイルが増えてき...
(1)ライブラリーの新規作成
(2)ライブラリーを挿入する
(3)ライブラリーの変更
(4)ライブラリーにリンクを追加する
(2)画像をFireworksで最適化...
(1)Fireworksで画像を縮小す...


(c) Webdemo Inc All rights reserved.