網頁設計使用什麼框架好

1、網頁設計哪些軟體比較好？

一、菜鳥級網頁製作軟體

如果你是一個網頁製作初學者，那麼讓下面幾種軟體帶你走進那絢麗多彩的網頁製作世界吧！

①Microsoft FrontPage

如果你曾對Word很熟悉，那麼相信你用FrontPage進行網頁設計一定會非常順手。使用FrontPage製作網頁，你能真正體會到「功能強大，簡單易用」的含義。頁面製作由FrontPage中的Editor完成，其工作窗口由3個標簽頁組成，分別是「所見即所得」的編輯頁，HTML代碼編輯頁和預覽頁。FrontPage帶有圖形和GIF動畫編輯器，支持CGI和CSS。向導和模板都能使初學者在編輯網頁時感到更加方便。

FrontPage最強大之處是其站點管理功能。在更新伺服器上的站點時，不需要創建更改文件的目錄。FrontPage會為你跟蹤文件並拷貝那些新版本文件。FrontPage是現有網頁製作軟體中惟一既能在本地計算機上工作，又能通過Internet直接對遠程伺服器上的文件進行工作的軟體。

②Netscape編輯器

Netscape Communicator和Netscape Navigator Gold3.0版本都帶有網頁編輯器。如果你喜歡用Netscape瀏覽器上網，使用Netscape編輯器真是簡單方便！當你用Netscape瀏覽器顯示網頁時，單擊編輯按鈕，Netscape就會把網頁存儲在硬碟中，然後就可以開始編輯了。你也可以像使用Word那樣編輯文字、字體、顏色，改變主頁作者、標題、背景顏色或圖像，定義描點，插入鏈接，定義文檔編碼，插入圖像，創建表格等，是不是與FrontPage 2000還有些像?但是，Netscape編輯器對復雜的網頁設計就顯得功能有限了，它連表單創建、多框架創建都不支持。

Netscape編輯器是網頁製作初學者很好的入門工具。如果你的網頁主要是由文本和圖片組成的，Netscape編輯器將是一個輕松的選擇。如果你對HTML語言有所了解的話，能夠使用Notepad或Ultra Edit等文本編輯器來編寫少量的HTML語句，也可以彌補Netscape編輯器的一些不足。

③Adobe Pagemill

Pagemill功能不算強大，但使用起來很方便，適合初學者製作較為美觀、而不是非常復雜的主頁。如果你的主頁需要很多框架、表單和Image Map圖像，那麼Adobe Pagemill的確是你的首選。

Pagemill另一大特色是有一個剪貼板，可以將任意多的文本、圖形、表格拖放到裡面，需要時再打開，很方便。

④Claris Home Page

如果使用Claris Home Page軟體，你可以在幾分鍾之內創建一個動態網頁。這是因為它有一個很好的創建和編輯Frame(框架)的工具，你不必花費太多的力氣就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker資料庫，增強的站點管理特性還允許你檢測頁面的合法連接。不過界面設計過於粗糙，對Image Map圖像的處理也不完全。

二、中級網頁製作軟體

如果你對網頁設計已經有了一定的基礎，對HTML語言又有一定的了解，那麼你可以選擇下面的幾種軟體來設計你的網頁，他們一定會為你的網頁添色不少。

①DreamWeaver

自製動態HTML動畫的網頁

DreamWeaver是一個很酷的網頁設計軟體，它包括可視化編輯、HTML代碼編輯的軟體包，並支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過拖拽從頭到尾製作動態的HTML動畫，支持動態HTML(Dynamic HTML)的設計，使得頁面沒有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁面的動畫。同時它還提供了自動更新頁面信息的功能。

DreamWeaver還採用了Roundtrip HTML技術。這項技術使得網頁在DreamWeaver和HTML代碼編輯器之間進行自由轉換，HTML句法及結構不變。這樣，專業設計者可以在不改變原有編輯習慣的同時，充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰性和生命力的是它的開放式設計，這項設計使任何人都可以輕易擴展它的功能。

②Fireworks

第一款徹底為Web製作者們設計的軟體

Fireworks的來頭實在不小，它的出現使Web作圖發生了革命性的變化。Fireworks是專為網路圖像設計而開發，內建豐富的支持網路出版功能，比如Fireworks能夠自動切圖、生成滑鼠動態感應的javascript。而且Fireworks具有十分強大的動畫功能和一個幾乎完美的網路圖像生成器(Export功能)。它增強了與dreamweaver的聯系，可以直接生成dreamweaver的Libaray甚至能夠導出為配合CSS式樣的網頁及圖片！

③Flash

讓你的網頁動起來

Flash是用在互聯網上動態的、可互動的shockwave。它的優點是體積小，可邊下載邊播放，這樣就避免了用戶長時間的等待。#{6FLASH6}#可以用其生成動畫，還可在網頁中加入聲音。這樣你就能生成多媒體的圖形和界面，而使文件的體積卻很小。FLASH雖然不可以像一門語言一樣進行編程，但用其內置的語句並結合JavaScripe，您也可做出互動性很強的主頁來。有人曾經說過：下個世紀的網路設計人不會用FLASH，必將被淘汰出局！我相信這句話沒錯！

④HotDog Professional

製作要加入多種復雜技術的網頁

HotDog是較早基於代碼的網頁設計工具，其最具特色的是提供了許多向導工具，能幫助設計者製作頁面中的復雜部分。HotDog的高級HTML支持插入marquee，並能在預覽模式中以正常速度觀看。這點非常難得，因為即使首創這種標簽的Microsoft在FrontPage中也未提供這樣的功能。HotDog對plug-in的支持也遠遠超過其他產品，它提供的對話框允許你以手動方式為不同格式的文件選擇不同的選項。但對中文的處理不很方便。

HotDog是個功能強大的軟體，對於那些希望在網頁中加入CSS、Java、RealVideo等復雜技術的高級設計者，是個很好的選擇。

⑤HomeSite

製作可完全控制頁面進程的網頁

Allaire的HomeSite是一個小巧而全能的HTML代碼編輯器，有豐富的幫助功能，支持CGI和CSS等等，並且可以直接編輯perl程序。HomeSite工作界面繁簡由人，根據習慣，可以將其設置成像Notepad那樣簡單的編輯窗口，也可以在復雜的界面下工作。

HomeSite更適合那些比較復雜和精彩頁面的設計。如果你希望能完全控制你製作的頁面的進程，HomeSite是你最佳選擇。不過對於生手過於復雜。

⑥HotMetal Pro

製作具有強大數據嵌入能力的網頁

HotMetal既提供「所見即所得」圖形製作方式，又提供代碼編輯方式，是個令各層次設計者都不至於失望的軟體。但是初學者需要熟知HTML，才能得心應手地使用這個軟體。HotMetal具有強大的數據嵌入能力，利用它的數據插入向導，可以把外部的Access、Word、Excel以及其他ODBC數據提出來，放入頁面中。而且HotMetal能夠把它們自動轉換為HTML格式，是不是很棒?此外它還能轉換很多老格式的文檔(如WordStar等)，並能在轉換過程中把這些文檔里的圖片自動轉換為GIF格式。

HotMetal為用戶提供了「太多」的工具，而且它還可以用網狀圖或樹狀圖表現整個站點文檔的鏈接狀況。

三、高級網頁製作軟體

①Microsoft Visual Studio

該系列的版本有：2003、2005、2008和未來的版本；

適合開發動態的aspx網頁，同時，還能製作無刷新網站、webservice功能等，僅適合高級用戶。

②Jbuilder

不論是各種版本，均適合使用其開發出JSP網頁，僅適合高級用戶。

③記事本

別以為記事本功能非常少，軟體很簡單；但是，如何想使用它來製作網頁，也僅適合高級用戶；因為在其內容，沒有任何可視化的操作可直接製作網頁，而只能編寫各種HTML代碼、CSS代碼、JS代碼和各種動態腳本，方能製作出網頁來。

2、網頁菜單最好用什麼製作，css，框架還是什麼

一般菜單的HTML結構會採用ul列表，如下所示：
<div class="nav">
<ul>

<li><a href="#">菜單1</a></li>

<li><a href="#">菜單2</a></li>
<li><a href="#">菜單3</a></li>
</ul>
</div>
簡單點的菜單，也可以直接是幾個超鏈接堆砌，也沒什麼。
不過你說的CSS是層疊樣式表，是美化頁面，進行布局的。在現代網頁中，無論做什麼都需要css，當然也包含了各種菜單。

3、製作網頁一般用什麼軟體啊?

1、DreamWeaver

Dreamweaver可以用最快速的方式將Fireworks，FreeHand，或Photoshop等檔案移至網頁上。使用檢色吸管工具選擇熒幕上的顏色可設定最接近的網頁安全色。對於選單，快捷鍵與格式控制，都只要一個簡單步驟便可完成。

2、Flash

Flash，是一種動畫創作與應用程序開發於一身的創作軟體，目前最新的零售版本為Adobe Flash Professional CS6(2012年發布)。

Adobe Flash Professional CS6為創建數字動畫、互動式Web站點、桌面應用程序以及手機應用程序開發提供了功能全面的創作和編輯環境。

3、Fireworks

Fireworks是Macromedia公司發布的一款專為網路圖形設計的圖形編輯軟體，它大大簡化了網路圖形設計的工作難度，無論是專業設計家還是業余愛好者，使用Fireworks都不僅可以輕松地製作出十分動感的GIF動畫。

4、HomeSite

HomeSite是一種功能完備的html編輯器。它與文本編輯器相似，但含有自動添加HTML標簽以及輕松創建HTML復雜元素的功能。HomtSite還有大量的javascript特性，比如自動創建標簽以及為腳本命令首色等，後者可幫助開發人員更輕松的查看和跟蹤腳本命令。

5、HotDog Professional

HotDog是較早基於代碼的網頁設計工具，其最具特色的是提供了許多向導工具，能幫助設計者製作頁面中的復雜部分。HotDog的高級HTML支持插入marquee，並能在預覽模式中以正常速度觀看。

4、網頁設計框架運用

參考下
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>後台管理</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
</head>
<frameset rows="20%,*">
<frame src="top.html" name="top"></frame>
<frameset cols="30%,*">
<frame src="menu.html" name="menu"></frame>
<frame src="cont.html" name="cont"></frame>
</frameset>
</frameset>
</html>
----------------------我是分割線---------------------------------------------------------------
menu.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>菜單欄</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<script type="text/javascript">

</script>

<style type="text/css">

</style>
</head>
<body>
<h1>管理選項</h1>
<ul>
<li><a href="public.html" target="cont">發布文章</a></li>
<li><a href="list.php" target="cont">文章列表</a></li>
<li><a href="langmulist.php" target="cont">欄目列表</a></li>
<li><a href="addLangmu.html" target="cont">添加欄目</a></li>
<li><a href="layout.html" target="_top">退出登陸</a></li>
</ul>
</body>
</html>

5、使用框架設計的網站具有哪些好處

是否該用框架技術去設計一個新網頁，也已成了大家爭論不休的話題。在這篇文章中，我們為你提供了一些基本的優化技術，同時你也能夠了解到：如何讓一個使用框架的網頁為主要搜索引擎正確索引及如何對其進行優化。 首先，讓我們來看看。它的優越性體現在整個網頁設計的整體性的保持及更新上。這也是為什麼有相當多網站設計者都傾向於使用框架技術來進行網站的設計。尤其對於那些大型網站(至少500頁以上的內容)而言，框架結構的使用可以使網站的維護變的相對容易。什麼是框架型網頁? 如果一個網頁的左邊導航菜單是固定的，而頁面中間的信息可以上下移動，這一般就可以認為是一個框架型網頁。此外，一些框架型站點的模板在其頁面上方放置了公司的LOGO或圖片。不過這一塊也是位置固定的。而頁面的其它部分則可以上下左右移動。有的框架型站點模板還會在其固定區域中放入鏈接或導航按鈕。另外，在框架型網頁中，深層頁面的域名通常不會在URL中體現出來(這就意味著在瀏覽器的URL一欄中，不會顯示你當前所看的深層頁面，而是主頁的URL)。這種問題在一般結構的網站中是不存在的。 無論是在一些內容比較好的書籍里還是在網上，你都能看到很多關於搜索引擎優化方面的文章。在這些文章當中，基本上都認為網站用框架來設計是極不可取的。這是由於大多數的搜索引擎都無法識別網頁中的框架，或者無法對框架中的內容進行遍歷或搜索。 在這種情形下，又有人可能會告訴你使用框架的網站永遠不可能為搜索引擎索引，也不可能得到好的優化。這種論調對錯參半。倘若框架使用得當，這種論調是站不住腳的。但對於框架的錯誤使用，或在網站設計時壓根不考慮今天搜索引擎技術的方方面面，那麼這句話又是有一定道理的。為什麼使用框架的網頁無法被正確索引? 在此，我們將向大家解釋為何使用框架的網頁無法被使用網路蜘蛛(spiders)或網路爬蟲(crawlers) 的主要搜索引擎(如Google)正確索引的主要原因。在一個框架網頁的後台代碼中，我們一般能夠看到的是網頁的標題標記(Meta Title)、描述標記(Meta Description)、關鍵字標記(Meta Keywords)及其它原標記(Meta Tags)，同時你還會看到一個框架集標記(Frameset Tag)。框架中的內容在後台代碼中是無法被體現的，而對於那些主要搜索引擎的搜索程序來說，如Google的GoogleBot和Freshbot，其設計思路都是完全忽略某些HTML代碼，轉而直接鎖定網頁上的實際內容進行索引。這樣一來，網路蜘蛛在那些一般性的框架網頁上根本找不到要搜索的內容。這是由於那些具體內容都被放到我們稱之為「內部網頁」中去了。 現在大家都清楚了，無論對於任何網站及任何頁面，真實的頁面內容才是達到成功優化的一個重要因素。因此很顯然，一個使用框架的網站是幾乎不可能在搜索引擎中取得較好的頁面等級的。現今的搜索引擎期待的只有一件事情，那就是網站的內容。這里的內容指無格式或文本格式的內容，也就是網頁上所寫的詞和短語。使用「Noframes」標記進行優化 使用了框架型網頁並不意味著就完全無法對其網頁進行優化。實際上在HTML標記中，有一個叫做NOFRAME的標記，如果使用得當的話我們就可以有效地對頁面進行優化了，從而使得搜索引擎能夠正確索引你框架網頁上的內容信息。也有網站這樣使用NOFRAMES標記：他們在NOFRAMES標記里放上這么一段話：「本網頁使用了框架，但您的瀏覽器不支持框架。請下載新的瀏覽器觀看。」 讓我們看看那些專業的搜索引擎優化公司是怎麼做的吧。他們在使用了框架的網頁中，有效的提供含有豐富關鍵字和關鍵短語的重要文字和內容，從而有效幫助網站在SERP(搜索引擎搜索結果頁)中取得較高的排名(頁面等級)。 這樣優化的結果，其實就是讓主要搜索引擎不但讀取了你的網頁後台代碼中的標題和其它原標記，而且對那些不支持框架的瀏覽器所無法顯示的頁面內容信息，也進行了索引。如果你出於某種原因非要使用框架結構，那麼請緊記：在你的後台代碼中一定要正確的使用NOFRAMES標記，這一點非常重要。 很顯然，我們所說的這些優化措施，只有對那些網頁內容經過精心撰寫，並且在內容中充分使用了重要關鍵字和關鍵短語的網站才起作用。其它相關問題 上面我們針對一個使用了框架結構的網站主頁如何進行優化做出了詳細的分析。我相信現在大家應該學會怎樣對使用框架的其它內部頁面怎樣進行正確優化了吧。

6、網頁設計中框架的作用？怎樣合理的利用它？

現在用的比較少了。
個人經驗一是在做幫助文件，左邊是標題的鏈接，右邊顯示具體內容的時候用到過框架。二是開發聊天室的時候用過框架。三是教網頁製作作業的時候被強行要求使用框架時候用過框架。其他的一時想不起來。