ホームページ >開発ツール >dreamweaver >Dreamweaver でテンプレートを使用する方法 (コード付き)
Dreamweaver でテンプレートを使用する方法 (コード付き)
- 不言転載
- 2018-09-29 14:56:468520ブラウズ
この記事の内容は、Dreamweaver でのテンプレートの使用方法 (コード付き) です。必要な方は参考にしていただければ幸いです。
テンプレートの機能:
1. Web サイト全体の一貫した外観とスタイルを維持するのに役立ちます。
#2. 変更後。テンプレートでは、テンプレートが適用されるすべてのページが自動的に更新されます。
簡単な例:
// .dwt テンプレート内
<!-- TemplateBeginEditable name="myName" -->
设置可编辑区域
<!-- TemplateEndEditable -->// ページ内 、アプリケーションテンプレートのアドレスや領域などを宣言します。
<HTML> <!-- InstanceBegin template="/Templates/myTemplates.dwt" codeOutsideHTMLIsLocked="false" --> <HEAD> </BODY> <!-- InstanceEnd --> </HTML>
// テンプレート領域に編集可能領域を設定します
<!-- InstanceBeginEditable name="myName" -->
放入可编辑区域的内容
<!-- InstanceEndEditable --> TR>
##src="Temp_images/left_10.gif">855f2ce6d326271833570d90e2505539
##55b7d652c92bbf820ae51b2326899d18 0ca79222d536ef6b67c158a3855a5f59
96395d5827b09ac39535bce7a4efb8a2 # b6bb45409853a95862ad60818c799663 ;!-- InstanceBeginEditable name="right"
--> width=" 450"
border="0"> ab7cd7209678643cd670b1fd95c94137 457ea60d53f42719f9ca033942815f88 2e7ed5dec4d46a0299d8c555a2868add82970dfa29c3e66a214a46ac9cf09196 8a3d9cb84e2d3b8768074bc1171c0e0c
066b79e076ba81113188386009d6b24b 8a3d9cb84e2d3b8768074bc1171c0e0c
672da5ab908bb38fd37e8492cc852bd2
ba3ec85c3c73cea3bbcd779a6d733a43 53f842092eece41186093ba1733ada07
cc772d7e54d7a275631ec3c9abd986ddbe0cf4e46ab23b84196cc6b9b2aa1fffbe0cf4e46ab23b84196cc6b9b2aa1fff
a10b6b8f86a96e22c977659eb13b2dfa欢迎来我的站点！< ;/h1>
be0cf4e46ab23b84196cc6b9b2aa1fff7a739a707a8f42f7e1580501764752aabe0cf4e46ab23b84196cc6b9b2aa1fffbe0cf4e46ab23b84196cc6b9b2aa1fff be0cf4e46ab23b84196cc6b9b2aa1fffbe0cf4e46ab23b84196cc6b9b2aa1fff<br> ;be0cf4e46ab23b84196cc6b9b2aa1fff
xugang ec997d4006e1220b2c5856a1b22adf63be0cf4e46ab23b84196cc6b9b2aa1fff
2008.10.26 be0cf4e46ab23b84196cc6b9b2aa1fff
8a3d9cb84e2d3b8768074bc1171c0e0c
23b6731f659f5b51ded23b9990e8bfee 8a3d9cb84e2d3b8768074bc1171c0e0c
672da5ab908bb38fd37e8492cc852bd2
de9acb942dcc38d8bc06aed4239b26f9
23b6731f659f5b51ded23b9990e8bfee 8a3d9cb84e2d3b8768074bc1171c0e0c
23b6731f659f5b51ded23b9990e8bfee 8a3d9cb84e2d3b8768074bc1171c0e0c
23b6731f659f5b51ded23b9990e8bfee 8a3d9cb84e2d3b8768074bc1171c0e0c
672da5ab908bb38fd37e8492cc852bd2
a260abd15b36d9da0b08d8823355e09a
dd41de28e245a8388c4a6b420f832539a3d7de8b0c5c41a3588039351ede40aa
22b512e83ce3185a5f75935b3f267550
bff76c8e7181d720027042fe8b0358c5
a3d7de8b0c5c41a3588039351ede40aa
22b512e83ce3185a5f75935b3f267550
bff76c8e7181d720027042fe8b0358c5
fe2bf1b00e0f3a21cb39d94e2fc72c5f
4bcbeea3dce8d5942ee62f6c993d3c5e
d60c79aa20a75302e1741ffc2e5eae6c“另存为模板”，保存模板；
新建空白模板：
1.选择“窗口”->“资源”命令（或按 F11键）。
2.单击“资源”面板上的“模板”图标，显示“模板”面板。
3.单击“模板”面板右下角的“新建模板”图标。
默认情况下，整个模板都处于锁定状态。
添加可编辑区域：
方法一：
在“插入”栏->“常用”选项卡->“模板”图标->“可编辑区域”；
方法二：
在“插入”->“模板对象”->“可编辑区域”；
方法三：
按Ctrl+Alt+V 组合键；
方法四：
右键选中区域->“模板”->“新建可编辑区域”
删除可编辑区域：
选中编辑区域，“修改”->“模板”->“删除模板标记”，该区域将被锁定，不可编辑。
修改编辑模板：
「ウィンドウ」→「リソース」→「テンプレート」アイコン→編集したいテンプレートを選択し、ダブルクリックすると「ドキュメント」ウィンドウにテンプレートが表示されます。この時点でテンプレートを編集できます。
Web ページにテンプレートを適用します:
1. テンプレートを適用するドキュメント (つまり、ページ) を開きます。 " -> 「リソース」 - >「テンプレート」アイコン -> 適用するテンプレートを選択します;
3. テンプレートをパネルからページ ウィンドウにドラッグします (または [適用] をクリックします)ボタン);
4. 編集可能領域にデータを追加または書き込みます。
注:ドキュメント内に既にコンテンツがある場合は、既存のコンテンツを移動する必要があります。テンプレートの編集可能領域を削除しないと、Dreamweaver によってコンテンツが削除されます。
以上がDreamweaver でテンプレートを使用する方法 (コード付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。