純文字網頁分割佈局?

網頁製作中純文字網頁是一個非常重要的部分,因為大部分的的網頁都是含有文字的,所以對文字網頁的製作我們應該掌握。

工具/原料

網路三劍客網頁製作工具

網頁文字素材 psd格式效果圖

方法/步驟

一、製作網頁前需要的準備:

1.開啟網頁製作工具新建一個資料夾和一個網頁檔案並且給它命名,如圖

純文字網頁分割佈局

純文字網頁分割佈局

2.並且為這個網頁新建一個css檔案如圖。並且以連結的方式匯入網頁。

純文字網頁分割佈局

純文字網頁分割佈局

二、在ps中或者fw中對效果效果圖進行分割佈局。

純文字網頁分割佈局

三、在dw對頁面進行編輯。

1.新建一個大的div塊給它命名為chun如圖

純文字網頁分割佈局

2.在chun內部新建網頁頭部“top”也就是網頁的標題並且在css中把他的寬高分別設定為960px和152px。

純文字網頁分割佈局

純文字網頁分割佈局

3.在chun.web內部新建網頁的內容塊conten在css中把它的寬高設定為960px和1068px。

純文字網頁分割佈局

純文字網頁分割佈局

4.在chun.web內部新建網頁的內容塊“foot”如圖並且在css把它的寬高設定為960px和144px。

純文字網頁分割佈局

純文字網頁分割佈局

5.網頁的整體佈局如右圖

純文字網頁分割佈局

注意事項

網頁進行切片的一定要注意儘量精確

部分, 網頁, 文字, 佈局, 中純,
相關問題答案