模板html頁面

嗨，我是網絡編程新手。我想創建一個CSS的模板排序，其中除了頁面的內容外，所有頁面看起來都是相同的。模板html頁面

所以我有一個標誌和一些標籤在頂部，您可以瀏覽網站，但網頁的內容會有所不同（contact，about，info.etc）。

我該如何去創建這個模板？

2010-07-12 SuperString

如果你想在Web開發中快速入門，我建議你考慮訂閱lynda.com。他們爲涉及的各種技術等提供了很多很好的教程。查看它在：http://www.lynda.com/home/ViewCourses.aspx?lpk0=118（並且，我沒有通過lynda.com付款... :)我只是發現他們的教程是一個好的起點） – 2010-07-12 01:24:32

您可能想嘗試用純HTML + CSS構建您的模板頁面，然後使用簡單的PHP包含來構建您的頁面。你可以，例如，打破你的頁面分爲兩個單獨的文件：

的header.php：

<!DOCTYPE html> 
<html> 
    <head><title>Hello World</title></head> 
    <body> 
     <div id="main-content">

和footer.php：

 </div> 
    </body> 
</html>

然後，對於使用的任何文件模板，你會使用這樣的事情：

<?php include("header.php"); ?> 

<!--All the content of your page goes here--> 
<h1>Hello World!</h1> 
<p>Lorem Ipsum</p> 

<?php include("footer.php"); ?>

那麼如果有人訪問了前一個文件（假設它是所謂的index.php），然後將這些文件會被組裝和最終的HTML輸出看起來是這樣的：

<!DOCTYPE html> 
<html> 
    <head><title>Hello World</title></head> 
    <body> 
     <div id="main-content"> 

     <!--All the content of your page goes here--> 
     <h1>Hello World!</h1> 
     <p>Lorem Ipsum</p> 

     </div> 
    </body> 
</html>

只要確保你有你的服務器上運行PHP，或者這將無法工作。另外，如果你想在本地開發你的網站，我建議使用XAMPP來獲得本地的Apache主機。

來源

2010-07-12 00:48:33 derekerdmann

這種類型的解決方案不是PHP特定的。 ASP.net應該能夠爲基於Windows的服務器做同樣的事情。如果沒有關於內容的信息是動態的，那麼總是存在直接的基於shtml的內容。 – 2010-07-12 00:59:57

當然。我認爲PHP是一個很好的例子，因爲它幾乎可以在任何Web主機上使用，並且不太難學。 – derekerdmann 2010-07-12 01:11:25

您可以看看許多模板網站中的一些 - 例如， http://www.freecsstemplates.org/或http://www.freecsstemplates.com/。有機會，你會發現接近你想達到的東西。

來源

2010-07-12 00:22:55

我從頭開始構建它 – SuperString 2010-07-12 00:26:36

在這種情況下，如果你發現你喜歡的東西，你可以從頭構建類似的東西 – 2010-07-12 21:41:50

我建議從紙質草圖開始。只需爲每個頁面將具有的不同區域繪製框，如徽標，標題，內容，頁腳等等。有很多方法可以實現此初始階段。 Here's one explanation of the gray box method。

一旦你有這樣的粗略想法，創建1個樣本頁面。您可以使用lorum ipsum填寫內容。獲取CSS以滿足您的喜好，並確保頁面的每個部分（粗略草圖中的每個框）都包含它自己獨特的div（id =「...」）。

一旦你完成了所有這些設置，你就可以準備好你的CSS文件了。

要創建您的模板HTML文件，只需將您正在處理的HTML頁面刪除並刪除所有文件。

CSS Zen Garden是尋找CSS靈感的好地方。

來源

2010-07-12 00:49:36

如果您是初學者，我可以建議試用Adobe Dreamweaver並查看使用DreamWeaver（.dwt）模板。它的確非常容易使用，它允許您創建一個帶有可編輯部分的主文件（模板）。

如果您有Visual Studio，MasterPages會做類似的工作！

祝你好運，歡迎來到Web開發世界！

來源

2010-07-12 00:57:28 Marko

在Mac平臺上，請嘗試Flux - http://www.theescapers.com/。非常漂亮的所見即所得/代碼級工具，比DW更實惠 – 2010-07-12 21:43:32

回答

相關問題