T01 商業網站佈局

課程目標：

一、常用流行佈局

二、DIV+CSS佈局思路

三、DIV+CSS佈局的運用【重點】

四、使用<iframe>實現頁首頁尾的複用

重要筆記：

一、DIV+CSS佈局思路

1、步驟：

a、首先，將頁面在整體上用<div>標籤進行分塊。

b、其次，使用css對各版塊進行定位。

c、再次，在各版塊中新增相應的內容，實現區域性佈局

2、常見佈局分類：

a、一欄式：固定或自適應寬度

b、兩欄式：左側固定右側自適應寬度

c、三欄式：兩側固定，中間自適應寬度

四、使用<iframe>實現頁首頁尾的複用

1、語法：

<iframe name="myiframe" id="myframe" src="file.html" frameborder="0" align="left" width="200" height="200" scrolling="no"/>