快速網頁設計工具_製作網頁可以用什麼軟體

1、網頁的設計工具

一、Amaya（單位：萬維網聯盟）用於編輯HTML、CSS、數學標記語言、可縮放矢量圖形的工具
二、Dreamweaver（單位：奧多比）用於編輯HTML、ASP、JSP、PHP的輔助工具

三、Frontpage（單位：微軟）跟Dreamweaver一樣。
四、FLASH（單位：奧多比）網頁需要畫面流動（動畫）時的首選擇。
五、PhotoShop（單位：奧多比）圖象處理軟體，一般網頁都需要有圖片的相搭配，PhotoShop是款很強大的工具。
六、FireWorks（單位：奧多比）跟PhotoShop一樣都是圖象處理軟體，但FireWorks偏向與對網頁的處理。Fireworks主要用於製做動態圖片格式。
七、StylePix（單位：Hornil）跟PhotoShop一樣都是圖象處理軟體，可以處理光柵及矢量圖形。權威研究結果表明：人們在線的閱讀習慣和平時的閱讀習慣是完全不一樣的。訪問者通常是在非常隨意的狀態下快速瀏覽你的網頁的，他們急於獲取真實的、實用的，並且是有價值的信息。如果他們不能及時地獲取所需信息，那麼，他們將離開你的網頁。
下面的3點方法將會給你帶來幫助，它會讓你為你的訪問者提供所需信息，指出提升網頁可用性的方法。
一、精簡的文本描述
你所寫的文章必須圍繞一個主題，這可以方便訪問者快速獲取主旨信息和中心思想。好好想想如何把文章改得精簡得體以便於訪問者閱讀。這里告訴你一個可行的辦法，盡量把一段文章在3-4行之內敘述完整，然後再另起一行寫下面一段。
二、便於快速瀏覽的文本
網路用戶一般不會在線精讀文本內容，他們通常是快速瀏覽。因此，應該盡量使用簡短、醒目的文本。舉個例子來說，可以通過超鏈接的形式將重要的信息從頁面中分離出來，這樣做會使得這段重要信息顯得非常醒目。將一個段落以重點列表的形式表示也是一種非常可行的方法。學會在你的重點片語前方加一個起強調作用的圓點。還有一點，學會在頁面中使用副標題，當你瀏覽網頁時，將重點挑選出來，並將它們寫在標題標簽內，「標題2」和「標題3」的效果最好，但是「標題1」標簽的效果也會相當不錯，這樣做會可以給整個頁面的信息分出層次，以幫助閱讀者在簡單地瀏覽頁面之後快速地獲取所需信息。
三、必須要客觀公正
這里要提到的「客觀公正」指的是：在你的網頁上放上與你網頁內容相關的鏈接，讓訪問者做出自由的選擇：是繼續留在你的網頁上，還是去別的網頁上尋找信息。這對於你——網頁的所有者來說，並不是一件壞事。因為你可以為訪問者指明確切的方向。好好按照上面說的把你的網頁改進一下。我相信，網頁的可用性一定會大大提升；同時，你的訪問者也會非常感激你，並且會很願意與你進行往來。筆者曾經是一個網頁設計的菜鳥，經過自己不斷的摸索和實踐。已經可以獨立製作一個完整的靜態站點，並且給學校的N（N>5）個部門、院系和外面的公司做網站，雖然不是一個完全意義上的Web Designer（網頁設計師），但是完成一些要求不是很專業、不是十分完美的站點已經是小事兒了（嘿嘿，是不是有自吹自擂之嫌），自己心裡已經是小有成就感了，所以自封為准Web Designer！
自認為成長過程還算快，所以把本人的經歷向大家介紹一下，給那些有志於此的朋友們一些參考意見。
循序漸進學知識
先學一學HTML，找本自己能看懂的教材。瀏覽為主，不用記住所有的概念，只要記住使用原理就行了，這一階段，估計三天就夠了；然後用兩天時間學CSS，方法同上；進而再花些時間了解一下JavaScript。
然後就可以用記事本嘗試寫幾個網頁，記住這時千萬不要用那些可視化工具，比如Amaya、FrontPage、Dreamweaver（那些以後再學）。
有一個提高自己「寫網頁」的捷徑，就是上各大網站，把網頁保存下來（什麼？你說你不會保存網頁？就是「文件→另存為」），然後打開保存下來的網頁，點擊右鍵→查看源文件，看看人家的網頁是怎麼寫的，然後模仿他們的寫法，不斷規范自己的代碼。嘿嘿，這個方法不錯吧。先好好模仿一下吧。
接下來該學一下Fireworks了。建議一開始就到網上找些實例教程，這些實例教程一般都介紹得很詳細，跟著它一步一步做下來，每學會一個實例就掌握了幾項操作，而且也有了自己的作品，很有成就感的，長期積累下來對自己的提高很有幫助。學Fireworks主要是學圖片處理，比如加一些效果，還有很重要的就是切圖，這對於初學者是很重要的。一、文本：文本是網頁上最重要的信息載體與交流工具，網頁中的主要信息一般都以文本形式為主。
二、圖像：圖像元素在網頁中具有提供信息並展示直觀形象的作用。
靜態圖像。在頁面中可能是光柵圖形或矢量圖形。通常為GIF，JPEG或PNG；或矢量格式，如SVG或Flash。
要是想讓你的網頁多一些炫目的效果，建議你學一下Flash，難度並不大，而且要是前面的JavaScript基礎打得好的話，學到Flash中ActionScript時，你會有一種似曾相識的感覺，因為這兩種語法幾乎是一模一樣的。
到這時，相信你就可以真正領會到「網頁三劍客」的威力了。
在實踐中不斷提高
要是每天能拿出兩個小時來學習，完成以上這些學習估計只要20天就差不多了。要是天賦高的話，那需要的時間就更少了。接下來該實習了，找個地方鍛煉一下自己，比如可以去一些公司乾乾兼職，或是給自己的單位設計一下主頁等。
最好是能進入一個正規的開發團隊，你就會學會如何以團隊合作的方式開發網站。特別是怎樣和程序組合作，把頁面與後台程序資料庫配合起來。可能你會擔心自己是新手，人家會嫌棄你，沒關系，只要努力去找，總會有機會的。
我特別感謝我們學校的學生在線網站給了我一個機會。有一天正趕上應聘，我拿著自己做的兩個Flash作品就去了，沒想到面試還通過了，於是我就這樣有了在專業開發團隊中實踐的機會，通過自己的不斷努力以及向高手的不斷提問，水平飛快提高，兩三個月後，就可以獨立完成一些站點了，當然只是靜態的。在此，我想指出，千萬不要不好意思，不會就問，高手們是很樂意回答你的，而且你能向他請教，這本來就是對他的一種肯定，他會很高興的，呵呵。
到此，你就基本可以稱作是一個「准Web Designer」了，不過要從根本上提高自己，最好去學學美術，這是當一個網頁設計師的基本功。
筆者剛開始做網頁純粹是自娛自樂，但在這個過程中，我逐漸開始深深喜歡上了這項工作。這個學習過程是人生的一筆寶貴財富，至少我是這么認為的。

2、有可以簡單快速用於製作網頁的軟體嗎？（中文版）

網頁製作需要下載軟體：
DREAMWEZVER、PHOTOSHOP、FLASH MX
均中文版，安全無毒，支持WIN7、XP、WIN2K 32位及64位
地址：
http://hi.baidu.com/msoffice2011/blog/item/9e11d83eff6a1e2b349bf7d8.html
安裝完成即可永久使用

3、製作網頁可以用什麼軟體？

4、網頁設計中常用的工具有哪些？輔助工具有哪些？

2 . HTML 入門例子
HTML入門例子 -- 自己可以嘗試編輯
HTML 入門例子示例 -- 可以嘗試編輯

* 在網頁中輸入文字
* 定義一個段落
* 定義多個段落
* 在一個段落中換行
* 為網頁加上水平分割線
* 定義文字的顏色
* 定義網頁的背景顏色
* 嘗試鏈接到百度和google

好通過上面的演練有點感覺了吧?下面開始詳細學習:)

<1>打開記事本:點擊"開始"－－選擇"程序"－－選擇"附件"－－選擇"記事本"

<2>輸入下面代碼(直接拷貝過去就可以啦)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html>
<head>
<title> 歡迎來到夢之都 </title>
</head>
<body>
<p>這是我的第一個網頁,在這里
<a href="http://www.dream.com/xhtml/">
盡情學習HTML吧!
</a>吧!
</p>
</body>
</html>

<3>點擊"文件"－－選擇"保存"－－選擇文件類型為"所有文件"－－文件名輸入"dream.html"並選擇文件保存地址.(記住一定要把文件的後綴存為.html或.htm,否則網頁無法顯示)

<4>現在我們可以雙擊這個文件.看看效果吧 .
現在解釋一下上面的例子:

* HTML文件就是一個文本文件.文本文件的後綴名是.txt,而HTML的後綴名是.html.
* <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">代表文檔類型,大致的意思就是:遵循嚴格的XHTML1的格式書寫.具體文檔類型後面有介紹(見文檔類型),現在只要照寫就形.
* HTML文檔中,第一個標簽是<html>.這個標簽告訴瀏覽器這是HTML文檔的開始(見html標簽).
* HTML文檔的最後一個標簽是</html>,這個標簽告訴瀏覽器這是HTML文檔的終止.
* 在<head>和</head>標簽之間的文本是頭信息.在瀏覽器窗口中,頭信息是不被顯示在頁面上的(見head標簽).
* 在<title>和</title>標簽之間的文本是文檔標題,它被顯示在瀏覽器窗口的標題欄(見title標簽).
* 在<body>和</body>標簽之間的文本是正文,會被顯示在瀏覽器中(見body標簽).
* 在<p>和</p>標簽代表段落(見p標簽).
* <a>和</a>定義了一個超鏈接,用戶只要點擊了"盡情學習",就可以鏈接到http://www.dream.com網站(見a標簽).

引用網址:http://www.dream.com/xhtml/novice/
幾個問題:
我只能使用記事本做編輯器嗎?

答:有很多編輯器可以使用,一些所見即所得的編輯器,比如Dreamweaver,Frontpage你可以很容易創建一個頁面,而不需要編寫代碼,但有可能產生一些垃圾代碼.

如果你想成為一名熟練的網路程序開發者,我強烈建議你用純文本編輯器編寫代碼,這有助於學習HTML基礎.當然也可以使用比較強大的文本編輯器,比如:EditPlus UltraEdit.

猴子推薦: 編輯網頁時可以同時使用Dreamweaver與EditPlus,Dreamweaver的強大功能可以快速的產生大量代碼,再通過EditPlus修正完善代碼.
我編寫完了HTML文件,但是雙擊後並不能在瀏覽器中看到結果,為什麼？

答:請確認你保存了文件,並且使用了正確的文件名和擴展名,例如:dream.html,並且確認你用瀏覽器打開的是同樣的文件.
我編輯了HTML文件,但是修改結果並沒有在瀏覽器中顯示,為什麼？

答:瀏覽器緩存了你原先的頁面,所以它不會讀取新的頁面.你修改了這個頁面,瀏覽器並不知道.請使用"刷新/重載"按鈕來強迫瀏覽器讀取編輯過的頁面,或按F5反復刷新.
怎麼顯示文件擴展名？

答:打開"我的電腦"--選擇"工具"--選擇"文件夾選項"--選擇"查看"--去掉"隱藏已知文件類型的擴展名"的對勾.

顯示文件擴展名

猴子推薦: FireFox瀏覽器在編輯網頁時是不可或缺的,我們應該同時使用IE與FireFox查看網頁效果.
延伸閱讀

* CSS 入門例子

5、有什麼工具可以快速畫出web頁面布局和大概設計的嗎

入股喲要求不高的話，可以利用Dreamweaver或者是C#進行，因為這兩個都是網頁製作中比較簡單的應用工具。
當然，在進行web頁面布局的時候，可以用div+css進行，這樣可以有效的防止內容浮動

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

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，並能在預覽模式中以正常速度觀看。

7、誰能推薦比較簡單的網頁製作軟體

網頁製作軟體的選擇
u 選擇一個適合自己的網頁編輯工具
了解了網頁的類型及相關技術之後，下一步，就是要選擇一個適合自己的網頁編輯工具。

Frontpage

Frontpage 是 Microsoft 出品的，可能是最簡單、最容易，卻又功能強大的網頁編輯工具。採用典型的 Word 界面設計，只要你懂得使用 Word，就差不多等於已經會使用 Frontpage。就算你不懂 Word 也沒關系，"所見即所得"的操作方式會讓你很快上手，而且你無須學習 HTML 語法。

但 Frontpage 的也有其不足之處：首先是瀏覽器兼容性不好，做出來的網頁，用 Netscape 往往不能正常顯示；其次，生成的垃圾代碼多，也會自動修改代碼，導致在某些情況下極為不便；再次，對DHTML的支持不好。但不管怎麼說，Frontpage 的確是最好的入門級網頁編輯工具。

常見的版本為 Frontpage98 和 Frontpage2000。

Dreamweaver

Dreamweaver 是 Macromedia 公司的產品的另一款"所見即所得"的網頁編輯工具,或稱網頁排版軟體。與 Frontpage 不同，Deamweaver 採用的是 Mac 機浮動面版的設計風格，對於初學者來說可能會感到不適應。但當你習慣了其操作方式後，就會發現 Dreamweaver 的直觀性與高效性是 Frontpage 所無法比擬的。

Dreamweaver 對於 DHTML 的支持特別好，可以輕而易舉地做出很多眩目的頁面特效。插件式的程序設計使得其功能可以無限的擴展。Dreamweaver 與 Flash、Firework 並稱為 Macromedia 的網頁製作三劍客，由於是同一公司的產品，因而在功能上有著一個非常緊密的結合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，說Dreamweaver 是高級網頁製作的首選並不為過。

常見的版本為 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0

flash

flash也是 Macromedia 公司的產品，Flash 是互動式矢量圖和 Web 動畫的標准。網頁設計者使用 Flash 創作出既漂亮又可改變尺寸的導航界面以及其他奇特的效果。相信凡是見過 Flash 技術的人，沒有一個不想掌握它的。它不但易學、易用，而且可以做出有很多動畫的網站，並且聲色結合，是一種很有前途的網頁製作技術。

firework

firework也是 Macromedia 公司的產品，是真正的網頁作圖軟體。Fireworks 與 Dreamweaver 結合很緊密，只要將 Dreamweaver 的默認圖像編輯器設為 Fireworks ，那麼在 Fireworks 里修改的文件將立即在 Dreamweaver 里更新。另一個功能是可以在同一文本框里改變單個字的顏色。當然，Fireworks 可以引用所有的 Photoshop的濾鏡，並且可以直接將 PSD 格式圖片導入。它是用來畫圖用的，它相當於結合了Photoshop ( 點陣圖處理 ) 以及CorelDRAW (繪制向量圖)的功能。網頁上很流行的陰影、立體按鈕...等等的效果，也只需用滑鼠點一下，不必再靠什麼KPT 之類的外掛濾鏡。而且 Fireworks很完整的支持網頁16進制的色彩模式，提供安全色盤的使用和轉換，要切割圖形、做影像對應(Image Map)、背景透明，要圖又小又漂亮，在Fireworks 中做起來都非常方便，修改圖形也是很容易的。不需要再同時打開Photoshop和CorelDRAW...等等各類軟體，切換來切換去的了。

Dreamweaver、Flash、Firework稱為網頁製作三劍客，將三個軟體配合起來使用，會製作出非常精美的網頁

gifanimator

Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 動畫工具，它在一個軟體包中提供了頂級的功能，用於動畫編排、編輯、特效和優化。 GIF Animator 差不多支持每個主要的文件格式，包括視頻文件，並允許輸出為 Windows AVI、QuickTime 電影、Autodesk 動畫或圖像序列。用戶可以生成適當的 HTML 代碼，以便將動畫嵌入到網頁中，並且可以將動畫打包成獨立的 EXE 文件，以便通過電子郵件發布和在任何地方來查看。

u 製作主頁

製作主頁無非是添加文字、添加圖片、添加鏈接，跟用word沒什麼區別，經過簡單的學習後，你就會製作主頁了！但是，要作出高水平的主頁那要學的東西就太多了，不過總結起來就是html，圖形製作，動畫製作，頁面特效製作和後台程序製作幾個部分。

u 申請的主頁空間，把你製作的主頁傳上去

我們製作的頁面放在我們自己的計算機上，別人是不能看見的。為了讓別人看見我們製作的頁面，我們必須將他們放到一台和internet一直連接的計算機（伺服器）上。你可以到提供空間服務的站點申請主頁空間。有空間以後就可以利用響應的FTP（文件傳輸協議）工具軟體將我們製作的頁面傳上去。這樣，就可以讓大家來分享我的精彩頁面了。

常見的FTP工具軟體有cuteFTP、leapFTP等，其功能和使用方法都比較類似，具體使用方法可參見本站想應的文章。

可能你開始的主頁只是非常簡單，但是這是你的第一步，也是良好的開端，然後再一步步學習：如何把網頁製作漂亮一些？如何製作動畫？對於新手，千萬不要一下子就想：我看到某某某網頁這么漂亮，它是怎樣做出來的？我很想馬上做出來，於是馬上就去研究復雜的網頁，這樣你會發現網頁製作很難，學兩下就放棄了，這樣永遠學不會製作主頁。想當初，我對於我的網頁能產生鏈接也高興了半天，於是產生了更大的興趣。記住：一步一步來，不要一下子想成為高手，否則很難成為高手。

8、怎麼簡單快速製作網頁啊？？？

製作網頁copy： 1、定位網頁（內容、功能、風格等） 2、找素材、資料（網頁內容文字、圖片、flash……） 3、做出ps效果圖再切圖 4、用相當不錯的網頁製作工具Dreamweaver8編排內容 5、修改完善做網頁你就不要求什麼快速的方法，做一個好的網頁出來是要用心的才可以......

導航:首頁 > 萬維百科 > 快速網頁設計工具

快速網頁設計工具

與快速網頁設計工具相關的知識