網頁設計制作教程《實例》2

網頁設計制作教程《實例》2

網頁設計制作教程《實例》2

圖文排版

工具/原料

photoshop

dreamweaver

步驟/方法

1

編寫整個div

2

編寫圖片和列表，圖片用img 列表用ul li

3

html已經定義好了，看效果

4

下面定義css ， 給lixiaolin DIV 一個寬高 和背景 內左邊距 和 內上邊距

5

給img 一個左浮動 在給他一個內邊距，然后設置白色背景，離右邊列表 8

6

定義列表li 字體 顏色 列表樣式 行高

7

這樣CSS 就定義好了...看定義好css的html

8

這樣就得到和我們效果圖一樣的效果了...

【網頁設計制作教程《實例》2】相關文章：

網頁制作教學設計02-25

網頁制作教學設計07-28

制作網頁教學設計04-20

網頁設計與制作心得12-12

網頁設計與制作報告01-04

網頁設計制作實習報告04-05

【推薦】網頁設計與制作心得12-31

網頁設計與制作心得范文12-02

【熱】網頁設計與制作心得01-15

【薦】網頁設計與制作心得01-15