加長全頁網頁∼ 上橫幅加寬∼ 如何置中歡迎首頁? 套裝樣板... 套用背景加寬版面
回I+D首頁 回總首頁

      設計分割插入表格插入儲存格背景顏色

 

 

第一步,在ImageReady軟體設計影像。不用太大,我用的是600X150,上與下的影像可以大一點,上下的都是要用固定的,中間的是用背景重複影像!

 

Top回最上面... 設計分割插入表格插入儲存格背景顏色



 

 

將影像水平分割成三份, 再按下最佳化,儲存成純影像放在您的資料夾中即可!

 

Top回最上面... 設計分割插入表格插入儲存格背景顏色

 

 

.再來到D牌裡編輯網頁,首先插入一個1列1欄100%的表格,然後在這個表格中再插入一個3列1欄600像素的表格。

將3列的這個表格,調『置中對齊』,這樣它就會在大表格的中間。

然後在3列表格中的第一格插入您剛做好的上面那塊的『影像,在第三格中放入下面那塊影像。然後再點選表格第二格,設定屬性裡面儲存格的『背景影像』,可按資料夾瀏覽抓影像,抓剛做好中間的那塊影像,這樣就可在上面寫文字編輯了!而預設的背景,不論內容多長都會一直重複這塊影像。

 

Top回最上面... 設計分割插入表格插入儲存格背景顏色

 

 

接著,為了讓內文顯示的更美觀,我們可以在第二格裡再插入一個1列1欄95%的表格,然後調整這個表格的屬性,『內距:20』、『對齊:置中』。這樣就會和您在上面看到的『調整後』成品預視一樣了,『內距』就是表格裡面的東西,如文字、圖片等,它們和表格邊線的距離。『寬:95%』就是表示這個在大表格裡面的小表格,它的大小是佔大表格的95%,如果調100%就是與外面的大表格一樣大小了。所以您也可以自行依照需求做調整!

 

Top回最上面... 設計分割插入表格插入儲存格背景顏色

 

 

接著可以讓外面的空白與中間的內容更一致性。點選外面空白的地方,再設定屬性裡的『背景顏色』,看您喜歡哪種顏色,按『背景顏色』欄位的,出現可選擇顏色,也可用滴管在視窗裡點選想要的顏色,。它會幫您選擇最相近的顏色!這樣就做好了上、中、下影像的網頁設計囉!是不是很簡單呢?