怎么做網(wǎng)頁設(shè)計，網(wǎng)頁設(shè)計與制作要掌握什么

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

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

文章名稱：怎么做網(wǎng)頁設(shè)計，網(wǎng)頁設(shè)計與制作要掌握什么
網(wǎng)站鏈接：http://www.muchs.cn/news20/144720.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動態(tài)網(wǎng)站、網(wǎng)站制作、面包屑導航、域名注冊、響應式網(wǎng)站、關(guān)鍵詞優(yōu)化

廣告

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