前言:
Dreamweaver是由Macromedia公司開發(fā)的專門針對(duì)專業(yè)網(wǎng)頁制作者的所見即所得的主頁編輯工具。它提出了許多獨(dú)具特色的設(shè)計(jì)新概念,諸如行為(Behaviors)、時(shí)間線(Timeline)、資源庫(Library)等。此外,Dreamweaver還支持層疊式樣表(CSS)和動(dòng)態(tài)網(wǎng)頁效果(DHTML)。利用Dreamweaver,我們可以輕易的制作出另人眼花繚亂動(dòng)態(tài)網(wǎng)頁。
我用Dreamweaver怎么只能輸入一個(gè)空格呀?
這是因?yàn)槟爿斎氲目崭袷前虢亲址?只要輸入全角空格就可以了。輸入全角空格的方法是:打開中文輸入法,按Shift+Space切換到全角狀態(tài)。這時(shí)你輸入的空格就是全角空格了。
在Dreamweaver 3.0中行為面板(Behavior inspector)中,“Events for”下拉菜單項(xiàng)無法打開!默認(rèn)的只有一個(gè) “3.0 and Later browsers”。這樣一來,很多特技效果形同虛設(shè)。根本沒法制作。
這應(yīng)該算Dreamweaver 3.0和中文Windows98不兼容的一個(gè)地方吧,在英文Windows98中就沒有這個(gè)問題。而實(shí)際上這個(gè)菜單還是可以打開的,只不過是不能正確顯示罷了。在選中下拉菜單后,我們可以用上下鍵來選擇我們想要用的瀏覽器。就現(xiàn)在來說,我們一般應(yīng)該選擇“IE 5.0”。
我用Dreamweaver 3.0的模版制作網(wǎng)頁,為什么行為(Behavior)無法設(shè)置呢?如果不使用模版生成網(wǎng)頁,卻一點(diǎn)問題也沒有。
在使用模板(Template)做出來的網(wǎng)頁中不能新增行為。這是因?yàn)樾略鲂袨樾枰贖TML文件的Head部分之中插入javascript,而使用了Template后,HTML文件的Head部分會(huì)被“封鎖”住。如果要在使用模板生成的網(wǎng)頁中應(yīng)用行為,你就需要事先在模板中定義好行為,然后把它定義為模板的可編輯區(qū)域。隨后,你就可以在網(wǎng)頁中更改這個(gè)行為了。但這也只限于更改行為的觸發(fā)事件(events)和動(dòng)作(actions)的具體內(nèi)容,而不能更改動(dòng)作的類型。
比如說,我們事先在模板中為一個(gè)對(duì)象定義了一個(gè)行為,這個(gè)行為是當(dāng)載入頁面時(shí)(onload)彈出一個(gè)消息對(duì)話框(popup message)。當(dāng)我們編輯由這個(gè)模板生成的頁面時(shí),我們可以把onload改為onunload,或者我們可以改變消息對(duì)話框的具體內(nèi)容,而不能把popup message這個(gè)動(dòng)作改成play sound。
我能否使文字像圖片那樣,可以在上面施加行為(Behavior)?這樣我就可以作出類似動(dòng)態(tài)按鈕那樣的動(dòng)態(tài)文字特效了。
在Dreamweaver中普通的文字是以字符為單位的,不能作為對(duì)象,即一些非常有用的javascript事件不能賦予文字。因?yàn)槲淖植幌髨D片和其他控件有具體的“標(biāo)記”,所以文字與很多特效失之交臂。
為了給文字添加特效,我們可以把文字做成超鏈接來處理。這樣文字就成為了對(duì)象,可以施加行為了。但是這樣又帶來了一些不需要的超鏈接屬性,比如下劃線,以及hover、visited等顏色變化。 如果你想單純?yōu)槲淖痔砑犹匦?,下面我有一個(gè)辦法:我們可以先把你所想設(shè)置的文字做成超鏈接,然后再在它的上面添加行為,最后我們?cè)侔殉溄愚D(zhuǎn)變?yōu)槠胀ㄎ淖?。具體的步驟如下:
選中你想編輯的文字,在鏈接目標(biāo)框里隨便填入幾個(gè)字符。
選中這個(gè)鏈接,單擊窗口(Windows)->行為(Behaviors),彈出行為面板。
按下“+”添加你想要的行為,如play sound等。
打開Dreamweaver的超文本編輯器,找到這個(gè)鏈接,把<a>改為<font>,把</a>改為</font>。最后把“href=../../...”刪掉。
保存此頁。按F12預(yù)覽一下,怎么樣效果還不錯(cuò)吧。
如何精確的定位網(wǎng)頁中各個(gè)元素的位置呢?
精確定位網(wǎng)頁中各個(gè)元素的位置有兩種方法:使用表格或?qū)印?/p>
使用表格是目前比較通用的做法,具體方法是:先在網(wǎng)頁中建立一個(gè)表格,注意表格的邊框?qū)挾葢?yīng)為0。然后再把各個(gè)元素按照你的要求放在各個(gè)表格單元之中。仔細(xì)調(diào)整表格單元的大小以及表格邊框的位置,這時(shí)在表格單元中的元素也會(huì)隨之移動(dòng)位置。這樣你就可以比較精確的定位網(wǎng)頁中各個(gè)元素的位置了。使用表格的優(yōu)點(diǎn)是通用,幾乎各個(gè)版本的瀏覽器可以致支持表格。它的缺點(diǎn)是使用起來比較麻煩,需要仔細(xì)進(jìn)行調(diào)整,而且定位不十分精確。
層在網(wǎng)頁中可以隨意放置,因此我們可以使用層來進(jìn)行精確定位。使用方法是,在網(wǎng)頁中插入一個(gè)層,然后把你想要定位的元素放在層里,接著我們就可以把層放到所想要任何位置了。此外,你還可以借助標(biāo)尺和網(wǎng)格進(jìn)行精確的定位。
因?yàn)閷又辉谧钚碌臑g覽器中被支持,所以為了兼容舊的瀏覽器,我們可以把層轉(zhuǎn)變?yōu)楸砀?。方法?選擇“修改(Modify)->版面布局模式(Layout Mode)->把層轉(zhuǎn)化成表格(convert layers to table)”即可。注意這時(shí)的層不能有重疊,我們可以在插入層之前選擇“查看(view)->防止層交錯(cuò)(prevent layer overlaps)”來避免層的重疊。一般來說轉(zhuǎn)換后的頁面可能會(huì)有一些變化,還需要我們手工進(jìn)行調(diào)整。
最后有一點(diǎn)要注意,在進(jìn)行表格和層的相互轉(zhuǎn)換時(shí),最好不要在一個(gè)頁面中同時(shí)使用層與表格,那樣可能會(huì)把你的頁面弄的一團(tuán)糟。
如何改變?yōu)g覽者的鼠標(biāo)形狀?
這是通過編輯樣式表來實(shí)現(xiàn)的。具體方法是:選擇“文字(text)->定制樣式(CSS Style)->編輯樣式表(Edit Style Sheet)”,彈出編輯樣式表窗口,在其中選擇“新建(new)”。接著選擇“建立一個(gè)定制的樣式(Make custom style),給這個(gè)樣式表起名,單擊確定。編輯該樣式表,選擇擴(kuò)展項(xiàng)(extension),在右邊的光標(biāo)項(xiàng)(Cursor)中選擇要出現(xiàn)的指針效果即可。
如何讓背景圖象不滾動(dòng)?
選擇“文字(text)->定制樣式(CSS Style)->編輯樣式表(Edit Style Sheet)”,出現(xiàn)編輯樣式表窗口,選擇“新建(new)。接著選擇重定義HTML標(biāo)記(Redefine HTML Tag)”,并在下面的標(biāo)記(Tag)選單中選擇Body。編輯該樣式表,選擇背景(Background),并在右邊的附件(Attachment)里選固定的(fixed)就可以了。
我如何才能去掉超鏈接文字之下的下劃線呢?
這一效果也是通過編輯樣式表來實(shí)現(xiàn)的。具體方法是:“點(diǎn)擊文字(text)->定制樣式(CSS Style)->編輯樣式表(Edit Style Sheet)”,出現(xiàn)編輯樣式表窗口,選擇“新建(new)”。接著選擇重定義HTML標(biāo)記(Redefine HTML Tag)”,并在下面的標(biāo)記(Tag)選單中選擇a。編輯該樣式表,選擇類型(type),在右邊的裝飾(decoration)中選中無(none )即可。
我如何制作一個(gè)跟著頁面走的圖象呢?
這一效果是通過javascript實(shí)現(xiàn)的。一般來說完成這樣一個(gè)效果需要一定的編程能力,但現(xiàn)在我們可以通過Dreamweaver的插件輕易的實(shí)現(xiàn)。你可以到http://www.computerinfo.com.cn/classroom/chajian /chajian2.zip下載這個(gè)插件。插件的安裝方法:解壓縮后拷貝到Dreamweaver下的文件夾Configuration/Objects內(nèi)的一個(gè)新建文件夾里面即可。重新啟動(dòng)Dreamweaver之后,我們就可以在對(duì)象面板之中找到新安裝的插件了。點(diǎn)擊插件的圖標(biāo),在彈出的對(duì)話框中填入圖像的存放地址以及圖像的顯示位置就可以了。
如何制作鼠標(biāo)移上去后有變化的動(dòng)態(tài)菜單?
所謂動(dòng)態(tài)菜單其實(shí)是兩幅圖,一幅是鼠標(biāo)不放在上面所顯示的,另一副是鼠標(biāo)移上去所顯示的。我們可以利用Dreamweaver提供的行為之中的swap image來實(shí)現(xiàn)這個(gè)效果。首先插入一副圖片,用鼠標(biāo)單擊圖一,在屬性面版的連接欄內(nèi)輸入要連接的網(wǎng)頁。然后打開行為面板添,點(diǎn)擊“+”號(hào),選擇swap image。接著出現(xiàn)一個(gè)窗口,要你選擇鼠標(biāo)移上去后所顯示的圖片,在此選擇圖二,點(diǎn)擊確定。好了,效果完成了,多么的簡(jiǎn)單。
我如何才能用Dreamweaver制作出一個(gè)類似于下拉菜單的效果呢?
制作一個(gè)類似于下拉菜單的效果需要用到層的隱藏和顯示特性。具體的方法是:
在頁面中插入一個(gè)單行多列的表格,作為你的菜單條。表格的列數(shù)由菜單選項(xiàng)的多少?zèng)Q定。
插入一個(gè)層,在層中輸入第一個(gè)下拉菜單的內(nèi)容,并把這個(gè)層移動(dòng)到表格第一列的下面。
同理,對(duì)其它的菜單項(xiàng)也作如上的操作,插入相應(yīng)的層。
把所有層的顯示屬性(vis)改為隱藏(Hidden)。
選擇表格的第一個(gè)單元,單擊窗口(Windows)->行為(Behaviors),彈出行為面板。按下“+”添加行為Show-Hide layers,并將第一個(gè)層(Layer1)屬性改為顯示(Show),其它層的屬性改為隱藏(Hide)。接著在行為面板中編輯這個(gè)行為,將它的觸發(fā)事件(events)改為onMouseover。這樣,當(dāng)鼠標(biāo)移動(dòng)到第一個(gè)表格單元之上時(shí),第一個(gè)下拉菜單就會(huì)顯示出來。
接著再添加一個(gè)行為Show-Hide layers,并將所有層的屬性改為隱藏。接著在行為面板中編輯這個(gè)行為,將它的觸發(fā)事件(events)改為onMouseout。這樣當(dāng)鼠標(biāo)從第一個(gè)表格單元之上移開時(shí),第一個(gè)下拉菜單就會(huì)隱藏起來。
對(duì)其它的菜單項(xiàng)重復(fù)e、f操作。但要注意設(shè)置“菜單二”時(shí),第二層顯示,其它層隱藏;設(shè)置“菜單三”時(shí),第三層顯示,其它層隱藏;依此類推下去。
好了,做好了,按F12看看效果吧,怎么樣?是不是很酷?
我經(jīng)常看見有的網(wǎng)頁上有諸如跳轉(zhuǎn)到頁首之類的
本文作者:新聞熱點(diǎn)
疑難解答