改字 → 切割需要的切片 → 插入表格1 → 插入表格2 → 表格與儲存格
首先將樣板的PSD檔放入I 軟體,改字與圖。
別人設計好的樣板好處就是不需再自己設計,所以能不動的地方就照原來,包括切片,一般樣板的PSD都會是已分割好的,可按一下工具列上的就可顯示切片。除非還要增加特殊圖片或動畫,不然連最佳化也不用動直接就可以輸出就成網頁檔,是不是很方便呢!
所以最主要還是更改成我們需要的文字,取文字工具點選要改的文字或新增文字也行,有時會出現警告視窗,問您改了會變更版面,就是文字會全改變如圖一,就像有些圖層會出現如圖二的驚嘆號三角形,這是表示您的電腦沒有安裝這些字體的緣故。
如果並不需要樣板原有的這些字型、字句,那就沒有什麼關係,直接按確定修改就可以了!
圖一.
圖二.
圖與文字都修改完成後,亦可加入自己的商標、標誌等等。
如要更改切片可按切片選取工具的右鍵:刪除全部切片,進行重新切割。但要小心預留下個步驟我們到D牌製作時所需要的加長的背景等等!
如圖一.樣板最下面的那橫長條,要切割成能移動的完整影像!或是想自己再設計不同的創意,亦可照所需切割設計!
還要記得修改連結的按紐,確定都已修改無誤後就可輸出網頁擋了!
接著進入D牌調整。
一開始還是與其它調整的方式相同。
先全選剪下,貼在一列一欄的表格中,再按表格裡空白的地方,視窗下的標籤會如圖一所示,按下<table>圖一箭頭所指就是表格。
調整屬性如圖二。背景顏色是螢幕上得顏色!
後再按空白的地方按住滑鼠往表格內拖曳,將表格及所有內容再全選剪下一次,插入一列一欄的表格,寬、高的屬性設定都是100%,後再貼上!
↑圖二.
接著再按點空白的地方設定外面大表格的儲存格屬性如圖一。背景顏色:#C0D650。可設背景顏色為樣板上的顏色,(按背景顏色旁的方框,用滑鼠選螢幕上的顏色)也可以用樣板上的橘色、藍色...可依個人喜好設定!
再點選樣板上任意一個影像,視窗下方的標籤會出現如圖二,點選這個標籤<table#Table_01>,這是樣板外框的原始表格,先再按鍵盤上的往右移動鍵‘→’,後按Enter鍵。要讓原始表格下方出現下一行。
↑圖一.
接著將樣板上最下面我們分割出來的影像(圖一.)往下一行拖曳,
或將此影像剪下在貼上我們要貼的地方這樣也可!圖一.
再點選此影像,調整此影像的屬性如圖二所示。
如果下面的按鈕橫有切割成數塊,只需全部點選再拖曳下來即可。(按住Ctrl鍵再點選要的樣板影像,就可複選表格影像。)如此就調整好一個全頁的樣板了!
由於樣板的文字在I 軟體裡寫好輸出後就不能更改,也可在文字那格不寫文字設計背景就好,留在D牌在寫。到D牌後刪除此格,將刪除的影像設為此格的背景影像,只要文字不超過此格就可!