インターネットの普及に伴い、インターネットを閲覧するだけでは飽き足らず、より深くインターネットに参加したいと考えている人も多くなってきています。現在、独自の Web サイトを持つことがトレンドになっています。単純な Web ページを作成するのは難しくありませんが、特別な Web サイトを作成するのはそれほど簡単ではありません。そこで、最新の Web サイト デザイン ソフトウェア Dreamweaver MX 2004 に関する一連のチュートリアルを特別に用意しました。あなたに役立ちます。
通常、Web サイトには基本的に似たスタイルのページが数十、場合によっては数百もあり
、Web ページの構造やナビゲーション バー、さまざまなアイコンを同じ列に毎回
リセットするのは非常に面倒ですが、Dreamweaver を使用して MX に変換することができます。2004 のテンプレート機能により、操作が簡素化されます。実際、テンプレートの機能は、Web ページのレイアウトとコンテンツを分離することです。レイアウトを設計した後、そのテンプレートを使用して同じレイアウトのページを作成できます。作業効率を大幅に向上させることができます。
1. テンプレートの作成 テンプレートの作成
は通常のページの作成と全く同じですが、ページのすべての部分を作成する必要はなく、ナビゲーションバーやページなどの各ページに共通する部分のみ作成する必要があります。タイトル バーに移動し、ページのある中央の領域を使用して、特定のコンテンツを入力します。
ステップ 1: まず、Dreamweaver MX 2004 で [ファイル] → [新規作成] コマンドを実行し、次に図 1 に示すウィンドウで [テンプレート ページ → HTML テンプレート] オプションを選択し、[作成] ボタンをクリックしてテンプレート ドキュメントを作成します。
ステップ 2: Web ページのフレーム、ナビゲーション バー、Flash タイトル、およびすべてのページに共通のその他の要素をページ デザイン ビューに挿入し (図 2)、[ファイル]→[保存] コマンドを実行してテンプレートを保存します。
ヒント: まず、気に入った Web ページをダウンロードし、それを Dreamweaver MX 2004 で開き、フレームとその他の要素のみを保持してから、[ファイル]→[テンプレートとして保存] コマンドを使用してテンプレートとして保存できます。テンプレートの作成に多くの時間を費やしました。
編集中の誤操作によるテンプレート内の要素の変更を避けるために、テンプレート内のコンテンツは、特定の領域または特定のテキストを編集可能に設定した後でのみ、編集可能になります。このエリア。まずマウスを使用して領域 (つまり、各ページで異なるコンテンツを持つ領域) を選択し、次に「変更」→「テンプレート」→「新規編集可能領域」コマンドを実行し、ポップアップ ダイアログ ボックスでこの領域の名前を設定します。 , これでエリアの設定は完了です。
ヒント: 編集領域を設定した後、「ファイル→保存」コマンドを実行して変更を保存する必要があります。
2. テンプレートを使用する テンプレートを取得
したら、Web ページを編集するときにそれらを使用する必要があります。 Dreamweaver MX 2004 のメイン ウィンドウで [ファイル]→[新規作成] コマンドを実行すると、図 1 に示す新しいウィンドウが表示され、[テンプレート] タブに入って保存されたテンプレートを表示することもできます。右側のプレビュー領域でその中から 1 つをプレビューし (図 3)、最後に好みのテンプレートを選択し、下部にある「作成」ボタンをクリックしてこのテンプレートを開きます。
開いたテンプレートでは、編集できない領域が強調表示されますが、一部の場所はロックされた領域であっても強調表示されません。これは主に、画像が背景色を覆っているだけであるためです。この場合、「編集→設定」コマンドを実行し、ポップアップウィンドウの「カテゴリ」リストで「ハイライト」項目を選択し、次に「ロックされた領域」の横にある「表示」オプションを選択します。右側の領域 (図 4 ) を選択し、テンプレート内のロックされた領域を明確に識別できるように、ハイライト色を青に設定します。
ヒント: それでもハイライト効果が表示されない場合は、「表示→視覚補助→非表示要素」コマンドを順番に選択することもできます。
最後に、テキストの説明を追加したり、対応する画像を挿入したりするなど、編集可能な領域に Web ページのコンテンツを追加するだけで済み、最後に「ファイル」→「保存」コマンドでページを保存します。
3. テンプレートの変更と置き換え
テンプレートを使用して複数のページを作成した後、ページを変更したり列を追加したりする必要がある場合、すべてのページを手動で変更するのは非常に面倒です。そのため、この問題は のテンプレート変更機能を使用して解決できます。 Dreamweaver MX 2004。たとえば、テンプレートを変更した後、「ファイル」→「保存」コマンドを実行してテンプレートを保存すると、そのテンプレートを使用するすべてのページを更新するかどうかを尋ねるプロンプト ボックスが表示されます (図 5)。更新ページに総件数や更新時間などが表示されます。
さらに、Dreamweaver MX 2004 には、Web ページのテンプレートを変更する機能も用意されています。テンプレートを変更するのは、さまざまなテンプレートを作成して、好きなものを着るだけです。ただし、テンプレートを置き換える条件は、置き換えるページがテンプレートで作成されており、ページ上の編集可能領域の番号と名前が一致している必要があります。置き換えられるテンプレートの一貫性。たとえば、Web ページには 3 つの編集可能領域があり、それぞれ t1、t2、t3 という名前が付けられます。このテンプレートの構造がどのようなものであっても、3 つの編集可能領域があり、名前が t1、t2、および t3 であれば、それを使用して元の Web ページを新しいテンプレートに置き換えることもできます。 、ページ上の 3 つの編集可能領域は、それに応じて編集領域の内容は変更されません。テンプレートを置き換える具体的な方法も非常に簡単で、「Windows→テンプレート」コマンドを実行して、上部の領域から適切なテンプレートを選択し、「ページに適用」をクリックするだけです。ボタンをクリックすると、テンプレートの置換操作がすぐに完了します。
ヒント: この機能を使用すると、Web サイトのホームページの夏バージョンと冬バージョンを作成でき、テンプレートを変更するのに非常に便利です。
実際、テンプレートに関する関連コンテンツはたくさんありますが、紙面の都合上、ここで紹介するのは一部のみです。皆さんが 1 つの例から推測して、テンプレートの微妙な点を十分に理解していただければ幸いです。