电子商务网页设计与制作课件.pptxVIP

設置DIV+CSS佈局

?

;第一節個人網站首頁的製作

;對照佈局草圖,首頁中各個版塊的內容如下:

(1)top,主要放置LOGO或者配套文字。

(2)lan,設置歡迎語樣式。

(3)leftblank,設置區塊樣式。

(4)pic,主要放置個人相冊圖片展示。

(5)rightdiv,放置常用的鏈接文字及首頁導航條。

(6)midmainleft,放置美文欣賞及一些標籤文字鏈接。

(7)xian,放置版塊分割線。

(8)rightcontent,放置音樂推薦及圈子好友推薦。

(9)bottom,放置網頁的版權資訊。;二、新建站點

;(4)切換到“Default.html”的代碼視圖,在body和/body之間添加div,代碼如下:

(5)切換到CSS檔,繼續添加CSS樣式,代碼如下:;(6)繼續在網頁的代碼視圖下添加代碼,具體如下:

divclass=″leftblank″/div

divclass=″pic″ahref=″#″imgsrc=″images/001.jpg″border=″0″/

a/div

divclass=″rightdiv″

ul

lionmouseover=″this.style.background=url(imageslanli.jpg)no-repeat″

onmouseout=″this.style.backgrou