要做一個好的網頁框架,基本要顧慮到是〝日後維修方便〞、〝框架程式碼清楚簡易〞。
網頁框架通常分為兩欄式及三欄式。這次先用巴哈的小屋講解。
當然就厚臉皮的拿自己的小屋當範本囉~(羞)
點小圖就可以看原始圖喔
劃分區塊注意事項
1.盡量不使用表格合併,避免日後維修尋找區塊不易
2.以大表格包多個小表格來分割區塊
二欄式劃分法
第一步:
先判斷最外層框架是直列式或者是橫列式。
巴哈的網頁是直列式,由上而下劃分出三個區塊(
紅線標示):
第一層區塊一:巴哈姆特抬頭
第一層區塊二:勇者小屋
第一層區塊三:主體內容跟右方廣告
第二步:
將第一層區塊三在劃分為兩個區塊(
深紅線),這樣就完成兩欄式框架
備註:
海綠色區塊為內容部份,功能為大致相同的區塊
編排後的程式碼,將於下次出現
請耐心的等待(應該是沒人吧...)