⑴ 網頁web設計應該如何排版
反差
淺藍色背景上的淡粉色文字，可能與你的T恤相配，但讀起來不太好。文本存在以供閱讀;確保它與實現這一目標的背景有足夠的對比。如果你一直對對比度不確定，那就對你的頁面進行屏幕轉儲，打開你的圖像編輯軟體，並將圖像降到灰度。你很快就會看到你是否有足夠的對比。
層次性
更改類型大小是區分內容的最佳方法之一。顏色和漂亮的方框可能會有幫助，但不同大小的字體，在整個頁面中一致使用，會向讀者發出響亮而清晰的信號，告訴讀者頁面元素的相對重要性。這也意味著，如果你的讀者很匆忙，他們可以迅速挑選出重要的部分--這可能意味著他們停留更長時間並繼續閱讀。
空間
讓你的類型呼吸。不要害怕在頁面中留下空白。這負或白色空間將有助於將注意力集中在文本上--而這是最響亮的文本，所以讓它被聽到。接下來，請記住線高屬性;一個好的經驗法則是行間距，即至少140%的文本大小。好的類型設計師將大量的精力投入到位於字體內部的微型白色空間中。他們花了數不清的時間試圖在黑色和它所包圍的負面或空白之間取得平衡。同樣，我們應該花時間考慮宏空白，即形成文本塊的“空白”。
關於網頁web設計應該如何排版，青藤小編就和您分享到這里了。如果您對頁面排版、網站設計、圖像處理等有濃厚的興趣，希望這篇文章可以對您有所幫助。如果您還想了解更多關於平面設計的素材及技巧等內容，可以點擊本站的其他文章進行學習。
以上是小編為大家分享的關於網頁web設計應該如何排版?的相關內容，更多信息可以關注環球青藤分享更多干貨
⑵ web前端開發常用工具有哪些
常用的web前端開發工具web前端開發工具有哪些：
1、Bootstrap
Bootstrap 是快速開發 Web 應用程序的前端工具包。它是一個 CSS 和HTML 的集合，它使用了最新的瀏覽器技術，給你的 Web 開發提供了時尚的版式，表單，buttons，表格，網格系統等等。
2、Foundation
Foundation 是一個易用、強大而且靈活的框架，用於構建基於任何設備上的 Web 應用。提供多種 Web 上的 UI 組件，如表單、按鈕、Tabs 等。
3、Cloud9 IDE
Cloud9 IDE 是一個基於 Node.js 構建的 javaScript 程序開發 Web IDE。它擁有一個非常快的文本編輯器，支持為 JS，HTML，CSS 和這幾種的混合代碼進行著色顯示。Cloud9 IDE 還為 node.js 和 Google Chrome 集成調試器，可以在IDE 中啟動、暫停和停止。
4、Notepad++
Notepad++ 是一款非常有特色的編輯器，是開源軟體，可以免費使用。我們開發人員都是必備的。支持的語言: C, C++ , Java , C#, XML, HTML, PHP,Javascript!
5、Visual Studio Code
Visual Studio Code 是一個運行於 OS X，Windows 和 Linux 之上的，針對於編寫現代 web 和雲應用的跨平台編輯器。
6、GIMP
GIMP 是 GNU 圖像處理程序(GNU Image Manipulation Program)的縮寫。包括幾乎所有圖象處理所需的功能，號稱 Linux 下的 PhotoShop。GIMP 在 Linux系統推出時就風靡了繪圖愛好者圈。
7、SecureHeaders
SecureHeaders 是 Twitter 送給 Web 開發者的一份大禮，作為一款 Web 安全開發工具，Secureheaders 能夠自動實施安全相關的 header 規則，包括內容安全政策(CSP)，防止 XSS、HSTS 等攻擊，防止火綿羊(Firesheep)攻擊以及 XFO 點擊劫持等。
8、Fontello
Fontello 是個圖標字體生成器。這個工具允許用戶把這些圖標 web 字體放到自己的項目中。主要特性如下：縮小字形集合，減小字體大小;合並一些字體標記到單個文件中;訪問大量專業級的開源圖標。
⑶ 網頁設計都用哪些軟體
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網頁增加動態功能。
⑷ 請大家推薦一個能和Dreamweaver媲美的html編輯器呢
dreamweaver新的版本都是比較佔用系統資源的，對硬體要求還比較高。
和dreamweaver媲美？dreamweaver主要特點是其可視化網頁製作功能，這一點利於網頁排版、網頁製作新手可以不藉助代碼製作頁面。在可視化編輯網頁方面還有其他一些軟體也是不錯的，甚至更加酷一些比如Xara Web Designer，只是它是英文版，國內的人使用的不多。還有像adobe公司的Muse也是一款很有意思的軟體。
至於在製作動態網頁方面，一些專門的編程工具比起dreamweaver來說，站點管理、智能提示等等功能只能說是更加強大，比如NetBeans IDE、Eclipse 這樣的IDE（集成開發環境）。
至於你說到的EditPlus、PSPad、 UltraEdit 有的是利用插件、有的是手動設置可以實現代碼提示。
⑸ java web前台該用哪種軟體排版，是用drw嗎菜鳥不懂求教
認真學好HTML+CSS後就算用記事本也能編，DRW在這方面並不理想，一般前台是美工的事，程序員只是配合，這種配合主要是基於代碼上的，和使用的網頁製作軟體關系不大
⑹ 有哪些簡單好用的 HTML 5 編輯器
一、Adobe Edge
目前還處於預覽階段的Adobe Edge是用HTML5、CSS、JavaScript開發動態互動內容的設計工具。內容可以同時兼容移動設備和桌面電腦。Edge的一個重要功能是Web工具包界面，方便確保頁面在不同瀏覽器中的架構一致性，此外Edge還將整合TypeKit這樣的字體服務。
動畫和圖形可以添加到HTML元素中，程序也能通過Edge自身的代碼片段庫或者JavaScript代碼進行擴展。動畫可以在獨立的時間線上進行嵌套，還能實現互動功能。符合可以服用並通過API和代碼片段控制。通過Edge設計的內容可以兼容iOS和Android設備，也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器。
二、Adobe Dreamweaver CS6
Adobe Dreamweaver CS6作為一個Web設計軟體，提供了對HTML網站和移動程序的可視化編輯界面。其Fluid Grid排版系統整合CSS樣式表功能，提供自適應版面的跨平台兼容性。開發者可以完全實現Web設計的可視化操作，無需為代碼所困。
用戶不但還能在Live View中預覽，還提供多屏幕預覽功能。開發者可以通過MultiScreen預覽面板查看HTML5內容的渲染效果。Live View通過WebKit渲染引擎支持HTML5。
三、Adobe ColdFusion 10
ColdFusion是用來開發企業Web程序的伺服器端技術，通過Websockets、互動表單、視頻和地理標簽等HTML5技術創建富媒體用戶體驗。
四、Sencha Architect 2
在開發移動和桌面應用的工具中，Sencha的定位是HTML5可視化應用開發。開發團隊可以在一個單一集成的環境中完成應用的設計、開發和部署。開發者還可以開發Sencha Touch2和Ext JS4 JavaScript應用，並實時預覽。
五、Sencha Touch 2
Sencha Touch2是移動應用框架，也被看作是Sencha的HTML5平台。開發者可以用它開發面向iOS、Android和Blackberry、Kindle Fire等多種平台的移動應用。
六、Dojo Foundation Maqetta
來自於IBM的一個項目，Dojo Foundation Maqetta是為桌面和移動設備開發HTML5應用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗設計師可以通過拖放組裝UI樣板
⑺ 請問web開發工具都有哪些
1.Web應用框架
這些軟體是專門設計來幫助網站開發，並使創建網站的Web開發的過程變得更容易。該軟體完全支持Web服務，Web資源和Web
API。這些框架會自動執行與Web開發中的常見活動相關聯的一些進程，從而使Web開發人員的工作變得更加容易。可用的Web開發框架包括ASP.NET，JavaEE，WebObjects，web2py，OpenACS等。
2.協作工具
對於遠程工作的團隊，需要時刻保持聯系和協作。為了提高開發效率，幫助開發者在同一個項目上工作的流程簡化開發流程，以實現團隊的設定目標，市場上出現了很多協作工具，如Slack，Trello，Asana，Jira等。
3.本地開發環境
一個快速的本地開發環境，可以推出取決於操作系統或您正在使用的計算機。有各種各樣的免費軟體，軟體Apache，MySQL和其他打包在一起。這是在本地計算機上最快的一種測試方式，為了方便使用，有些程序還出了攜帶型版本。本地開發環境包括MAMP，LARAGAN，XAMPP和Vagrant等。
4.前端框架
前端框架基本上是一些文件和文件夾，如HTML，CSS和JavaScript等。前端框架通常包含有有準備好的組件，大多數組件都是可以進行修改和調整的，開發人員可以根據自己的開發需求來選擇使用，目前最常見的前端框架是Bootstrap。
5.圖標
圖標對於Web開發人員，尤其是前端開發人員非常重要，它們是Web開發的重要組成部分。上圖中的圖標都可以應用於你的項目，且這其中大部分是免費的。
6.網站速度測試工具
網站速度是決定一個網站是否成功的重要因素。現在的用戶越來越挑剔，大家往往更傾向於載入速度快的網站，對於載入速度慢的網站，大家幾乎是零容忍。另外，SEO做得好的話，可能會帶來更高的轉化率和更好的用戶體驗。Web開發人員可以使用工具來測試他們的網站速度，以確保他們的網站能夠擁有較短的載入時間。
7.文本對比檢查
Diff checkers 可以幫助您比較文件之間的差異，然後合並更改，幫助我們更直觀的看見文本之間的差異。
8.資料庫
資料庫基本上是已經存儲信息的集合，可以進行信息的檢索，管理甚至更新。Web開發人員常用的資料庫有MySQL，MariaDB，MongoDB，Redis等。
9.Web開發通訊
為什麼選擇通訊訂閱，因為開發人員可以利用這些工具節省時間和精，通過這些工具選擇最佳的Web開發和性能主題，而不必自己動手。
10.任務批處理工具/包管理器
任務批處理工具有助於自動化工作流程。例如，你創建了一個任務，可以通過JavaScript編寫的工具來自動化工作流程。除此之外，還可以新建和組合任務，使用任務管理器縮短開發時間，加快開發速率。
另一方面，包管理器也是很重要的，它可以跟蹤所有軟體，確保這些軟體都更新至最新版本，擁有最強的功能。這些工具包括：Grunt，Gulp，npm等。
11.文本和代碼編輯器
文本和代碼編輯器不僅能夠為開發者帶來良好的代碼體驗，而且能夠大大節約網站開發的時間。比較常用的編輯器有Atom，Notepad++，Vim等。之前，筆者也發過程序員票選最佳的代碼編輯器，感興趣的朋友可以戳進去看一下。
12.靈感
對於很多工種來說，靈感都是極為重要的，但是靈感是可遇不可求的，所以一旦有了靈感就必須及時記錄下來。除了我們自己的靈感迸現，我們也可以從別人的作品中提煉出新的靈感。常見的記錄靈感的工具有CodePen
和Dribble。
13.編程語言
每個Web開發工具都有一種編程語言。編程語言被設計為開發人員或程序員和計算機之間的橋梁，並幫助程序員創建我們每天使用的程序。比較流行的編程語言包括PHP，NodeJS，Python，Ruby等。
14.代碼共享/實驗工具
基本上編程這個工作是一個團隊合作，團隊之間要保持親密無間的協作關系，互相檢查對方的代碼有助於更有效的進行程序編寫。代碼共享是現在程序員都在使用的一種方式，常見的有Slack。
15.Git 託管
Git是一款免費、開源的分布式版本控制系統，可以高效的管理大小項目的各個版本，可以幫助開發團隊避免混亂。
⑻ 誰能幫我把web網頁排版一下，有圖！（代碼）
騷年！這年頭沒熱心人幫你免費排了