2014年12月1日 星期一

網站各頁重複部份呼叫處理及編輯軟體推薦

有時候網站各頁面,會有許多重複的部份,比如說功能選單和頁尾。

若伺服器可以支援(很多免費的都能支援了應該沒問題),可將該部份程式碼獨立存檔,再在各頁使用PHP的呼叫功能,避免重複編輯。

舉例來說,頁首選單的部份原始碼為:
<div id="navcontainer">
<ul id="navlist">
<li><a href="index.html">回首頁</a></li>
<li><a href="activity/index.html">活動資訊</a></li>
<li><a href="aboutus/index.html">關於我們</a></li>
<li><a href="bbs/
index.html">論壇</a></li>
<li><a href="links.html">其他連結</a></li>
</ul>
</div>
以上可擷取另存成「menu_top.htm」,相關的Script和CSS也一起放進去,若要每頁配色不同CSS可以不放。其實頁首標題的圖片也可以放在這裡。

頁尾的部份原始碼為:
<div class="spacer" />
<div id="footer">
<ul id="infolist">
<li>某某人版權所有</li>
<li><a href="copyright.html">版權宣告</a></li>
<li><a href="business.html">合作方式</a></li>
</ul>
<div id="contactfooter">聯絡電話:(02)2345-6789 E-Mail:<a href="mailto:info@12345678.com">寫信給我</a></div>
</div>
以上可擷取另存成「footer.htm」。
同理,若有左側選單,將原始碼擷取另存成「menu_left.htm」。

以 上這些共用元件存好後,以:「<?php include_once("menu_top.htm")?>」、「<?php include_once("menu_left.htm")?>」、「<?php include_once("footer.htm")?>」等,分別在該出現的地方呼叫過來呈現,即可免除加一頁就要一次改25個檔案的窘境。


至於推薦的工具軟體,可以試試:
  1. Kompozer,所見即所得網站編輯器,是開放原始碼的Dreamweaver替代方案。
  2. 記事本加強工具有很多,以下都可以針對網頁語法,以不同顏色標註以利檢視:
    • Notepad2,開源版超精簡,可直接取代記事本。
    • EditPlus,功能不錯是收費軟體,不過網路上很多序號和中文版。
    • Notepad++,台灣網友自行開發的免費軟體,功能多元。
    • PSPad,多人使用的免費軟體,功能也很不少。

by 偷你