ウェブサイト構築で困るのが更新、特に大規模な更新には多くの労力がかかります。常にクリエイティブで勤勉な「ウェブマスター」たちが、どのようにしてウェブサイトに時々「大きな変更」を加えるのに忙しいのか、私には本当にわかりません。
この秘密を教えてください。それらの多くは「卸売」Web ページにあり、あなたのマシンにもそのような「卸売ステーション」が備わっています。これはテンプレートです。一般的な Web ページ作成ツール: FrontPage と DreamWeaver にはこの機能があります。たとえば、DreamWeaver 3.0 を使用して Web サイトを作成する場合、テンプレートを使用すると、繰り返しの作業を大幅に削減できます。
1. テンプレートの作成
1.
テンプレート ページを作成する最も簡単な方法は、Web ページをテンプレート ファイルとして保存することです。次のコマンドを実行します。 [ファイル] → [テンプレートとして保存] を実行すると、DreamWeaver はテンプレート フォルダー - Templates をルート ディレクトリに作成します。テンプレートを保存する Web サイト。
もちろん、新しいテンプレートを作成することもできます。「ウィンドウ」→「テンプレート」を選択すると、「テンプレート」パネルが表示され、右下隅にある「新規テンプレート」ボタンをクリックしてファイル名を入力すると、空のテンプレートが作成され、「テンプレートを開く」をクリックします。ボタンをクリックしてテンプレートを開き、Web サイトのテンプレート フォルダーに自動的に保存します。
新しく作成して開いたテンプレート ページは、通常の Web ページと何ら変わりません。テーブル、レイヤー、画像、アニメーション、スクリプトを追加したり、ページ プロパティを設定したりすることもできます。
例: テンプレートの作成例を示します。このページでは、Web サイトのロゴ画像を左側に、ナビゲーション画像を下部に表示したいと考えています。ロゴ画像は2枚の画像を重ね合わせたもので、ナビゲーションマップ上の「最新アップデート」「オンライン閲覧」「パッケージダウンロード」などの文字がいくつかのホットエリアに分かれており、それぞれ別のファイルにリンクされています。どのページも何も変わりません。右上隅のメイン ページ領域と、左下隅のポップアップ メニュー ボタンの下のページ説明は異なります。ページを整然と保つために、表を使用してこれらの要素をレイアウトします。
正確に言うと、編集可能領域のない「擬似テンプレート」です。 編集可能領域は以下のように設定されます。
2. 編集可能領域を設定する
テンプレートの編集可能領域を設定するには、大きく分けて 2 つの方法があります。
新しい編集可能領域を作成します: コマンド: [変更]→[テンプレート]→[新しい編集可能領域]を選択します。空白領域をクリックしてこのコマンドを実行すると、その領域が編集可能になります。
特定の領域を編集可能領域としてマークします: コマンドを選択します: [修正]→[テンプレート]→[選択領域を編集可能領域としてマーク]。特定の領域に既にテキストがあり、今後その内容の一部を新しいハイパーテキスト ファイルに保持したい場合は、その領域を選択して、mark コマンドを実行します。
編集可能状態をキャンセルします: コマンド: [変更]→[テンプレート]→[編集可能領域のマークを解除]を選択します。このコマンドを実行すると、ダイアログ ボックスが表示され、現在編集可能な領域のリストが表示されます。キャンセルする領域の名前を選択して確認します。
例: 大きな空白領域をランダムにクリックし、[変更]→[テンプレート]→[新しい編集可能領域]コマンドを実行し、ポップアップ ダイアログ ボックスに名前を入力します。左下隅にあるこのページの説明の下のテキストを選択し、実行します。 「変更」→「テンプレート」→「選択範囲を編集可能領域としてマーク」コマンドで、名前「exp」を入力します。編集可能領域が水色で表示され、保存するとテンプレートの作成が完了したことがわかります。
2. テンプレートの使用
1. テンプレート コマンドに基づいて新しいページを作成します
: [ファイル]→[テンプレートから新規作成]。ダイアログ ボックスが表示され、テンプレート リストからテンプレートを選択すると、表示される新しいページの背景が明るい黄色になりますが、編集可能領域は変更できません。空白のメイン編集領域は、表、テキスト、画像などを直接挿入するために使用できます。Exp 編集領域には元のテキストが保持され、変更または再編集できます。
2.すでにコンテンツがあるページに
テンプレート コマンドを適用します
。[変更]→[テンプレート]→[テンプレートをページに適用]。テンプレートを選択すると、ダイアログ ボックスが表示され、既存の孤立コンテンツを保存する編集可能領域を選択できます (孤立コンテンツの編集可能領域を選択)。残したくない場合は「(なし)」を選択してください。
例: まず、新しい通常のページを作成し、「CIW Computer Studio」と入力し、[変更]→[テンプレート]→[テンプレートをページに適用]コマンドを実行し、テンプレート テストを選択して、既存のコンテンツ ストレージ領域に [メイン] を選択します。ページが自動的に次のように変わります。テンプレート ページの形式が変更され、メイン編集ウィンドウに「CIW Computer Studio」という文字が表示されます。
3. テンプレートを更新してサイトを完全に更新します。
特定のテンプレートに基づいていくつかのページを作成した後、テンプレートを変更して保存すると、テンプレートを使用するすべてのページがリストされ、必要かどうかを尋ねるダイアログ ボックスが自動的に表示されます。更新してください。
別の方法は、[変更]→[テンプレート]→[ページの更新]コマンドを実行することです。 [ページの更新] ダイアログ ボックスからサイトまたはサイトの特定のテンプレートを選択し (同じサイトで複数のテンプレートを使用できます)、右側の [開始] ボタンをクリックすると、ソフトウェアがテンプレートに関連付けられた Web ページを自動的に検索します。そしてそれらを更新してください。非常に便利です。
例: テスト テンプレートの左側のグラフィックにある「10,000 駅を突破するための読書」の画像がレイヤーで別の画像に重ねられていますが、これも使いたいです。すべてのページの写真を削除します。テンプレート test.dwt を開いてレイヤーを削除し、テンプレートを保存して、右側の「更新」ボタンをクリックします。
注: テンプレートを作成して使用する前に、サイトを定義する必要があります。その方法は、次のコマンドを実行することです: [サイト]→[サイトの定義]; サイト名とローカル ルート ディレクトリ (ローカル ルート) を指定します。テンプレートは相対パスを使用します。Web サイトのローカルの場所が指定されていない場合、ソフトウェアはテンプレート ファイルを正確に検索して保存できません。また、テンプレートを適用してページを作成および更新するときに、ページ内のハイパーリンクを変更できません。ページファイルが保存される場所を適宜変更してください。