導航:首頁 > 萬維百科 > web網頁簡單設計軟體

web網頁簡單設計軟體

發布時間:2020-12-15 19:52:40

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

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

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

2、web軟體的界面尺寸

尺寸適應。解析度一直是困擾網頁設計者的問題,在網頁設計中大多還是集中在頁面寬度的問題上。適應800px還是1024px,這就好像當年哈密雷特口中的 "To be or not to be",近年來隨著顯示器的變革這個問題還在愈演愈烈,除了剛剛說的2種解析度,也許很多設計師腦中已經開始考慮1280px這個寬屏解析度甚至更高的解析度。當然也有的設計師乾脆就只為800px,說這也是個不錯的兼容性考慮,可惜我那1920px的顯示器啊整天閑著兩邊。在 B/S結構 軟體界面中從來沒有這么簡單的辦法,因為復雜的功能可能有著大量的操作設置或數據顯示,一絲一毫的空間都不容的浪費。並且上一條也指出我們不想用整頁滾動條來解決問題,這帶來的不單是顯示面積的限制,還有就是我們需要考慮的是寬度和高度雙重尺寸適應問題。不單單是顯示器解析度,當瀏覽器不是最大化時界面同樣要適應(Mac系統根本就不存在最大化),也就是說界面要時時應對瀏覽器窗口尺寸大小而調整。所以利用一切可能的手段使頁面可以自動適應瀏覽器窗口尺寸就成為了棘手但卻是必須去做的事情。又由於這個問題同時又衍生出的新問題是軟體界面在自動適應時不同區域不會是等比縮放尺寸的,勢必有些區域隨之放大縮小而有些區域固定不變。這一點可以參照 C/S結構 軟體界面,以大家常用的網頁製作工具Dreamweaver為例,主要的代碼顯示區域是隨窗口尺寸的調整而調整,但上邊的菜單及功能按鈕區域、下邊的屬性及結果區域、右邊的功能區域都是固定不變的或者單方向調整的(只調整寬度或者高度) 。

3、網頁前台設計需要什麼知識,平面設計又包括什麼,需要學習什麼軟體?

網頁設計主要是網路三劍客,Dreamweaver+flash+Fireworks
平面設計主要是:photoshop+Corldraw+Adobe Illustrator,一般photoshop的應用比較廣泛,但是也有的設計公司會用到Corldraw和Adobe Illustrator

4、Web 設計的CSS 工具有哪些

Web程序員必備的CSS工具

CSS問題檢查工具:CSS Lint
CSS Lint是一個開源的校驗CSS文件質量的工具,最初是由 Nicholas C. Zakas和 Nicole Sullivan編寫的,最初版本在Velocity會議上於2011年6月發布。CSS Lint的檢測規則包括錯誤的和警告,當選擇器或屬性書寫不正確、漏掉了大括弧、多寫了分號等時,會提示解析錯誤,解析錯誤優先提示。

CSS代碼分析統計工具:CSS Stats
Css Stats是一款在線CSS代碼分析工具,輸入網站CSS網址即可進行CSS代碼分析。Css Stats是前端網頁設計師分析網站CSS代碼的利器,可以統計CSS代碼里的規則、字體大小、寬度高度、顏色數等等。
對於網頁設計師而言分享網頁CSS代碼是必須要做的事情,統計網站設計里使用了多少種字體、多少種字體大小、多少種顏色、背景顏色有多少種,只有對CSS代碼有一個詳細的統計數字才能分析出來整個網站設計出來以後的效果。Css Stats還提供熱門網站的CSS分析數據,例如谷歌、雅虎、Twitter、FaceBook、Tumblr等網站。

CSS代碼優化壓縮工具:CSS Shrinks
CSS Shrinks 能夠非常明顯的壓縮你的CSS體積大小。很多Web程序員編寫的CSS代碼里有大量的冗餘語法,空白空間等,這款工具能在不影響你的CSS的正確性的情況下,優化CSS的語法,去除無用的空格和空行,顯著的壓縮CSS的提交,大量的減少帶寬的浪費。

CSS代碼整理工具:ProCSSor
ProCSSor 除了提供基本優化CSS代碼功能,還提供了大量的自定義選項。比如,讓你設定CSS規則,CSS屬性,CSS語法的優化選項。它還提供了對新型CSS3屬性、規則中各種瀏覽器里的不兼容替代方案。

Codrops CSS 語法參考
Codrops CSS 參考內容豐富而全面,並且界面清爽直接,你可以使用這個工具掌握CSS里最重要而全面的知識。它的CSS知識庫分成了數個類別,包括偽類,屬性,函數,數據類型,概念,規則等。

CSS3瀏覽器兼容支持情況查詢工具:Can I Use
「Can I Use」在這里你能找到所有web新特性在各個品牌瀏覽器以及各品牌瀏覽器不同版本的兼容性,當你知道你針對的用戶都在使用什麼瀏覽器時,這寫table將對你建設網站有很大幫助。打開caniuse.com,該網站首頁將所有HTML5、CSS3等web新特性羅列出來,如果你想查看某個特性在不同瀏覽器種的兼容情況,點擊一下就可以。比如,看一下@font-face Web fonts在各個瀏覽器中的兼容性,點擊CSS區域中的第一項,會看到一個表格,列出所有瀏覽器的版本,用不同顏色代表每個瀏覽器對@font face Web fonts的支持,被標識為紅色的代表不支持,淺綠色代表部分支持。圖中列出的瀏覽器還包括一些手機平板設備瀏覽器,例如Android系統瀏覽器。如此全面,設計網站時,可以根據網站針對的用戶有選擇的使用CSS和Javascript的高級特性,提高用戶體驗。

檢查你的代碼是否符合CSS標准:W3C CSS Validation Service
這個工具是用來檢查你的CSS語法是否正確,是否符合W3C CSS標准。我們知道從最早的IE開始,各種瀏覽器都實現了一些自己的方言,這些方言中在各種瀏覽器里互不相通。但我們開發網頁時,必須最大限度的考慮各種瀏覽器的兼容性,最好的方法是遵守W3C的CSS標准規范。W3C CSS Validation Service就是用來校驗你的css中的問題,它會提醒你那些語法,哪些屬性,那些規則是有問題的。

CSS動畫生成工具:Gradient Animator
這是一款使用CSS Gradient和CSS Animation技術實現的動態背景生成工具。工具非常易用,輕松地點擊幾下滑鼠,一個現代感十足的漸變動態背景代碼就生成了。它可以讓CSS漸變背景平滑地移動,我們可以設置移動的角度,移動的速度,漸變的角度。支持所有現代瀏覽器以及 ie 10+。非常適合做網頁開屏背景。

5、網頁設計和web前端的區別

前端是實現設計師出的圖效果,做成頁面,加上效果,各種JS,各種CSS等等。
設計師,按正規來說,和程序員溝通好後,出設計圖,各種效果的效果圖,比如設計稿內要標明,滑鼠移上效果會是怎麼樣,等等,前端再實現這些效果成頁面,交給程序員。

6、web界面設計都有哪些設計軟體

對於新手來說PS+DW就夠了。
如果是個前端設計師大咖
一個記事本搞定

7、常見web程序設計的開發工具有哪些?

常見web程序設計的開發工具有:
PHP、ASP、JSP、Asp.net
ASP(全稱Active Server Pages)微軟系統的腳本語言,利用它可以執行動態的Web服務應用程序。執行的時候,是由IIS調用程序引擎,解釋執行嵌在HTML中的ASP代碼,最終將結果和原來的HTML一同送往客戶端。ASP的語法非常類似Visual BASIC,學過VB的人可以很快上手,ASP也是這幾種腳本語言中最簡單易學的開發語言。因為ASP腳本語言非常簡單,因此其代碼也簡單易懂,結合HTML代碼,可快速地完成網站的應用程序。但是ASP也有很大的缺點,由於是運行在WINDOWS平台上,不能跨平台運行,自身存在著許多缺陷,最重要的就是安全性。在大型項目開發和維護上非常困難。
但在國內異常流行,因為國內大多使用的是盜版的Windows和盜版的SQLServer。
PHP
PHP是基於預處理 HTML 頁面模型的一種腳本語言。它大量地借用C和Perl語言的語法, 並結合PHP自己的特性,使Web開發者能夠快速地寫出動態產生頁面。可以用於管理動態內容、支持資料庫、處理會話跟蹤,甚至構建整個電子商務站點。它支持許多流行的資料庫,包括 MySQL、PostgreSQL、Oracle、Sybase、Informix 和 Microsoft SQL Server。PHP本身就是為處理超文件html設計的,正是由於它是專為基於 Web 的問題而設計的,而且它是開源的導致可擴展性大大增強 ,所以運用非常廣泛。

PHP發展到今天,具備了很多優勢,開發速度,運行速度,安全性都比較好!性價比很高啊!
JSP
JSP(全稱JavaServer Pages)是Sun公司推出的一種網路編程語言。JSP技術是以Java語言作為腳本語言的,比較難學。)。形式上JSP和ASP或PHP看上去很相似——都可以被內嵌在HTML代碼中。
JSP可以用來做大規模的應用服務,JSP在響應第一個請求的時候被載入,一旦被載入,便處於已執行狀態。對於以後其他用戶的請求,它並不打開進程,而是打開一個線程(Thread),將結果發送給客戶。由於線程與線程之間可以通過生成自己的父線程(Parent Thread)來實現資源共享,這樣就減輕了伺服器的負擔。
同樣JSP是基於Java的,有Java語言的最大優點——平台無關性,也就是所謂的「一次編寫,隨處運行(WORA – Write Once, Run Anywhere)」。
另外JSP的效率以及安全性也是相當驚人的。 配置和部署相對其他腳本語言來說要復雜一些,所以在國內目前的應用並不廣泛,但對於跨平台的中大型企業應用系統來講(如銀行金融機構),基於JAVA技術的MVC架構幾乎成為唯一的選擇,前途不可限量。
ASP.NET
ASP最新的版本ASP.NET 並不完全與 ASP 早期的版本後向兼容,因為該軟體進行了完全重寫。ASP.NET的優勢很明顯在於它簡潔的設計和實施。語言靈活,可以使用腳本語言(如 VBscript、Jscript、Perlscript 和 Python)以及編譯語言(如 VB、C#、C、Cobol、Smalltalk 和 Lisp);並支持復雜的面向對象特性。而且有良好的開發環境支持。
高效性,ASP.NET是編譯性的編程框架,運行是伺服器上的編譯好的公共語言運行時庫代碼,可以利用早期綁定,實施編譯來提高效率。
簡單性,.NET可視化編程,提供基於組件、事件驅動的可編程網路表單,大大簡化了編程。一些很平常的任務如表單的提交客戶端的身份驗證、分布系統和網站配置變得非常簡單。如ASP.net頁面構架允許你建立你自己的用戶分界面。
看起來是非常有前途的,可能JSP可以一拼,剛剛開始,目前應用不高!
JAVA一種由Sun公司提出的,從C++發展而來的面向對象的編程語言。JS=JAVASCRIPT 是一總頁面腳本語言,與java沒有關系,語法相似而已,有以前的livescript轉化而來,為了敢時髦改成了javacriptJSP 全稱 JAVA SERVER PAGE,是JAVA企業應用的一種動態技術ASP 全稱 active server page 也是一種動態頁面技術採用VB語言ASP.NET 是微軟.net平台下的動態頁面技術,多採用C#語言結構化程序設計:使程序具有合理的結構,以保證和驗證程序的正確性.這種方法要求程序設計者不能隨心所欲地編寫程序,而要按照一定的結構形式來設計和編寫程序.它的一個重要目的是使程序具有良好的結構,使程序易於設計,易於理解,易於調試修改,以提高設計和維護程序工作的效率.面向任務程序設計:我的理解是基於對象的設計,沒有繼承和多態,錯了請指正,別罵,呵!面向對象程序設計:http://ke.baidu.com/view/125370.htm
java是一種面向對象的編程語言,js就是javascript也就是java腳本,jsp是java server page,asp是active server page

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

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

9、EverWeb中文版網頁設計軟體mac有破解版嗎?

EverWeb for Mac中文抄版是一款便捷的拖放式網站構建工具,能輕松創建、設計網站,並在網頁布局上任意放置文本、形狀、圖像。無需編碼,即可設計。
EverWeb for Mac中文版安裝教程
下載完成後雙擊EverWeb.pkg安裝,歡迎安裝EverWeb mac版,
原文出自 :https://mac.orsoon.com/Mac/168537.html
EverWeb for Mac版軟體介紹
EverWeb for Mac中文版具有完全的創作自由!絕對沒有設計限制,直觀地創建您的網站。在您的網頁畫布上的任何位置放置文本,形狀或圖像,EverWeb負責其餘部分!絕對不需要編碼。設計您的網站並立即將其發布到網上。

10、現在公司在製作web網頁時是用什麼軟體

網頁設計,不來知道你是源單純的設計還是設計加製作。
現在來說,設計軟體越來越多,可以選擇的餘地比較大。
以前流行的說法是網頁三劍客:Dreamweaver、firework、flash。
現在來說,個人還是喜歡:
設計類:Photoshop(數字)、illustrator(矢量)、flash(動畫)。
網頁編程類:Dreamweaver(html+div+css)myeclipse eclipse notepad++ editplus等等很多優秀軟體。

與web網頁簡單設計軟體相關的知識