如何放置漂亮的banner-玄奘大学.docVIP

如何放置漂亮的banner？ 基本概念 網頁中採用圖片有兩種方式，一種是做成背景圖片，一種是插入圖片元件。(如果希望能夠獲得較佳呈現效果，也可以在背景圖片上面插入局部透明的圖片元件。) 基本操作 上傳圖片 設定樣式 將該樣式套用到網頁的頁首上 利用透明的圖案撐開頁首的高度以適合圖片 詳細步驟 製作或是從管理維護組網頁上面下載漂亮的banner圖片、透明logo兩個檔案 圖形管理→文檔管理系統→瀏覽上傳此banner圖片檔，還有透明底圖的logo檔 參數設定→常用樣式維護→輸入樣式名稱，點選背景圖片旁邊的問號 點選找到自己要的圖片→例如本例中點選4-2.jpg 返回樣式介面後，點選新增樣式 自頁面設定 → 頁面整體設定 → 頁首背景樣式 請點選剛剛所點選的樣式，把該樣式賦予頁首 → 頁面寬度的欄位也可以依照需求調整 → 點選修改 先看看前端畫面，此時會看到網站上已經將剛剛所選的圖案設為底圖，但是似乎沒有呈現完整的圖案，有部分被遮掉，此時我們必須採用插入透明圖片微調的方式來處理，步驟如下 點選首頁精靈 → logo 瀏覽上傳想要呈現的透明底圖gif檔案，此檔案的高度將撐開剛剛被遮到的背景底圖，讓他完整呈現 → 點選修改 觀看前端，會發現此玄奘大學透明logo圖已經放置在剛剛的底圖上面，此時會發現有點撐過頭，底圖出現重複現象。 因此我們必須要返回首頁精靈去修改logo檔案的尺寸 目前尺寸為451*150 先點按flash才能改尺寸，我想要改成225*75試看看 改完再按左上角的修改 到前端觀看結果 看到結果變為 好像還不錯 這樣就可以了 如果發現尺寸還不對的話 記得回去首頁精靈去修改logo檔案的尺寸，改到前端看起來不錯為止