Dreamweaver制作網頁經典問題大整理(9)
1> 在DW中,如何輸入一個空格呢? 輸入空格的問題,在DW似乎已成了一個老生常談的問題,我們可能在許多介紹DW使用方面的書籍或文章中看到過N次。 DW中對空格輸入的限制是針...
39> 怎樣制作在頁面中“靜態懸浮”的圖片?
所謂的“靜態懸浮”也就是圖片總是試圖停留在網頁中的某個位置,因此在視覺上有種跟著頁面“走”的感覺,象懸浮著一樣。
該效果的實現是通過javascript來完成的,一般要求有一定的編程能力。好在DW提供了制作該效果的固定插件,因此就顯得簡單多了。
首先你必須先下載stav插件,將里面的兩個文件(其中包括圖片文件Cross Browser Static Division.gif和網頁文件Cross Browser Static Division.htm)都拷貝到DW安裝目錄Configuration\Objects\Common下。
重新啟動DW,在Object(對象)面板中,你會看到最底部已經多了SI項,選中它在彈出的窗口中設定浮動層到上邊和左邊的距離,然后在圖層中插入指定的內容(這里為圖片)即可。
40> 如何使文字和圖片內容共處?
我們都知道,在DW中,圖片對象往往是獨占一行的,那么文字內容只能在與其平行的一行的位置上,怎么樣才可以讓文字圍繞著圖片顯示呢?
選中圖片,在屬性面板的右上方你能看到一個“Align”的屬性選單,選擇“Left”,這時你會發現文字已經均勻的排列在圖片的右邊了。
41> 實現多個窗口的連接?
面板設計一直是DW的一大特色,到了DW4版本,所用到的面板已經相當多了,那么我們如何才能更高效的利用它呢? “窗口連接”就是一種方便大家自定義的技術功能,簡單的說,就是可以根據需要將兩個或更多個面板放到一個窗口中來。 鼠標點擊拖動一個面板的Tab欄到兩一個面板上,當你看到一個黑色邊框時,松開鼠標,這時兩個面板已經合二為一了。
42> 如何制作一條寬度為1的細線?
在DW中,盡管水平線是以“Line”形式出現的,但在制作細線時,它表現的并不盡如人意,主要是過粗,沒有需要的細膩感!
那么我們可以采取變通的方法以表格的應用來實現。
在網頁中插入一個1行1列的表格,將表格的“cellpadding”“cellspacing”都設置為“0”,同時將單元格的“bgcolor”設定為紅色,當然你也可以使用其他的顏色來代替,“Height”設定高度為1。
還有最關鍵的一步,查看源代碼,將< td>< /td>中的“ ”去掉即可。
43>如何制作一個邊框為1的方格?
很明顯,我們現在還是要通過表格的設置來完成。
或許你會說,這還不簡單嘛!建立一個1行1列的表格,然后將它的“Border”值設為1不就可以了。實際上,用這種方法制作的表格根本不是所說的邊框為1的方格,而是要“粗”的多!
同樣先插入一個1行1列的表格,將表格的“border”、“cellpadding”設置為“0”,“cellspacing”設置為“1”。設定表格的“bgcolor”為紅色(即為邊框的顏色),同時設定單元格的“bgcolor”為白色(即同背景色),OK了。
44> 怎樣設置根據不同的瀏覽器,返回不同的頁面?
瀏覽器不同,它所支持的技術和效果也不同。因而我們所設計的網頁并不是在所有的瀏覽器中都能正常顯示或最佳顯示。這時一個判斷瀏覽器的跳轉就很必要了。
當用戶用不同類型或版本的瀏覽器打開時,可以返回不同的頁面,以保證用戶的正常瀏覽。 單擊快速啟動板中的“Behavior”按鈕,點“+”號,在下拉列表中選擇“Check Browse”。
45> 網頁中可以隨便拖動的對象是怎么建立的?
訪問網站時,經常能見到不少可以用鼠標拖動的元素,其中以圖片居多,比如,一張廣告圖片擋住了你想瀏覽的內容,你完全可以用鼠標選中把它扔到一邊去!
制作這種效果是通過圖層的“Drag Layer”行為實現的,單擊Behavior面板中“+”號,選擇“Drag Layer”,當然之前你必要保證目標圖層處于選中狀態,進行簡單設置后就OK了。
DreamWeaver中應用CSS樣式表的幾種情況
一、 去除超級鏈接的下劃線以及在超級鏈接上實現鼠標懸停變色:在默認情況下,用DreamWeaver設計的網頁中的超級鏈接都有下劃線,看上去不大美觀。要去除這些討厭的下劃線,很多報...
用Dreamweaver 定義模板批量制作網頁
做網站,麻煩在更新和改版,特別是大規模更新,如果不是用cms系統,手工工作量非常大。告訴你個秘密吧,其實只要用好模板工具,就能很好地“批發”網頁。常見的網頁制作工具...
Dreamweaver網頁制作的18條操作技巧
1、在進行網頁設計時,大家都喜歡用Style調用的方式,因為它可以讓頁面更統一,也讓設計過程變得更簡便。調用Style的方法有很多,可以單擊鼠標右鍵選擇Custon Style來調用Style標準...
Dreamweaver網頁制作教程:表格設計實例
表格設計表格是現代網頁制作的一個重要組成部分。表格之所以重要是因為表格可以實現網頁的精確排版和定位。本節教程我們分為兩步來進行。首先看表格操作的一個實例。然后來...