使用功能強大的HTML 及免編寫程式碼的網頁設計軟體 - Adobe
文章推薦指數: 80 %
使用Adobe 網頁設計軟體和工具,製作精美的網頁。
針對桌上型電腦、平板電腦和手機的特性,量身打造合適的網頁。
立即取得更多資訊。
網頁設計軟體
免費試用
選擇計劃
使用功能強大的HTML及免編寫程式碼的網頁設計軟體,建構更出色的網站和應用程式。
網頁和應用程式需要乾淨俐落、精美且實用的設計,才能吸引來去匆匆的用戶目光。
利用功能強大且直覺的網頁設計軟體及應用程式製作工具,加快從構想形成到作品發表的速度。
頂尖的共同作業和即時預覽工具可縮短審核週期,而產生資產功能將使交付更輕鬆。
跨越技術層面的障礙,專注於創作。
從多方互動網站到精美的應用程式設計,AdobeCreativeCloud提供您所需的一切。
下載試用版
全面掌控所有細節的網頁設計軟體。
利用進階的程式碼編寫工具和即時預覽選項,更快且更精準地建立網站。
有效率地從規劃、線框圖進展到網站完成。
AdobeDreamweaver 設計和開發現代化的互動式網站。
立即試用›
完備的網站程式碼編寫與設計。
有效率地編寫HTML、CSS、JavaScript等程式碼。
利用程式碼編寫快速鍵、多行編輯、錯誤檢查和即時預覽,加快工作速度。
選擇計劃 ›
Dreamweaver強大的功能使其成為理想的程式碼編寫應用程式。
規劃規劃網站的功能和元素。
選定必要的頁面,並以檔案夾結構整理您的資產。
樣式使用CSS定義網站的樣式元素。
建立類別並選擇其各自的字型、樣式、顏色和版面。
建構利用進階的程式碼編寫工具,建構網站的構成頁面。
開發動態元素和指令碼來強化您的內容。
測試、調整和發佈
在不同的螢幕上預覽您的設計,並向共同作業人員徵詢回饋意見。
調整您的設計,然後發佈到裝載伺服器,或匯出資產交給另一團隊。
程式碼提示和工具提示在輸入程式碼時獲得建議,並由工具提示獲悉用法及用途,加快工作進度。
自動加入結束標籤,節省鍵盤輸入時間。
程式碼編寫快速鍵使用縮寫文字和鍵盤快速鍵,自動建立巢狀結構、LoremIpsum文字等內容。
透過即時錯誤檢查及提示,加速更正錯誤。
多方互動網頁設計提高搜尋引擎排名,並維持更加一致的設計。
利用互動式設計工具,定義各種螢幕尺寸適用的網頁版面。
進一步了解您可以使用Dreamweaver做些什麼›
專為所有人打造的原型設計、網站和應用程式設計工具。
製作網站和應用程式的互動式原型。
使用桌上型電腦及行動裝置,打造用戶體驗並即時預覽。
從構想形成到原型完工從未如此簡單。
AdobeXD 設計用戶體驗、製作原型並加以共用。
立即試用›
直覺的應用程式與網站設計軟體。
由UX/UI設計師為同行打造的高效率用戶體驗工具組,可讓您專注於創作。
選擇計劃 ›
利用AdobeXD簡化您的設計。
選擇工作畫板
利用常見螢幕尺寸適用的預製工作畫板,以及常見網頁適用的範本,節省您的時間。
定義樣式
挑選色票、字體和圖形元素,讓您的專案具有獨特風格。
設計和連接
設計個別頁面,然後拖曳不同元素間的箭頭,在功能上連接各個頁面。
共同作業、預覽和匯出
進行共同作業,分享專案的即時預覽以獲得回饋意見。
即時做出變更,並將完成的設計和資產匯出給開發團隊。
JPEG匯出
將您的資產和工作畫板匯出為JPEG格式。
透過調整品質設定,您可以建立較小的檔案,更方便分享。
連結區提示
突顯設計稿件中的互動式元素,引導測試人員完成整個原型測試。
理出對重要區域的回饋意見重點。
原型影片
快速製作原型的實際運作影片。
透過易懂的影片展示來分享用戶體驗。
進一步了解您可以使用AdobeXD做些什麼›
比較網頁設計軟體與工具。
不同的應用程式適用於不同的目標。
為您的專案尋找最佳應用程式。
Dreamweaver
XD
直覺化的設計
•
完整的網站建立
•
手動編寫程式碼
•
網頁版面
•
自動編寫程式碼
•
線框圖匯出
•
多方互動網頁設計
•
上傳至網頁主機
•
進一步了解如何使用CreativeCloud工具進行網頁設計。
CreativeCloud包含功能強大的設計與影像編輯應用程式,是您建立網頁和應用程式的理想工具組。
透過初學者及專家教學課程來探索您可以做的所有事情。
對您的應用程式或網站進行版面配置和設計。
進行低精確度的設計以定義網站或應用程式的結構,然後再潤飾為高精確度的原型。
更多資訊›
在您的手機上創作自然的影片.建立能夠隨著螢幕尺寸變更而正確調整格式的單一網頁。
了解如何建立中斷點以配合不同的螢幕,並定義各元素調整大小的方式。
更多資訊›
利用UI套件更快速製作原型。
下載並使用UI套件,更快開始著手設計用戶體驗。
調整並納入可重複使用的元素,充實您的原型。
更多資訊›
使用適用於Windows、macOS、Android和iOS的網頁設計軟體,建構出色的網站。
CreativeCloud提供的應用程式將使您的網站脫穎而出、與眾不同。
從照片編輯、平面設計、圖形化網頁設計到程式碼編寫,全套整合的工具組將涵蓋您所需的一切。
利用全方位的創意解決方案,加快共用、共同作業及交付速度。
我們提供吸引人的個人及企業會籍選項,以及適用於學生和教職員的折扣,讓所有人都能找到適合的計劃。
尋找最適合您使用的計劃。
選擇計劃
個人取得全套創意應用程式和服務。
更多資訊›
學生與教師學生和教師購買CreativeCloud可享4折以下優惠。
更多資訊›
企業領先業界的創意應用程式,具有簡易授權管理和輕鬆部署功能。
更多資訊›
查看所有計劃和定價
免費試用
免費試用
LanguageNavigation
LanguageNavigation
選擇您的地區
選取地區會變更Adobe.com上的語言及/或內容。
Americas
Brasil
Canada-English
Canada-Français
Chile
Latinoamérica
México
UnitedStates
Europe,MiddleEastandAfrica
Africa-English
Belgique-Français
Belgium-English
België-Nederlands
Cyprus-English
Danmark
Deutschland
Eesti
España
France
Greece-English
Ireland
Israel-English
Italia
Latvija
Lietuva
Luxembourg-Deutsch
Luxembourg-English
Luxembourg-Français
Magyarország
Malta-English
MiddleEastandNorthAfrica-English
Nederland
Norge
Polska
Portugal
România
SaudiArabia-English
Schweiz
Slovenija
Slovensko
Suisse
Suomi
Sverige
Svizzera
Türkiye
UnitedArabEmirates-English
UnitedKingdom
Österreich
Českárepublika
България
Россия
Україна
ישראל-עברית
الإماراتالعربيةالمتحدة
الشرقالأوسطوشمالأفريقيا-اللغةالعربية
المملكةالعربيةالسعودية
AsiaPacific
Australia
HongKongS.A.R.ofChina
India
NewZealand
SoutheastAsia(IncludesIndonesia,Malaysia,Philippines,andVietnam)-English
Thailand-English
ประเทศไทย
中国
中國香港特別行政區
台灣地區
日本
한국
Singapore
延伸文章資訊
- 1【Dreamweaver是什麼?】別鬧了!2022都改用WP網頁設計
Dreamweaver是什麼? Dreamweaver(簡稱DW)是一套網頁設計軟體(更像是程式碼編輯器),它是由Adobe公司所開發的軟體應用程式。
- 2使用功能強大的HTML 及免編寫程式碼的網頁設計軟體 - Adobe
使用Adobe 網頁設計軟體和工具,製作精美的網頁。針對桌上型電腦、平板電腦和手機的特性,量身打造合適的網頁。立即取得更多資訊。
- 33款網頁設計軟體推薦,幫助你從無到有架設專業網站
大致瞭解網頁設計的流程後,我們就可以來看看有哪些適合使用的網頁設計軟體。一般最常見的有這3款網頁設計軟體: ... 其中以WIX的使用介面最適合新手;Dreamweaver是專注於 ...
- 4網頁設計公司常用的版面設計軟體有哪些?
網頁版面設計會用到哪些軟體? · Setch App · Adobe Illustrator · Adobe Photoshop.
- 5我想進行網頁製作,該用甚麼網頁設計軟體?
具備能力:網站流程邏輯能力、使用者體驗、操作軟體、動線設計、溝通能力、熟悉網站流程… 原型設計軟體: Adobe XD、Sketch、Figma、OmniGraffle、InVision ...