效果圖：

1。在這個網(wǎng)頁設計教程中，使用的是960網(wǎng)格，所以童學們得先下載一個960網(wǎng)絡，然后導入到photoshop軟件中。通過編輯>畫布大小，改變文件的大小為：1600x1500px。

(注：寬度可以自由更改，但為了能在寬屏的顯示器中也能更好的顯示，建議大家還是用1600px)

2.找一張清爽的水圖片，導入到photoshop中。

3.在視圖>添加新參考線，添加三條水平參考線：80px，110px和170px。

4。接下來我們制作網(wǎng)站的LOGO。選擇“文字工具”并設屬性：字體大小72px;輸入網(wǎng)站的名字，接下來設置文字的樣式。

如下圖：

效果如下圖：

5。做完網(wǎng)站的LOGO后，接下來開始做網(wǎng)站的導航。

選擇“圓角矩形工具”并設圓角半徑為：15px，并填充白色;設不透明度為：70%。

???????