網頁設計需要用到的軟件
1、Coolsite360。特點有可復制模板，更可任性DIY，無需編程，在線創建，自動適配桌面及移動端。
可復制模板,更可任性DIY，無需編程，在線創建,自動適配桌面及移動端，新銳設計師優選，完全自由的樣式設定，豐富的動畫設定，一鍵部署。
2、Adobe Dreamweaver。
Adobe Dreamweaver，簡稱“DW”，中文名稱 "夢想編織者"，最初為美國MACROMEDIA公司開發，2005年被Adobe公司收購。DW是集網頁制作和管理網站于一身的所見即所得網頁代碼編輯器。利用對 HTML、CSS、JavaScript等內容的支持，設計師和程序員可以在幾乎任何地方快速制作和進行網站建設。
3、Flash。
Flash是由macromedia公司推出的交互式矢量圖和 Web 動畫的標準，由Adobe公司收購。做Flash動畫的人被稱之為閃客。網頁設計者使用 Flash 創作出既漂亮又可改變尺寸的導航界面以及其他奇特的效果。Flash的前身是Future Wave公司的Future Splash，是世界上第一個商用的二維矢量動畫軟件，用于設計和編輯Flash文檔。
4、Fireworks。是由Macromedia推出的一款網頁作圖軟件，軟件可以加速 Web 設計與開發， 是一款創建與優化 Web 圖像和快速構建網站與 Web 界面原型的理想工具。

5、Frontpage。Frontpage，是微軟公司出品的一款網頁制作入門級軟件。FrontPage使用方便簡單，會用Word 就能做網頁，因此相對Dreamweaver等軟件更容易上手。
6，php程序員工具箱：中國大的php學習行業網站php中文網開發的 "php程序員工具箱"，php程序員工具箱是迄今為止全網唯一款php程序員的專屬工具箱，集合了php環境搭建、在線小工具、原生手冊、文字與視頻教程、問答社區等，非常適合初學者。
phpstudy：該程序包集成最新的Apache+Nginx+LightTPD+PHP+MySQL+phpMyAdmin+Zend Optimizer+Zend Loader，一次性安裝，無須配置即可使用，是非常方便、好用的PHP調試環境。該程序綠色小巧簡易迷你僅有32M，有專門的控制面板。總之學習PHP只需一個包。
網頁設計應該遵循的原則；
網頁設計文字標準視覺標準這兩個標準，是同等重要的，都是整體風格規范的一部分。把元素結合在一起將建立一個整體形象。每一個品牌或企業網站都有自己與眾不同的地方。選擇一個色調和風格，同步運用在字體和視覺畫面的效果上，把你的網站和用戶融為一體。建立網站整理形象的時候，也正是品牌需求考慮到用戶和相關利益的人對此有何種期望的時候。
我們將主要精力集中于網站風格規范的視覺方面，但語言風格是非常重要的，是整體網站的一部分，也是你與用戶“交談”的方式。盡可能地提供細節，色彩樣式，例如，包括RGB(或HEX )和CMYK值等，使顏色可以規范使用。打破部分常用的元素案例去設計。格規范是很容易被追隨的，就像你寫的網站一樣，語言是簡單的和不生僻的，可以讓人們去追隨這些準則。風格規范應該留下足夠的設計空間對于其靈活性和實際制作上。
網頁設計與制作要掌握的東西
1、學習簡單的html語言，學習制作靜態的網頁。
2、數據庫的學習，這個是有一定講究的，學數據庫和對應的語言是有一定關系的，
3、學習動態交互網頁的制作，就是上面所提到的一些語言，
4、應該是接觸到用層替代表格之類的，也就是div+css。
網頁設計與制作需要注意的問題；
1，制作網頁時，有時會發現，制作好的網頁在本地計算機上瀏覽時很正常，但在另外一臺計算機上瀏覽時卻發現網頁的布局亂套了，這是因為各個計算機的分辨率不同所致。在Dreamweaver文檔窗口中的右下角，顯示當前文檔的分辨率大小。單擊當前分辨率數字，在彈出的菜單中可以為當前的頁面指定顯示分辨率，通過修改可以使網頁更具靈活性。
2，在Dreamweaver里，進行網頁編輯時，不必通過菜單欄里的【打開】命令來打開文件，一個更快的方法是利用【文件】面板，打開相關文件，直接用鼠標拖動文件到文檔編輯窗口即可；同樣，要在網頁上插入圖像等元素，也可直接通過【文件】面板將圖像文件拖動到網頁上。
,3，如果在網頁中插入了不可見的元素時，Dreamweaver會自動在頁面上添加一個與之相應的元素標簽，以便于選擇不可見元素。但如果不想顯示時，也可以隱藏標簽，方法是按【Ctrl＋U】鍵打開【選參數】對話框，在【分類】中選中【不可見元素】，在面板的右邊將會出現所有的元素標簽。只要將不需要的元素標簽前的勾去掉，以后它就不會再出現了。
4，在做網頁設計與制作的時候，有時需要輸入空格，但在有些時候卻無法輸入，導致無法正確輸入空格的原因可能是輸入法的錯誤，只有正確使用輸入法才能夠解決這個問題。
5，CSS樣式表在網頁制作中一般有3種方式的用法，那么具體在使用時該采用哪種用法呢？當有多個網頁要用到CSS，采用外聯CSS文件的方式，這樣網頁的代碼大大減少，修改起來非常方便；只在單個網頁中使用的CSS，采用文檔頭部方式；只在一個網頁一兩個地方才用到的CSS，采用行內插入方式。
6，創建表格時，如果開始不能確定它的屬性，可以使用默認值，然后再通過【表格】屬性面板進行修改。此外，關于表格寬度的設定，一般來說，大表格往往采用絕對尺寸，表格中所嵌套的表格采用相對尺寸，這樣定位出來的網頁才不會隨著顯示器分辨率的差異而引起混亂。
網頁設計常用的布局方法；
1，巧用元素，2，錯位布局，將圖形、圖片、文字等信息進行錯位布局。3，明亮色彩，網頁設計中想要突出活力，可以適當運用明亮的色彩。4，人物背景，將人物與圖形、圖片、文字等信息進行疊加。
5，800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。1024*768下，網頁寬度保持在1002以內，就不會出現水平滾動條，高度則視版面和內決定。在ps里面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右。1024*768 下網頁的尺寸:width=955,height=600。
800*600 下網頁寸:width=760,height=420。一般分辨率在800*600的情況下，頁面的顯示尺寸為：780*428px
分辨率在640*480的情況下，頁面的顯示尺寸為:620*311px; 分辨率在1024*768的情況下，頁面的顯示尺寸為：1007*600px

分享文章：怎么做網頁設計，網頁設計與制作要掌握什么
URL標題：http://www.js-pz168.com/news20/144720.html

成都網站建設公司_創新互聯，為您提供網站維護、全網營銷推廣、網站營銷、云服務器、網站收錄、網站排名

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯