網頁設計制作教程《四》

網頁設計制作教程《四》

一般導航下面放置的是一個幻燈片，網上都有現成的代碼，不過多說了...

內容 -- 左部分

工具/原料

photoshop

dreamweaver

步驟/方法

1先定義左部分div

2假設左部分有兩塊，就嵌套兩個div

3標題欄目，左邊顯示標題名稱，右邊顯示點擊更多

4第一塊標題下面為文字列表，所以添加一個ul li 列表

5左部分第一塊html已經定義好了...下面定義第二塊，同樣第二塊有一個標題...所以把第一個上面的left_t復制過去

6第二塊標題下面為圖文列表，這里用dt dl dd

7這樣的話，Html 已經定義好了...

8下面定義CSS，左部分寬250，高度750，背景#f5f5f5，邊框1個顏色#ddd

9標題頭部高32，背景#ccc，行高32，H3 左邊浮動 span 右邊浮動

10第一塊列表，行高20，上下邊距5px，列表樣式無，A鏈接顏色#333，下劃線無，鼠標經過下劃線有

11第二塊圖文，圖片離左邊右邊各23px，圖片標題居中顯示，上邊距5px，標題顏色#333，下劃線無，鼠標經過有下劃線

12css基本上定義好了...看效果

13基本上定義好了...具體的顏色還有圖片根據個人喜歡，自己進行設置...

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

網頁制作教學設計02-25

網頁制作教學設計07-28

制作網頁教學設計04-20

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

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

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

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

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

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

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