導航:首頁 > 萬維百科 > 免費網站設計工具

免費網站設計工具

發布時間:2020-09-23 21:32:47

1、製作網頁可以用什麼軟體?

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

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

3、Dreamweaver是目前最常用的網頁設計工具嗎

現在國內這類的素材網站比較多,主要看你擅長哪個領域吧,像花瓣啊,大作啊,設計癖啊,這些都是我們耳熟能詳的網站,不過大部分都是要收費的,我最近在用大師助手這個軟體,免費,還能上p,個人感覺還不錯

4、有哪些好的免費在線網頁設計工具

網上下載建站系統:paheadmin、shopex都是不錯的、簡單、方便,直接,下載就可以直接用來用!!!

5、設計網頁一般用什麼工具?

用到了這些東西: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。網站的維護,好的網站也要不斷的維護與完善,否則沒有人瀏覽也是一點用處也沒有的
以上就是建立自己的網站的幾個步驟。

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、網頁設計師非常有用的幾個在線工具

幾個網頁設計工作中經常會用的在線工具,能夠大大的提供工作效率!
ProCSSor

ProCSSor是一個很不錯的CSS代碼美化工具,它可以輕松的把代碼轉換成很美觀的格式。
jsFiddle

JsFiddle有多種用途,其中一個用法就是可以在線編輯HTML, CSS 和JavaScript片段,而且代碼可以分享,還可以嵌入到你的博客中等等。
Frame Box

Frame Box是一個非常好用的用於在線分享線框圖(wireframes)的工具。
Spritebox

Spritebox是一個所見即所得的工具,幫助Web設計者迅速而輕松地從一張精靈圖片(CSS Sprit Image)創建CSS類和ID選擇符樣式。這里涉及到一項技術叫CSS Sprites,在國內很多人叫CSS精靈,它是的基本原理是使用CSS的背景系列屬性的組合進行背景圖片的精確定位。
CSS3 Generator

這是一個簡單的跨瀏覽器CSS3樣式生成器,可以生成你想要的任何值。
Super Conversion Button

這個工具可以幫助你瞬間生成一個美觀的試用(Try it now)按鈕。
wordmark.it

這個工具之前曾介紹過,可以幫助你直觀的查看當前電腦上安裝了哪些字體。
0 to 255

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

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 入門例子

與免費網站設計工具相關的知識