網頁頁面設計工具_網頁界面設計工具有哪些

1、製作網頁要用到那些工具？有什麼方法製作網頁？

用到了這些東西：Macromedianbsp;DreamWeavernbsp;MXnbsp;2004,nbsp;Adobenbsp;Photoshopnbsp;CS,nbsp;Adobenbsp;ImageReadynbsp;CS,nbsp;EditPlus,nbsp;Google/網路站點規劃。越詳細越好，包括名稱，內容定位，色彩定位，主要頁面的文件名等等等等。nbsp;用Photoshop做出主要頁面的外觀。nbsp;用ImageReady切片，並導出成html文件。nbsp;用Dreamweaver編輯導出的html文件，使之適應需要的效果。nbsp;加入asp/php。中間會用到Editplus和Google/網路。nbsp;測試。nbsp;完畢。nbsp;當你要准備做一個類似hellonbsp;world的網站的時候，請熟悉第4步。當准備做一個漂亮的靜態頁面的時候，請熟悉前四步。當你准備做簡單的一個具有相當交互功能的頁面的時候，請熟悉第4到第6步。當你准備做一個漂亮的，具有相當交互功能的頁面的時候，請熟悉以上全部步驟。nbsp;學會使用Dreamweaver，學會asp/php並不難，難的在於頁面設計的美觀、簡單、實用。工具的使用、所以要分清楚做「網頁」和做「好的網頁」。先要會做「網頁」，才能慢慢會做「好的網頁」。nbsp;從零開始學：先學會使用工具DreamWeaver，打好html基礎。做簡單的靜態網頁。同時學習photoshop和imageready，熟悉圖像處理。然後做漂亮的簡單靜態頁面，將ps,nbsp;imageready,nbsp;dw綜合起來應用。然後學asp，加入。然後就是美工的提高啦1。首先要確定做什麼樣的網站，靜態的還是動態的。如果你想建立靜態的網站，可以用DREAMWAVER和FRONTPAGE都可以，只在裡面添加一些簡單的圖片和文字。圖片可以用photoshop來編輯，使它更美觀。nbsp;2。如果要做動態的，可以學習ASP。連接後台資料庫，就是一般我們見到的網上商店什麼的。nbsp;3。網站作好後，就要購買域名，也可以在網上找免費的。然後就是購買空間，這個也可以找免費的。這些網上免費的資源只適用於靜態網站，因為它的數據量比較小，動態的一般要幾百M的空間，所以只能在網上購買。nbsp;4。網站的上傳，如果是靜態的，可以用cuteftp，flashfxp等上傳工具來吧網站的資料上傳到空間，如果是動態的，因為有資料庫，一般的空間提供商都會說明。nbsp;5。網站的維護，好的網站也要不斷的維護與完善，否則沒有人瀏覽也是一點用處也沒有的nbsp;以上就是建立自己的網站的幾個步驟。
查看原帖>>

2、設計網頁一般用什麼工具？

用到了這些東西：Macromedia DreamWeaver MX 2004, Adobe Photoshop CS, Adobe ImageReady CS, EditPlus, Google/Bai

站點規劃。越詳細越好，包括名稱，內容定位，色彩定位，主要頁面的文件名等等等等。
用Photoshop做出主要頁面的外觀。
用ImageReady切片，並導出成html文件。
用Dreamweaver編輯導出的html文件，使之適應需要的效果。
加入asp/php。中間會用到Editplus和Google/Bai。
測試。
完畢。
當你要准備做一個類似hello world的網站的時候，請熟悉第4步。當准備做一個漂亮的靜態頁面的時候，請熟悉前四步。當你准備做簡單的一個具有相當交互功能的頁面的時候，請熟悉第4到第6步。當你准備做一個漂亮的，具有相當交互功能的頁面的時候，請熟悉以上全部步驟。

學會使用Dreamweaver，學會asp/php並不難，難的在於頁面設計的美觀、簡單、實用。工具的使用、所以要分清楚做「網頁」和做「好的網頁」。先要會做「網頁」，才能慢慢會做「好的網頁」。

從零開始學：先學會使用工具DreamWeaver，打好html基礎。做簡單的靜態網頁。同時學習photoshop和imageready，熟悉圖像處理。然後做漂亮的簡單靜態頁面，將ps, imageready, dw綜合起來應用。然後學asp，加入。然後就是美工的提高啦

1。首先要確定做什麼樣的網站，靜態的還是動態的。如果你想建立靜態的網站，可以用DREAMWAVER和FRONTPAGE都可以，只在裡面添加一些簡單的圖片和文字。圖片可以用photoshop來編輯，使它更美觀。
2。如果要做動態的，可以學習ASP。連接後台資料庫，就是一般我們見到的網上商店什麼的。
3。網站作好後，就要購買域名，也可以在網上找免費的。然後就是購買空間，這個也可以找免費的。這些網上免費的資源只適用於靜態網站，因為它的數據量比較小，動態的一般要幾百M的空間，所以只能在網上購買。
4。網站的上傳，如果是靜態的，可以用cuteftp，flashfxp等上傳工具來吧網站的資料上傳到空間，如果是動態的，因為有資料庫，一般的空間提供商都會說明。
5。網站的維護，好的網站也要不斷的維護與完善，否則沒有人瀏覽也是一點用處也沒有的
以上就是建立自己的網站的幾個步驟。

3、網站頁面設計軟體有哪些

可以直接到網上下載建站系統來做的，例如：pageadmin cms、discha都是不錯、簡單、方便，直接下載就可以使用了。

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、製作網頁一般用什麼軟體啊?

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

6、國內幾款比較好用的html5頁面製作工具有哪些？

你好，微信上的HTML頁面一般是用工具做出來的，很少有開發的H5案列，最常見是翻頁H5，自由度比較低，只能修改圖片換換文字，而專業工具自由度比較高，可以很靈活的設計H5，epub360在專業工具中上手難度適中，值得大家嘗試下。Epub360，有很多豐富的組件可以調用。使用邏輯跟PPT差不多，音樂、動畫、視頻、交互都可以輕松實現。在線製作，只需要把鏈接放在公眾號里或者分享朋友朋友圈即可。

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

8、網頁界面設計工具有哪些

工欲善先利其器，網頁界面設計過程中要運用很多工具，藍湖、PS、Sketch、AI、Axure 這些差不多能囊括其工作的方方面面。

9、有什麼可視化設計web界面的工具

1、dreamweaver——集WEB端網頁設計和網站管理於一身的所見即所得網頁編輯器
2、Axure——原型設計工具，主要設計WEB原型
3、墨客——原型設計工具，對PC端和WEB端都很友好

以上這幾款使用率都比較高，最近幾年用Axure原型設計的較多。DW工具比較早。

10、網頁設計都用哪些軟體

Fireworks Dreamweaver Flash PS JavaScript等。
Fireworks是Adobe推出的一款網頁作圖軟體，軟體可以加速 Web 設計與開發，是一款創建與優化 Web 圖像和快速構建網站與 Web 界面原型的理想工具。Fireworks 不僅具備編輯矢量圖形與點陣圖圖像的靈活性，還提供了一個預先構建資源的公用庫，並可與Adobe Photoshop、Adobe Illustrator、Adobe Dreamweaver和 Adobe Flash軟體省時集成。在 Fireworks 中將設計迅速轉變為模型，或利用來自Illustrator、Photoshop和Flash的其它資源。然後直接置入Dreamweaver中輕松地進行開發與部署

Adobe Dreamweaver，簡稱「DW」，中文名稱"夢想編織者"，是美國MACROMEDIA公司開發的集網頁製作和管理網站於一身的所見即所得網頁編輯器，DW是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地製作出跨越平台限制和跨越瀏覽器限制的充滿動感的網頁。

Flash又被稱之為閃客，是由macromedia公司推出的互動式矢量圖和 Web 動畫的標准，由Adobe公司收購。網頁設計者使用 Flash 創作出既漂亮又可改變尺寸的導航界面以及其他奇特的效果。Flash的前身是Future Wave公司的Future Splash，是世界上第一個商用的二維矢量動畫軟體，用於設計和編輯Flash文檔。

Photoshop主要處理以像素所構成的數字圖像。使用其眾多的編修與繪圖工具，可以有效地進行圖片編輯工作。ps有很多功能，在圖像、圖形、文字、視頻、出版等各方面都有涉及

JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用於客戶端的腳本語言，最早是在HTML（標准通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態功能。

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

網頁頁面設計工具

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