DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> WEB前端代碼 >> 新手面對網頁該如何下手
新手面對網頁該如何下手
編輯:WEB前端代碼     

很多新手拿到網頁不知道如何下手,我來幫大家分析一下:

1 .打開markman將寬高及每個元素之間的像素測量出來

2.分析網頁,每個部分由哪幾部分組成,因為網頁皆為框,首先分為哪幾大塊,大塊裡面分為哪幾小塊,如果單純的插入圖片或者排排坐的鏈接可以使用table或者ul

3.分析完之後將網頁分為nav,content,footer三個部分,將大DIV分別插入,因為要做到像素級還原,所以盡量別用到邊框像素,邊框像素也會影響到定位,排版最好用到填充背景顏色,將大板塊分出來

4.在大板塊中加入小板塊,然後用margin或者padding定位(定位數值已經用markman測量出來了)。

5.最後在相應的板塊加入元素

明天我會將CSS的基本樣式即使用方法總結給大家

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved