用DW編輯網站模板的一些技巧
來源: | 作者:szhuhang | 發布時間: 753天前 | 728 次瀏覽 | 分享到:
  選擇完標準模板,也許大家希望能夠自定義一個漂亮的模板,加入自己的背景圖等。做網站建設下面就來看看如何自定義模板。具體操作如下:
1、在管理頁面右上角“系統管理”的下拉列表框中選擇“模板自定義”。
2、進入顯示當前模板代碼的頁面。
要在代碼模式下編輯模板,需要讀者掌握一定的HTML和CSS知識。首先,在代碼編輯窗口下方為大家做出了一些注釋。
博客里除了這些代碼外,剩余的都是HTML和CSS代碼了,讀者可以參考代碼說明,對模板進行修改。天涯博客提供了可視化自定義博客頁面的功能,單擊“切換到HTML圖文編輯器”的鏈接。
在可視化編輯狀態下,可以對模板內的內容進行刪除、移動等操作。但是如果希望替換圖片,這種方法就不是很好用了。在這里還有一個更為方便的可視化編輯模板的方式,就是使用Dreamweaver.這部分內容將在后面作更詳致的介紹,現在只做一個簡單的操作,使讀者掌握基本操作方法。
1、打開Dreamweaver,新建一個文件,將剛才那段代碼視圖粘貼進去。
2、切換到Dreamweaver的設計視圖下,這時就可以看到可視化的效果了。
在可視化模式下,可以對表格的內的圖片、文字等內容進行編輯。如果需要發動的內容較多,可以先制作一個靜態的頁面,然后根據這個靜態頁面進行修改。在這里只使用手寫代碼的方式作簡單地改動。以前面選定的模板為基礎,進行風格及圖片的修改。將光標放在左邊的單元格內,單擊Dreamweaver窗口上方的“拆分”按鈕,將視圖改變為上面的是代碼,下面是設計視圖的模式。
分部分對代碼進行修改。將上面的單元格與表格結構進行調整。調整方法是使用手寫代碼的方式。具體操作步驟如下:
1、打開自定模板的窗口,復制模板代碼到Dreamweaver內進行編輯。
2、打開設計視圖,刪除多余的圖片、表格背景圖等內容,制作出一個非常簡潔的博客頁面。
3、打開代碼視圖,對模板進行進一步調整。首先找到本頁中定義的CSS樣式表內容。CSS樣式表的內容在頁面最上面,找到之后,調整頁面背景效果,調整方法是找到"body{"后面的內容,對其進行修改,例如本例中,具體代碼如下
乐赢彩票首页