先給大家把我開始設(shè)計的原型圖到效果圖，這是一個簡單的公司首頁。

在正式做頁面之前我在腦海里已經(jīng)有一個自己對想要設(shè)計的網(wǎng)頁有一個初步的認(rèn)識，大概確定網(wǎng)頁的一些功能和內(nèi)容具體位置，還有網(wǎng)頁有哪些板塊等，根據(jù)這些想象中的內(nèi)容我就可以描繪出網(wǎng)站的原型圖。（任何網(wǎng)站都包括導(dǎo)航header、內(nèi)容部分content、和網(wǎng)頁底部footer3大部分組成的,然后會有一些特殊的功能例如搜索功能，評價功能、標(biāo)志、表單、列表、注冊等）。現(xiàn)在我做一個企業(yè)的網(wǎng)站，（客戶需求需要一個搜索功能，有一個評價的功能和內(nèi)容部分展示的比較新穎，在產(chǎn)品展示的地方要很大，顏色和整體讓頁面很大氣和精致），根據(jù)客戶需求在設(shè)計之前我的腦海中有一個大概在設(shè)計頁面之前繪畫出一個原型圖幫助以后的設(shè)計給個框架然后一點一點把想要的形式和效果美化出來。現(xiàn)在我就教大家怎樣設(shè)計自己的網(wǎng)站。 第一次寫教程希望大家喜歡。