使用菜單構建網站而不使用框架

使用Dreamweaver，我使用框架來定義左欄菜單，然後單擊每個菜單選項卡將更改顯示在右框架上的HTML頁面。但是，諸如kompozer之類的網頁設計工具不支持框架。使用菜單構建網站而不使用框架

什麼是使用這種菜單欄設計HTML個人網頁，而不使用框架的最佳方式？
如果HTML不夠，你會推薦哪些其他腳本語言來學習具有Java背景和HTML和CSS基礎知識的人。
你會推薦哪些網頁設計工具來建立個人網站？

2012-07-07 kms333

erm，'div's是件好事？ – hjpotter92 2012-07-07 09:16:13

所以基本上你的問題是......「我如何建立一個網站？」恐怕這太寬泛了，無法負責。有很多方法可以完成你想要完成的任務。學習HTML，CSS和至少一點JavaScript將會大大提高構建網站的效率。 – David 2012-07-07 09:31:16

1幀
我不建議你使用框架來創建你正在尋找的設計。使用div創建的頁面佈局可能是要走的路。像這樣的東西會做：

<html> 
    <head> 
     <title>My Title</title> 
     <style type="text/css"> 
      div { margin:0; padding:0; } 
      #container { margin:0 auto; width:960px; } 
      #menu { float:left; width:200px; } 
      #content { float:right: width:760px; } 
     </style> 
    </head> 
    <body> 
     <div id="container"> 
      <div id="menu"><!-- Your menu --></div> 
      <div id="content"><!-- Your content --></div> 
     </div> 
    </body> 
</html>

2.腳本語言
HTML和CSS就足以創造你在找什麼，但是如果你想擁有獨立的模板，你的佈局，您的菜單和你的內容，你將不得不尋找一個服務器端語言，可以作爲templating engine。

3.工具
既然你在Java中的背景，我肯定會推薦你去學習使用你選擇的文本編輯器創建HTML和CSS。它們是易於學習的語言，並且與JavaScript一起構成任何想要創建網站的人的基礎。

來源

2012-07-07 09:44:42

製作菜單的好方法是使用the div tag或the nav tag（HTML 5中的新增功能）。然後您需要使用CSS (Cascading Style Sheets)來設置菜單及其條目的位置和外觀。

如果您不想將整個菜單複製到所有頁面，您可以使用像Smarty（需要PHP）的模板系統，它可讓您將菜單的代碼存儲在單獨的文件中，並將其包含在其中需要。對於網頁設計工具，如果您想要像編輯Word文檔一樣編輯HTML（我看到的是您所得到的），我推薦KompoZer（跨平臺，開源）。如果你想直接編輯HTML，任何具有語法高亮的體面編輯器都可以。我使用Geany（跨平臺，開源）和Sublime Text（付費，鍵盤爲中心）。

來源

2012-07-07 09:30:20 Pkkm

Q1 1 - 什麼是設計一個HTML個人網頁這樣的菜單欄的最好方式，不使用框架？

這是非常個人喜好的問題，作爲一個開發者，我沒有使用Dreamweaver的一段時間，因爲雖然它給了一個設計概述，它的功能作爲一個編程工具缺乏相對於其他的IDE。

您可以使用HTML和CSS結構創建列，而不是使用框架來構建頁面。

<div id="canvas"> 
    <div class="row"> 
     <div class="column1"> 

     </div> 
     <div class="column2"> 

     </div> 
     <br class="clearFix" /> 
    </div> 
</div>

而CSS：

.canvas { height: 100%; width: 100%; overflow: hidden } 
.row  { width: 960px; margin: 0 auto; } 
.column1 { width:70%; height: 1024px; float:left; } // Could use PX instead of % 
.column2 { width:30%; height: 1024px; float:left; } // As above 
.clearFix { clear: both; }

也許考慮的IDE，比如Aptana Studio爲PHP，HTML，CSS，Javascript代碼。這將幫助您理解您編寫的代碼，並且您的「設計」視圖成爲瀏覽器，比呈現Dreamweaver的HTML和CSS更精確。

Q2 2 - 如果HTML是不夠的，你會推薦什麼其他腳本語言來學習的人與Java的背景，並有HTML和CSS的基本知識。

的Javascript

的Javascript會幫你一些動態內容添加到您的網站，聯手與JS擴展如jQuery和jQuery的UI是用於選擇和操作DOM元素非常強大的工具。

看看Code Academy。大約8個月前，我偶然發現了這個寶石，並推薦給很多人學習Javascript。（他們也有從Python，Ruby，HTML 5，CSS 2/3的課程供）

PHP

PHP是一個服務器端語言，可以幫助你處理任何後端功能，您的網站可能有這樣的形式提交，數據庫管理等。

由於PHP 5的OOP功能也大大增強了。來自Java背景，你不會覺得很失落我猜測學習PHP OOP。如果您打算編寫更深入更具吸引力的代碼，該語言將幫助您加載。

Q3 3 - 你會推薦什麼網頁設計工具來建立一個個人網站？

如果你想建立一個網站，你有能力已經，堅持你知道的那一刻，但嘗試了不同的工具，並找到一個語言學習（再次我要舉CodeAcademy，這是真的那麼好）。

來源

2012-07-07 10:22:01

使用菜單構建網站而不使用框架

回答

相關問題