1. 主頁 > 幫助中心 > 模板設計 >

        從零開始學DedeCms模板,模板教程,從此模板制作不求人

        來源:織夢官方論壇 作者:admin 發表于:2009-09-29 14:43  點擊:
        這篇文章針對的是無產階級毫無基礎的朋友,如果你是高手或資產階級就不用看了,高手歡迎交流,資產階級兄弟給點活讓兄弟我做做,保證質量。 基礎 學習html 何 謂CMS模版?其實就是加上CMS模板引擎代碼的HTML頁面,所以基礎便是HTML語言學習,HTML的標簽不多

        這篇文章針對的是“無產階級”毫無基礎的朋友,如果你是高手或“資產階級”就不用看了,高手歡迎交流,“資產階級兄弟”給點活讓兄弟我做做,保證質量。

        基礎
        學習html
        何 謂CMS模版?其實就是加上CMS模板引擎代碼的HTML頁面,所以基礎便是HTML語言學習,HTML的標簽不多,很容易學習,搜索下遍地都是教程,不 過現在正流行web標準,就是大家說的“DIV+CSS”,要求又提高許多,需要學習CSS,大家可以下載CSS手冊,修改模版的時候對照學習修改,每天 只要花點時間很快就會學會。真心想學好web制作的朋友可常來我的網站逛逛。

        學習dede模版代碼
        了解代碼前,如果你是新手,請使用默認模版熟悉下dede系統,系統的設置,如何添加欄目,怎么為欄目設置模版,如何發表文章,更改文章,有個基本概念。

        Dedecms的代碼很有特色,只要熟悉以后很快就能上手而且使用非常靈活。dede模板引擎的代碼樣式有如下幾種形式:


        {dede:標記名稱 屬性='值'/}
        {dede:標記名稱 屬性='值'}{/dede:標記名稱}
        {dede:標記名稱 屬性='值'}自定義樣式模板(InnerText){/dede:標記名稱}
        從上面我們可以看出,dede模板引擎的代碼可以分為標記名稱、屬性和自定義樣式模版三部分,標記名稱和屬性用{}包圍

        而自定義樣式模版在兩個{}之間。

        標記名稱與屬性的說明請大家參考系統幫助里的模版標記參考,這里介紹具體運用方法。

        先看下面的例子:

        {dede:arclist typeid='0' titlelen='28' row='10' }
        <li><a href='[field:arcurl/]'>[field:title/]</a></li>
        {/dede:arclist} 上面是最基本的取得最新內容列表標記arclist,由開始標記{dede:arclist 屬性typeid='' titlelen='28' row='10' col='1'}模版樣式<li><a href='[field:arcurl/]'>[field:title/]</a></li>和結束標記 {/dede:arclist}組成。當你完成頁面制作后,便可開始添加dede代碼。沒有添加dede代碼之前:


        <ul>
        <li><a href='[field:arcurl/]'>[field:title/]</a></li>
        <li><a href='[field:arcurl/]'>[field:title/]</a></li>
        <li><a href='[field:arcurl/]'>[field:title/]</a></li>
        <li><a href='[field:arcurl/]'>[field:title/]</a></li>
        <li><a href='[field:arcurl/]'>[field:title/]</a></li>
        <li><a href='[field:arcurl/]'>[field:title/]</a></li>
        <li><a href='[field:arcurl/]'>[field:title/]</a></li>
        <li><a href='[field:arcurl/]'>[field:title/]</a></li>
        <li><a href='[field:arcurl/]'>[field:title/]</a></li>
        <li><a href='[field:arcurl/]'>[field:title/]</a></li>
        </ul>
        添加代碼后


        <ul>
        {dede:arclist typeid='0' titlelen='28' row='10' }
        <li><a href='[field:arcurl/]'>[field:title/]</a></li>
        {/dede:arclist}
        </ul>
        模版解析后就是添加代碼前的樣子。列表list標記,友情鏈接flink標記,導航channel標記,站內新聞mynews標記等待都是同樣道理。

        文章頁里用到{dede:標記名稱 屬性='值'/},如{dede:field name='title' /}就是文章標題的意思。

        模 版里面的路徑問題:本站使用{dede:global name='cfg_basehost'/}/templets/w3cpro/img/css.css,{dede:global name='cfg_basehost'/}是取得網站根目錄的意思。這里有個模版保護問題,如果你珍惜你的網頁模版,就把img目錄獨立分離出來,這樣 別人就不會知道你的模版目錄。

        制作
        要是真正獨立制作一個模版,是很費精力的,規劃、設計、制作、調試哪部分都很累人。很多站長都 沒有能力制作,所以就有那么多的朋友期待別人放出模版,稍微有點能力就復制別人的模版,何為復制?保存原來的html頁面,刪除正文內容,添加CMS代 碼,完工。,這就是復制,沒有一點技術含量,只要添加CMS代碼即可。就這樣,我看還有很多人收費100到200幫人制作,我看得暈死,這也行。做為站長 也太懶了,做站連CMS的標記代碼都不了解,還做什么站,真是郁悶了。

        就模版而言,很多站長只看到設計即頁面好看而沒有看到網頁制作即網 頁代碼,這是一個非常錯誤的觀念。網頁好看雖然重要,但對我們個人站長來說,網頁制作更為重要。網頁代碼的質量關系到搜索引擎SEO與網站的可維護性,對 我們站長來說,網站只要簡潔大方即可,關鍵是網站利于搜索引擎搜索能夠創造更多的利潤賺更多的錢。

        天下文章一大抄,就看你會不會抄,制做模版和抄寫文章一樣,就看你會不會仿。我的設計水平很爛根本不入流,只會寫網頁代碼。設計既然不會那就仿,取一個網頁那是侵權,那就取三個四個網頁,拿出它們的設計優點,組合成自己的網站。

        過程以本站為例子:規劃好網站結構,決定以藍綠兩種顏色為網頁主色調,從網上找到合適的資源后開始在PS里組合網站,滿意后開始編寫代碼制作網頁,制作好后添加dede代碼測試。

        安裝使用
        dede3.1lit版本增強了系統設置,模版的所在位置可以在系統設置里設定,把模版文件夾放到templets,欄目設置里{style}代表了模版文件夾位置,如下圖。



        實例
        下面提供本站實例給大家參考使用,頁面制作并不復雜,適合大家學習使用。

        總共制作了文章,圖片(采用文章系統),下載三個系統模版,其他模版可以根據提供的頁面修改。

        index_in.html——主頁
        list.html——列表頁
        index_arc.html——文章頁、下載封面
        index_img.html——圖片封面
        list_img.html——圖片列表
        search.htm——搜索頁面
        article.html——文章頁
        article_down.html——下載頁
        article_img.html——圖片
        修改的文件:

        inc_archives_view.php——上一篇下一篇分開調用,且限定文章所在欄目內而不是現在的全站。
        inc_arcpart_view.php——更改友情鏈接flink
        inc_channel_unit_functions.php——調用arclist標簽無法讀出此欄目為副欄目的文章的應急解決方案
        inc_functions.php——跳轉提示頁標題修改
        inc_vote.php——投票修改
        增加的文件:

        為了全站顯示登入系統后的狀態,member目錄增加幾個文件。

        index_doo.php
        index_login.php
        login.html
        config_g.php
        logined.js
        templets/index_login.html

        下載后放到網站templets,參照上面設置即可。點此下載

          有幫助
          (2040)
          78%
          沒幫助
          (575)
          22%
          2018宝宝说数特来算 黔东| 特克斯县| 诏安县| 玉门市| 卓尼县| 防城港市| 彰化县| 宁蒗| 巴彦淖尔市| 广宁县| 明水县| 苗栗市| 和静县| 天长市| 休宁县| 北海市| 高唐县| 景宁| 安远县| 台东县| 宝清县| 定南县| 通海县| 高淳县| 五家渠市| 西峡县| 南陵县| 东光县| 珠海市| 洛隆县| 峨边| 盐城市| 德阳市| 桑植县| 滨州市| 黎川县| 宜丰县| 石狮市| 张家口市| 观塘区| 尚义县| http://www.086blackjack.top http://www.ba7mi2.cn http://china.sinasueq.pw http://www.lsjzm4.club http://zgrste.cn http://v.lsjjc5.club