最近連續假日在忙這個.....原本放在另一個區域,也許有朋友會用到,所以順便把資料也備存在這裡。

真糟糕,圖檔沒做幾天內容沒看製作方法又快忘光光,趕緊來文字複習一下。
1.首先當然請你先灌好 Dreamweaver 8
2.每次建立新檔案動作採用->HTML



通常如果我們背景圖片沒設定好很容易出現當網頁很長,捲軸往下拉時,網頁的背景圖片沒有定格住,而是跟著捲軸被帶到網頁上方,而背景圖片就跟著不見了,網頁背景可能就是白茫茫一片or跑出奇怪的顏色背景。**此篇要解說的是"如何設定背景圖片定格不捲動" **

  (此圖片是介紹Dreamweaver 8基本使用區域)


1.開新檔案後,在編輯視窗區按滑鼠右鍵 =>選頁面屬性




2.背景影像(背景圖片位址)=>預覽 選擇指定圖片=>確定



3.選好圖片後背景影像下方的重複=>選不重複 (如果忘記選....圖片就會重複顯示成背景)
OS:這裡背景影像圖片檔案資料夾取用時請注意,因為測試時取用系統內我的圖片(範例圖片)資料夾,發生存檔時圖片遺失畫面,請教老師後,了解因為跟路徑有空白間隔有關係(這很難理解噢),總而言之,在製作檔案時最好把圖片放在指定的固定資料夾,這樣就不會出現這問題了。



4.圖片出現後=>選右邊CSS面板-CSS樣式-正在,就會出現2段選取範圍摘要。
5.在CSS面板的下方,看到body的屬性=>選增加屬性=> 
    左列 :background-attachment   右列: fixed

6.設定好以上動作按存檔,就可以啦


錯誤範例:當頁面屬性還沒更改時,就會發現當網頁內容很多,跑了至少有2個網頁以上(出現右邊捲軸),但圖片是不是跟著往上跑,並沒有定住在網頁中間。



修正範例:當我們把網頁屬性修改新增一個指令後,發現不管右邊捲軸怎麼變化,內容變得多長,背景圖片都不會跟著捲動跑掉。






arrow
arrow
    全站熱搜
    創作者介紹
    創作者 ypumis 的頭像
    ypumis

    camay。可果美的天空

    ypumis 發表在 痞客邦 留言(0) 人氣()