>  기사  >  개발 도구  >  Dreamweaver에서 템플릿을 사용하는 방법(코드 포함)

Dreamweaver에서 템플릿을 사용하는 방법(코드 포함)

不言
不言앞으로
2018-09-29 14:56:468449검색

이 문서의 내용은 Dreamweaver에서 템플릿을 사용하는 방법(코드 포함)에 대한 것입니다. 특정 참조 가치가 있으므로 도움이 필요한 친구에게 도움이 되길 바랍니다.

템플릿의 기능:

첫째, 전체 웹사이트의 일관된 모양과 스타일을 유지하는 데 도움이 됩니다.

둘째, 템플릿을 수정한 후 템플릿이 적용된 모든 페이지가 자동으로 업데이트됩니다. .

간단한 예:

// .dwt 템플릿에서

<!-- TemplateBeginEditable name="myName" -->
    设置可编辑区域
<!-- TemplateEndEditable -->

// 페이지에서 애플리케이션 템플릿의 주소와 지역 등을 선언합니다.

<HTML>
<!-- InstanceBegin template="/Templates/myTemplates.dwt" codeOutsideHTMLIsLocked="false" -->
  <HEAD>
  </BODY>
<!-- InstanceEnd -->
</HTML>

/ / 템플릿 영역 내 편집 가능 영역 설정

<!-- InstanceBeginEditable name="myName" -->
    放入可编辑区域的内容
<!-- InstanceEndEditable -->


767ca6dca3ed56b69fcd1a934804f194edd161f7c09dc7f4b2fcfa3d583076d7
623bf5a311eb01972e3a038461cfe55e
867dc13d4d8dcc76bcbf47e9b5436535
2a58cf4a25e5e67f880b4dc99533add5Templates72c3bc8c17f26d38fb216c7695f0f357
dd41de28e245a8388c4a6b420f832539
1df7737262ad269b94d7418ec096f18fdd41de28e245a8388c4a6b420f832539
de5784feeaad7ae4ffb1e34f1eac6168
00f38c0f8be778c9e9a7d04b5d656541
86376992b71f6f4c9ac52cfc1ce7a5a9
0defae2befe3b122d038ea04b7d5dc31
2ad9b981838a2cbc23e610d74dafbbe8
    
73a77e6ec55b8f43c0c19fba91875a64
        
d7d7242aa3fe2ba2b0aab2a7399f4872
        
bd0ef02a49d9e8a424f05ec6b0ca0f9c
        
2ad9b981838a2cbc23e610d74dafbbe8
            
73a77e6ec55b8f43c0c19fba91875a644b5647e419557b8149db94697caebe7b2df4eac5fb4c6ccc8abe86152a905558#🎜🎜 #            
ee34cb338755ffc63564d0e4d87ec26258f35c1e8db3888f0326f22559c95456a82f3b029d1c5fa92afa640894dafac2           d2f874e1ebffde9a8397cd0afdca5427>& lt;# 🎜🎜#img src="Temp_images/head_3.gif">4ffb1ea8f44ae1ea0eab6ba03418613d        82333e2323889a6c8ad01ee1e5f1ebfc        2cfd7a5b5278cdce54a8b0a85c60f1bf# 🎜🎜#    be8b81fdb1e54c6fa28ab5ad5af56de2# 🎜🎜#c577d7c9cf24122ac33d572ed986e02e
# 🎜🎜#0d050c58862b563e0059942b9ac84c63
    #🎜🎜 🎜# TD>
    
c62a9e5fafe919a000f5bdc2dbb566ca
    
d9876baf8dd9054fc208105ac231ef8f    ed293af09611b56c730ff5ff02411ce2
       6860d0ad079a8c898aa7f6bd65696651        
& lt ;!-- 第三层表格:左边列表  布局:10行1列-->#🎜🎜 #        # 🎜🎜#ca85ba7797f7edc5872ae9d1dfe7fa84# 🎜🎜#        2ad9b981838a2cbc23e610d74dafbbe8
            
# 🎜🎜#< ;TD>6d3017b845e948a8ef6b0402f0108cade81d0b6ab999bd82fd3f3fcac2909290e48608ef91830310100c14f9badabb2e2df4eac5fb4c6ccc8abe86152a905558        
5365bb8e4de3f23e6f8966186b42103b
        
49c94de6225f5ce777d6afa2bf7d3c9e           42cd83999933c4b8b737c59fc36ea0fa62d134c7053c32bdfb86c45658047027b72f4496a93c60f357f283d005f442f8e21bcdfe73fc78ea0f926dd0795fa1bc        98e8f0e223cd613a817be2abebe70166# 🎜 🎜#        01804489871bcb8f5143302daf548af7            #🎜🎜 #fcbfbb6ff62a75a5d7b7d0068347066a4055db56cdb52ccea8559e47ab8c2e0f29aa44e024411ff555b7212fa45e11b931ff5502e0283434ca75885b655d26510c515f6253f365ba1e8658624eb86352        #🎜 🎜# 22b512e83ce3185a5f75935b3f267550
        
bf39df71feaa2cc4f06935026f7cd4a7            73a77e6ec55b8f43c0c19fba91875a64d5839d6bf06b74d32a0cb021bd87bf9333ac256ff5603a232aeff85a8f4bb7abc5327693f8473ff3a68b2bba64d802d53761eefd1ff2f0a7f50054131fb702af        # 🎜🎜#951cd0220fe763e29a4b22333f9c3c38       f1d2df62e0b293004d325bcb5a0057c9           caaef5590db42df90f806dae35b41bc41d517315107b7d4cf2b0463404665dc6766640067fe82266f862722e6bf447cd       28220da7930ba7eb276a49b0c384dc65
       5697547333767a15f3796388a8a4ac4e

           
87e41d0b5b45a314a2b3a22a0c0c21b3< ;img 
src
="Temp_images/left_6.gif">fa92917de51e067db25e1c54657b9cd1       2a550aa0903ad29ad9e5b34f86306789       b4873d95b4066f115426f6ca80adcb7c             221af68838a54276ac55272a52539e800e9f451ea8a140d438d7190534568fa8dc9bd6e225e4cbd877ab3bcc5fb7472a       TR#🎜 🎜#> ;        0d050c58862b563e0059942b9ac84c63# 🎜🎜#
           
73a77e6ec55b8f43c0c19fba91875a6475059187ab784591750758472cbd3d8dTD> ;
22b512e83ce3185a5f75935b3f267550
TD>676f67d38205dee7a56eb091fd099122 TD >                                  ​d0d45aeadabd1a00d9080f7647b6c9db​​​​​​3138e9c2197783060fb3cf66c372e73f
b6bab18395d7d13471220f971bb5c445 74559093278f086bc7886f3cff842a50                                       ​ < ;
테이블
width="450" border="0"
> 00f3452ddb3355385f45bead9d8bce66e8bb0258cdf463bfac3d96ae46e22599 050ac3e27756acb05c89603498efc39b    7c2a1de8c55936bf9e7776186a9d6ca2 8a3d9cb84e2d3b8768074bc1171c0e0c
    
52dda75af101dcf2cb484a0f22026742  8a3d9cb84e2d3b8768074bc1171c0e0c
  
672da5ab908bb38fd37e8492cc852bd2
  
e3bed55d05cfb9074a81f02830144316
    
23b6731f659f5b51ded23b9990e8bfee 8a3d9cb84e2d3b8768074bc1171c0e0c
    
fb31468de0af30f1536f0da57c55fa3aec997d4006e1220b2c5856a1b22adf63be0cf4e46ab23b84196cc6b9b2aa1fff
      
a10b6b8f86a96e22c977659eb13b2dfa欢迎来到我的站点!h1> ;
      
be0cf4e46ab23b84196cc6b9b2aa1fffbe0cf4e46ab23b84196cc6b9b2aa1fffbe0cf4e46ab23b84196cc6b9b2aa1fffbe0cf4e46ab23b84196cc6b9b2aa1fff< br> ;be0cf4e46ab23b84196cc6b9b2aa1fffbe0cf4e46ab23b84196cc6b9b2aa1fffbe0cf4e46ab23b84196cc6b9b2aa1fff
         xugang
   &nb sp;c7dbb09ace44e986875b0bb4a3529577be0cf4e46ab23b84196cc6b9b2aa1fff
          2008.10.26
be0cf4e46ab23b84196cc6b9b2aa1fff
    
53f842092eece41186093ba1733ada07
    
< ;td> 8a3d9cb84e2d3b8768074bc1171c0e0c
  
672da5ab908bb38fd37e8492cc852bd2
  
b2e2a8752287905f1207917e8b43ddf0
    
23b6731f659f5b51ded23b9990e8bfee 8a3d9cb84e2d3b8768074bc1171c0e0c
    
23b6731f659f5b51ded23b9990e8bfee 8a3d9cb84e2d3b8768074bc1171c0e0c
    
23b6731f659f5b51ded23b9990e8bfee 8a3d9cb84e2d3b8768074bc1171c0e0c
  
672da5ab908bb38fd37e8492cc852bd2
a260abd15b36d9da0b08d8823355e09a

        
dd41de28e245a8388c4a6b420f832539a3d7de8b0c5c41a3588039351ede40aa
    
22b512e83ce3185a5f75935b3f267550
    
bff76c8e7181d720027042fe8b0358c5
    
a3d7de8b0c5c41a3588039351ede40aa
22b512e83ce3185a5f75935b3f267550
bff76c8e7181d720027042fe8b0358c5
fe2bf1b00e0f3a21cb39d94e2fc72c5f
4bcbeea3dce8d5942ee62f6c993d3c5e
d60c79aa20a75302e1741ffc2e5eae6c“另存为模板”,保存模板;

新建空白模板:

1.选择“窗口”->“资源”命令(或按 F11键)。

2.单击“资源”面板上的“模板”图标,显示“模板”面板。

3.单击“模板”面板右下角的“新建模板”图标。

默认情况下,整个模板都处于锁定状态。

添加可编辑区域:

方法一:

在“插入”栏->“常用”选项卡->“模板”图标->“可编辑区域”;

方法二:

在“插入”->“模板对象”->“可编辑区域”;

方法三:

按Ctrl+Alt+V 组合键;

方法四:

右键选中区域->“模板”->“新建可编辑区域”

删除可编辑区域:

选中编辑区域,“修改”->“模板”->“删除模板标记”,该区域将被锁定,不可编辑。

修改编辑模板:

"창"->"리소스"->"템플릿" 아이콘->편집하려는 템플릿을 선택한 다음 두 번 클릭하면 해당 템플릿이 "문서" 창에 나타납니다. 지금 템플릿을 편집하세요.

웹 페이지에 템플릿 적용:

1. 템플릿을 적용할 문서(예: 페이지)를 엽니다.

2. "창"->"리소스"->"템플릿"을 선택합니다. 아이콘->템플릿을 적용하려면 선택하세요.

3. 패널에서 페이지 창으로 템플릿을 드래그하세요(또는 "적용" 버튼을 클릭하세요).

4. 편집 가능한 영역에 데이터를 추가하거나 쓰세요. :

문서 콘텐츠에 이미 콘텐츠가 있는 경우 기존 콘텐츠를 템플릿의 편집 가능 영역으로 이동해야 하며, 그렇지 않으면 Dreamweaver에서 해당 콘텐츠를 삭제합니다!

위 내용은 Dreamweaver에서 템플릿을 사용하는 방법(코드 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 cnblogs.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제