| Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理 |
| 2009-4-17 10:06:26 哈爾濱百姓網(wǎng) 來源:百度空間 瀏覽 次 【大 中 小】【打印】【關(guān)閉】 |
|
·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(1) 1> 在DW中，如何輸入一個(gè)空格呢？
輸入空格的問題，在DW似乎已成了一個(gè)老生常談的問題，我們可能在許多介紹DW使用方面的書籍或文章中看到過N次。
DW中對(duì)空格輸入的限制是針對(duì)“半角”文字狀態(tài)而言的，因此通過將輸入法調(diào)整到全角模式就可以避免了，方法是：打開中文輸入法（以人工智能ABC為例），按Shift+Space切換到全角狀態(tài)，現(xiàn)在應(yīng)該沒問題了。
此外，你還可以通過許多“變通”的方法達(dá)到錄入空格的目的，比如常用的是：
直接在源代碼中加入代表空格的HTML代碼“ ”；輸入一定長度的文字對(duì)象后，然后調(diào)整文字的顏色與當(dāng)前的背景顏色相同等等，不過注意的是后者在一些瀏覽器中可能顯示上有點(diǎn)問題。
2> 如何在瀏覽器地址欄前添加自定義的小圖標(biāo)？
你是不是記得有時(shí)在瀏覽網(wǎng)易網(wǎng)站的首頁時(shí)，在地址WWW.163.COM前會(huì)顯示一個(gè)“易”字樣的小圖標(biāo)。而默認(rèn)情況下，這個(gè)圖標(biāo)是一個(gè)IE瀏覽器的指定圖片。
其實(shí)這也不是什么高深技術(shù)，只不過在網(wǎng)站目錄下添加了一個(gè)特定文件而已。
這時(shí)，我們需要預(yù)先制作一個(gè)圖標(biāo)文件，大小為16*16像素。文件擴(kuò)展名為ico，然后上傳到相應(yīng)目錄中。在HTML源文件“<head></head>”之間添加如下代碼：
<Link Rel="SHORTCUT ICON" href="http://圖片的地址（注意與剛才的目錄對(duì)應(yīng)）">
其中的“SHORTCUT ICON”即為該圖標(biāo)的名稱。當(dāng)然如果用戶使用IE5或以上版本瀏覽時(shí)，就更簡單了，只需將圖片上傳到網(wǎng)站根目錄下，即可自動(dòng)識(shí)別！
3> 為什么，我本來設(shè)計(jì)很好的網(wǎng)頁，在瀏覽器窗口最小化時(shí)會(huì)變的丑陋難堪？
這應(yīng)該是個(gè)很值得大家注意的問題，也就是說，在全屏狀態(tài)下瀏覽網(wǎng)頁內(nèi)容時(shí)，一點(diǎn)問題也沒有。當(dāng)我們使用窗口的最小化命令或手動(dòng)的調(diào)整窗口的大小時(shí)，問題就慢慢出現(xiàn)了。網(wǎng)頁內(nèi)容會(huì)把當(dāng)前窗口作為顯示范圍，依次下挫。舉個(gè)例子，和在記事本中有“自動(dòng)換行”和“沒換行”的差別是完全一樣的。
解決這個(gè)問題，我們必須從網(wǎng)頁的布局說起，一般情況下，網(wǎng)頁內(nèi)容的定位大多是通過表格來實(shí)現(xiàn)的。因此問題的“毛病”也就出在表格上。
你可能已經(jīng)注意到了，在表格的高寬設(shè)定選擇上提供了兩種不同的類型，百分比和像素。其中百分比的使用將會(huì)產(chǎn)生前面說到的那個(gè)毛病，將其全部更正為Pixels單位的實(shí)際大小就可以了。
4> 如何改變網(wǎng)頁顯示時(shí)，最頂部的提示信息？
瀏覽網(wǎng)頁時(shí)，頂部的提示信息往往代表了網(wǎng)頁內(nèi)容的關(guān)鍵所在，有助于訪問者提前了解網(wǎng)頁內(nèi)容。在DW4前，沒有在功能上直接提供該操作，我們往往通過在源代碼中應(yīng)用“title”屬性來完成。進(jìn)入DW4就簡單多了。
直接在編輯窗口最上方的“title”輸入框內(nèi)鍵入所需要的文字信息即可。
·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(2) 5> 怎么樣，才能為圖片添加指定顏色的邊框？
對(duì)于沒有邊框的圖片而言，直接插入到網(wǎng)頁中，在顯示效果上是相當(dāng)差的。記得在微軟的FP中要給圖片添加滿意的邊框還是相當(dāng)麻煩的。
不過在DW中就顯得容易多了，因?yàn)檫@里有一個(gè)“Border”屬性，可以讓你直接設(shè)置邊框的寬度。
寬度設(shè)好了，你一定會(huì)問，顏色呢？面板上并沒有提供顏色的選擇呀！呵呵，其實(shí)這里有一個(gè)技巧問題，用鼠標(biāo)選擇圖片對(duì)象，注意不是點(diǎn)擊選中，而是拖動(dòng)選擇。象設(shè)定文字顏色一樣進(jìn)行就可以了。
6> 如何添加圖片及鏈接文字的提示信息？
在我們?yōu)g覽網(wǎng)頁時(shí)，當(dāng)鼠標(biāo)停留在圖片對(duì)象或鏈接上時(shí)，在鼠標(biāo)的右下有時(shí)會(huì)出現(xiàn)一個(gè)提示信息框。對(duì)目標(biāo)進(jìn)行一定的注釋說明。在一些場合，它的作用是很重要的。
下面先看看圖片提示信息的添加，選中圖片對(duì)象，在屬性面板里你會(huì)發(fā)現(xiàn)有個(gè)“Alt”輸入框。默認(rèn)情況下，該輸入框是空白的。在這里錄入需要的提示內(nèi)容就可以了。
那么鏈接提示的制作就沒這么簡單了。因?yàn)镈W中沒有直接提供該功能，因此我們需要通過添加HTML代碼來實(shí)現(xiàn)。
在<a href=“” >中添加“title”屬性。title=提示內(nèi)容即可。
7> 如何把自己的ZIP或其他類型的文件供別人下載?
在不少初級(jí)網(wǎng)頁制作者看來,好象通過鼠標(biāo)單擊完成下載是件很"神秘"的事,實(shí)際上遠(yuǎn)非如此.在DW中凡是不被瀏覽器識(shí)別的格式文件(HTM,HTML,ASP,PHP.PERL,SHTML等以外的)作為鏈接目標(biāo)時(shí),默認(rèn)的操作都是下載.
這時(shí)你只需要,把要瀏覽者下載的文件名寫好,然后制作一個(gè)到目標(biāo)文件的鏈接.注意目錄一定不要搞錯(cuò).
8> 怎樣才能夠保證網(wǎng)頁中文字不跟隨瀏覽器字體大小設(shè)置而變動(dòng)?
大家都知道,在IE瀏覽器的功能設(shè)置中，有一個(gè)可以自由設(shè)置窗口內(nèi)容字體大小的功能，這樣由于不同訪問者的習(xí)慣問題，呈現(xiàn)在他們面前的網(wǎng)頁有時(shí)也會(huì)不同。
比如你可能本來設(shè)計(jì)時(shí)用的是2號(hào)字體，結(jié)果由于用戶對(duì)瀏覽器的額外設(shè)定，變的更大了，這時(shí)顯示效果上就出問題了。
那么解決的辦法就是將網(wǎng)頁內(nèi)容定性的強(qiáng)制在某個(gè)合適的大小上。即不容許他變化。通過CSS樣式表對(duì)字體進(jìn)行強(qiáng)制性控制就可以實(shí)現(xiàn)這個(gè)要求了。
·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(3) 9> 以新窗口的形式打開目標(biāo)鏈接？
以新窗口打開，顧名思義，也就是在不覆蓋當(dāng)前窗口的前提下，另外打開一個(gè)瀏覽器窗口。你可以直接在連接代碼中<a href="" >加入“Target=_blank”。
如果你的HTML比較差的話，在DW屬性面板上同樣提供了這個(gè)設(shè)置，當(dāng)你在Link輸入框中鍵入WWW網(wǎng)址時(shí)，后面的Target下拉框同時(shí)也被激活了。
選擇最上的“blank”就可以了。
10> 如何讓網(wǎng)頁載入時(shí)，象許多商業(yè)網(wǎng)站那樣，彈出一個(gè)廣告窗口
這在不少大型商業(yè)網(wǎng)站中，是時(shí)常見到的。在DW中可以輕松通過Behavior行為實(shí)現(xiàn)。
既然是載入時(shí)，我們可以把整個(gè)網(wǎng)頁內(nèi)容視為事件對(duì)象。在DW編輯窗口中鼠標(biāo)點(diǎn)擊左下角的“<body>”標(biāo)簽，這時(shí)你能注意到全部網(wǎng)頁內(nèi)容已經(jīng)選中了。
單擊“快速啟動(dòng)板”中的“Behavior”按鈕，進(jìn)入行為面板，選擇“Open Browse Window”項(xiàng)，這時(shí)你還可以對(duì)窗口樣式進(jìn)行自定義，比如大小，工具按鈕的保留等等。另外還有一點(diǎn)就是別忘了對(duì)應(yīng)的事件是“Onload”.
11> 我的快速啟動(dòng)板中沒有"Timelines"，怎么辦？
DW從升級(jí)到4版本后，在快速啟動(dòng)板中增添了幾個(gè)新的項(xiàng)目，比如Assets等等。這時(shí)原來在上面的Timelins（時(shí)間線）按鈕被擠了下去。
當(dāng)然如果你急于現(xiàn)在就使用它的話，仍然可以通過菜單“Windows”-“Timelines”找到。不過畢竟不如放在啟動(dòng)板中方便，這時(shí)我們能通過設(shè)置把它添加進(jìn)來！
“Edit”-“Preference”進(jìn)入窗口，在左邊的項(xiàng)目列表中選擇“panels”（面板），單擊上面的“+”號(hào)按鈕，從下拉列表中選擇“Timelines”。這時(shí)時(shí)間線已經(jīng)自動(dòng)添加到當(dāng)前的“Show in Launcher”列表內(nèi)容里，OK。更改后的“Launcher”面板
同時(shí)你還可以根據(jù)自己的需要自由的選擇面板中出現(xiàn)的按鈕選項(xiàng)，以提高工作效率。
12> 作一個(gè)網(wǎng)頁讓它可以每隔5分鐘自動(dòng)刷新一次，如何實(shí)現(xiàn)？
上網(wǎng)瀏覽時(shí)，我們經(jīng)常會(huì)遇到一些網(wǎng)頁。在隔一段時(shí)間沒有響應(yīng)時(shí)，它會(huì)自動(dòng)刷新一次。除了可以起到提醒訪問者的目的外，當(dāng)新的刷新地址不是當(dāng)前URL時(shí)，實(shí)現(xiàn)的就是自動(dòng)跳轉(zhuǎn)的功能。
無論是重復(fù)刷新，還是自動(dòng)跳轉(zhuǎn)。在網(wǎng)頁設(shè)計(jì)中，都是相當(dāng)實(shí)用的操作。下面我們來介紹下它們的制作方法。
選擇DW“Object”面板的“Head”部分，注意默認(rèn)情況下，顯示的是Common的“內(nèi)容”。
單擊上面的“Refresh”按鈕，其中“Delay”輸入框中鍵入刷新延遲的時(shí)間（單位：秒），“Action”為刷新指定的目標(biāo)URL。因?yàn)楝F(xiàn)在是刷新當(dāng)前頁面，直接選單選項(xiàng)“Refresh This Document”即可。
·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(4) 13> 如何定義網(wǎng)頁的關(guān)鍵字（Keyname）？
當(dāng)用戶使用搜索引擎search合適內(nèi)容的網(wǎng)頁時(shí)，關(guān)鍵字起著一個(gè)不容忽視的作用。大多的搜索服務(wù)器會(huì)每隔一段時(shí)間自動(dòng)探測網(wǎng)絡(luò)中是否有新網(wǎng)頁產(chǎn)生，并把他們按關(guān)鍵字進(jìn)行記錄，以方便用戶查詢。
你當(dāng)然想讓你的網(wǎng)頁出現(xiàn)在搜索引擎的查詢返回列表中了，這時(shí)關(guān)鍵字的定義就尤為重要了。
同樣在“Head”面板部分，單擊“Keywords”按鈕，錄入需要逐個(gè)定義的關(guān)鍵字即可，注意每個(gè)關(guān)鍵字以“；”號(hào)隔開，數(shù)目沒有限制。
14> 如何在編輯窗口中，隱藏一些不必要的標(biāo)簽？
當(dāng)用戶在網(wǎng)頁中插入了太多的不可見元素時(shí)，在編輯窗口的最上面就會(huì)顯示一排相應(yīng)的標(biāo)示標(biāo)簽，用來方便用戶隨時(shí)能找到它們。雖然這些標(biāo)簽本身并不影響瀏覽器里的顯示效果，但多了以后，往往使網(wǎng)頁內(nèi)容不得不錯(cuò)位，從而一定程度上妨礙網(wǎng)頁視覺上的調(diào)整，那么怎么樣才能把這些東東去掉呢？
進(jìn)入“Preperence”面板，列表中選擇“Invisibel Elements”，勾掉你不想顯示的項(xiàng)目前的“對(duì)號(hào)”即可，比如Scripts等
15>安排不支持“框架”的瀏覽器的顯示內(nèi)容？
我們知道，目前的瀏覽器類型很多，因此我們設(shè)計(jì)網(wǎng)頁時(shí)最先考慮到的往往是“這個(gè)東西是不是在不同的瀏覽器中都能顯示好呢？”�？蚣芫褪且粋�(gè)例子！
不過避免開這點(diǎn)，很簡單，你只需要在源代碼中加入下面的內(nèi)容就可以了。
< BODY><noframes> ---本網(wǎng)頁中包含有框架結(jié)構(gòu)，如果您不能正常顯示的話，請(qǐng)下載新的瀏覽器版本或更換主流瀏覽器--- < /noframes></ BODY>
16> 如何避免別人把你的網(wǎng)頁放在框架中？
一些居心不良的人，經(jīng)常偷著竊取別人的勞動(dòng)成果，比如把別人精心制作的網(wǎng)頁以子頁的形式放到自己的框架中。
那么怎樣避免自己的網(wǎng)頁內(nèi)容被“盜用”呢？
你只需要在網(wǎng)頁源代碼的<head></head>之間加入以下代碼內(nèi)容：
<script language=“javascript”><!--
if (self!=top)
-->< /script>
17> 怎樣加入注釋內(nèi)容？
注釋內(nèi)容，顧名思義只是作為說明內(nèi)容出現(xiàn)的，因此在瀏覽時(shí)不會(huì)出現(xiàn)在網(wǎng)頁中。它的作用是對(duì)某些重要或復(fù)雜代碼進(jìn)行必要的標(biāo)示，以更方便快捷的找到。
進(jìn)入“Object”面板的“Invisibel”部分（即不可見元素），選擇插入“Comment”按鈕，
在“Comment”中鍵入必要的信息。這時(shí)如果你返回到源代碼中，會(huì)看到這些操作添加的不過是下面格式的一段代碼：
<！--這是需要填寫的注釋內(nèi)容-->
·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(5) 18> 水平線，為什么不能設(shè)置顏色？
在DW中，當(dāng)通過菜單“Insert”-“Horizonal Rule”插入水平線時(shí)，在屬性面板中你會(huì)發(fā)現(xiàn)并沒有提供關(guān)于水平線顏色的設(shè)置，因?yàn)樽钤鏝C中不支持標(biāo)簽<hr>（水平線的HTML代碼）的COLOR屬性，所以DW也沒有關(guān)于它的設(shè)置。
看來需要的話，我們只能直接進(jìn)入源文件更改了。
<hr color="對(duì)應(yīng)顏色的代碼">
19> 如何設(shè)置可以關(guān)閉當(dāng)前窗口的功能？
這里我們可以先輸入用來標(biāo)示的文字“關(guān)閉窗口”，用鼠標(biāo)拖動(dòng)選中它，在“Link”輸入框中鍵入“/”，同時(shí)切入源代碼窗口，在鏈接代碼中鍵入該事件-onclick=“javascript:window.close(); return false;”。
完整的代碼為：<a href=“/”onclick=“javascript:window.close(); return false;”>關(guān)閉窗口< /a>
當(dāng)然你也可以將文字“關(guān)閉窗口”換成其他的對(duì)象，比如圖片，按鈕等等！
20> 定時(shí)自動(dòng)關(guān)閉的窗口又是怎樣的呢？
上面提到了個(gè)關(guān)閉窗口的功能，那么現(xiàn)在的自動(dòng)關(guān)閉又是怎么實(shí)現(xiàn)的呢？
在源代碼<body>后加入下面的代碼：
< script LANGUAGE=“javascript”> <!--
setTimeout('window.close();', 10000);
--> < /script>
其中的set Timeout是一個(gè)用來設(shè)定延遲時(shí)間的函數(shù)，這里10000表示10秒鐘
21> 如何更改瀏覽器中鼠標(biāo)的"形狀"?
一般情況下，鼠標(biāo)在瀏覽器中以“箭頭”的樣式出現(xiàn)，那么我們能不能把它更改為自己喜歡的其他樣式類型呢？
改變鼠標(biāo)形狀在DW中是通過“CSS樣式表”來實(shí)現(xiàn)的。
菜單“文字（Text）”-“CSS樣式表（CSS style）”-“Edit style sheet”，彈出樣式表的編輯窗口，也可以單擊快速啟動(dòng)板中的CSS style按鈕找到，單擊“New”按鈕，選擇默認(rèn)的“Make custom style”，同時(shí)在下面的Define中使該樣式只應(yīng)用到當(dāng)前網(wǎng)頁文檔，“This document only”。
在“樣式定義”窗口的左邊列表項(xiàng)中選擇“Extensing”（擴(kuò)展項(xiàng)），相應(yīng)右邊設(shè)置
在“Cursor”（鼠標(biāo)）中，下拉選擇合適的形狀即可，確定后返回，按F12在瀏覽器中觀察效果，不滿意的話，還可以對(duì)樣式進(jìn)行修改。
22>如何去除掉鏈接文字下面的下劃線？
在我們完成鏈接制作后，鏈接文字內(nèi)容往往被自動(dòng)在下面添加一條下劃線，用來標(biāo)示該內(nèi)容包含超級(jí)鏈接。當(dāng)一個(gè)網(wǎng)頁中鏈接比較多時(shí)，就顯得有些雜亂的感覺了，其實(shí)我們可以很方便的把它去掉。
同樣進(jìn)入“Edit style sheet”窗口，單擊“New”確立新樣式，這里的Type（類型）中，需要選擇的是“Redefine HTML Tag”，同時(shí)在具體的標(biāo)記Tag中選中代表超級(jí)鏈接的“a”，單擊OK。
編輯該樣式，左邊列表中選“Type”，勾取“Decoration”（修飾）中的“None”復(fù)選框，這時(shí)所有網(wǎng)頁中的鏈接文字下劃線都被清除掉了。
·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(6) 23> 怎樣讓鼠標(biāo)在鏈接文字上方“懸�！睍r(shí)，產(chǎn)生變色，變形等效果？
訪問網(wǎng)站時(shí)，我們遇到的最平常不過的一種效果就是“鼠標(biāo)懸停響應(yīng)”了，所謂的“鼠標(biāo)懸停響應(yīng)”表現(xiàn)在鏈接文字上，就包括改變顏色，修飾效果（下劃線，中劃線）等多種選擇。
由于這種效果很好的起到了對(duì)目標(biāo)內(nèi)容的強(qiáng)調(diào)作用，因此無論是個(gè)人網(wǎng)站還是一些大的商業(yè)網(wǎng)站（如新浪，搜狐，網(wǎng)易等）都有應(yīng)用。
在上個(gè)問題中，你已經(jīng)知道了去除掉鏈接下劃線的方法，這里不再贅述。下面的問題將是如何添加鼠標(biāo)響應(yīng)事件的過程。
同樣進(jìn)入“Edit style sheet”窗口，單擊“New”確立新樣式，不同的是現(xiàn)在的Type類型中選擇最后的一項(xiàng)-“Use CSS selector”，“Selector”選單中選擇“a:hover” OK，進(jìn)入編輯樣式窗口，設(shè)定“Type”項(xiàng)中的文字顏色為“紅色”，當(dāng)然你還可以添加鼠標(biāo)懸停時(shí)出現(xiàn)下劃線的效果。
24>如何讓網(wǎng)頁的背景圖片不跟隨內(nèi)容滾動(dòng)？
背景圖片是很多網(wǎng)頁設(shè)計(jì)者經(jīng)常添加的東西，當(dāng)網(wǎng)頁內(nèi)容超出一屏?xí)r，拉動(dòng)滾動(dòng)條背景圖片會(huì)與內(nèi)容相對(duì)靜止的一起滾動(dòng)，那么能否鎖定背景不跟隨滾動(dòng)呢？當(dāng)然可以進(jìn)入“Edit style sheet”窗口，單擊“New”確立新樣式，在TYpe中選擇“Redefine HTML Tag”，同時(shí)Tag選單選中“Body”，在左邊列表中選擇“Background”�！≡O(shè)定“Attachment”（附件）為“fixed”。其中scroll代表默認(rèn)使用的滾動(dòng)顯示。
25> 背景音樂你一定知道吧，怎么添加呢？
在微軟的網(wǎng)頁工具-Frontpage中，有關(guān)于背景音樂的設(shè)置功能，那么DW顯然沒有作到這點(diǎn)，因此要使用的話，只能在源代碼中手動(dòng)添加了。
在使用前，提醒大家一點(diǎn)，使用背景音樂一定要注意網(wǎng)頁文件的大小，不能顧此失彼。
代碼如下：
< EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”>
其中src指定音樂文件的位置，autostart為音樂文件上傳后的動(dòng)作，true表示自動(dòng)開始播放，false不播放（默認(rèn)值）。
27> 如何自動(dòng)加入網(wǎng)頁更改后的日期？
只需要在源文件<body></body>之間添加如下代碼即可。
< Script Language=“javascript”><!--
document.write(“Last Updated:”+document.lastModified);
-->< /Script>
在瀏覽器中的顯示樣式為：“Last Updated：2001/8/19”
28> 怎樣控制彈出POPUP信息？
有時(shí)，當(dāng)我們點(diǎn)擊鏈接時(shí)，會(huì)出現(xiàn)一些著重性說明的提示信息，也就是彈出信息。比如當(dāng)某個(gè)鏈接還沒有完成目標(biāo)內(nèi)容頁的制作時(shí)，就可以應(yīng)用POPUP信息解釋一下。
在網(wǎng)頁中合適位置輸入鏈接文字，選中，在屬性面板中制作鏈接。在仍保持選中狀態(tài)的前提下，單擊快速啟動(dòng)板中的“Behavior”按鈕，
點(diǎn)擊左上的“+”號(hào)，從列表中選中“Popun message”，在隨后的窗口中輸入需要提示的信息，
設(shè)定該動(dòng)作的鼠標(biāo)事件（Events）為點(diǎn)擊（onclick）。在瀏覽器中預(yù)覽效果如下。
·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(7) 29> 隱藏瀏覽器中狀態(tài)欄的URL地址信息的方法？
瀏覽網(wǎng)頁，當(dāng)鼠標(biāo)停留在鏈接上方時(shí)，在下面的狀態(tài)欄中會(huì)自動(dòng)顯示該鏈接目標(biāo)地址，考慮到安全方面的問題，有時(shí)我們需要把它重置為“零”，即設(shè)為空白。
現(xiàn)在只需要在鏈接代碼中作些手腳就可以實(shí)現(xiàn)了，
<a href=http://www.webjx.com onMouseOver="window.status='none';return true">網(wǎng)頁教學(xué)網(wǎng)</a>
30>如何改變狀態(tài)欄里的提示文字？
默認(rèn)情況下，當(dāng)網(wǎng)頁被載入時(shí)，在狀態(tài)欄里將顯示該網(wǎng)頁的地址等信息。想不想讓它變的更有魅力呢？
在DW“Behavior”行為板中，單擊“+”號(hào)選擇“Set Text Set”下的“Text Of Status Bar”選項(xiàng)，在“Set Text of Status Bar”窗口中輸入類似“歡迎你光臨本網(wǎng)站--網(wǎng)管留言”等Message信息。
31> 如何建立電子郵件的表單處理方式?
表單應(yīng)該是網(wǎng)頁交互功能中必不可少的元素，表單的功能緣于信息的交互，因此表單的處理往往涉及到網(wǎng)絡(luò)高級(jí)編程語言的使用，你或許說，哇！我不會(huì)編程呀！沒關(guān)系，其實(shí)對(duì)于一些簡單的表單內(nèi)容處理靠電子郵件也可以實(shí)現(xiàn)。
先看下面的代碼：
<form name="content" method="post" action="需要使用的處理程序" ></form>
上面是一個(gè)典型的表單的HTML源代碼，其中METHOD決定采用方式，包括POST和GET兩種。ACTION也就是咱們上面說的處理程序，一般可通過ASP/PHP/CGI實(shí)現(xiàn)。
那么用電子郵件怎么實(shí)現(xiàn)呢？action=mailto:XXX@163.com，這樣當(dāng)點(diǎn)擊提交按鈕后，就會(huì)彈出一個(gè)提示窗口，單擊“確定”表單內(nèi)容會(huì)發(fā)送到指定的郵箱中。
32> 怎樣制作規(guī)范的電子郵件鏈接？
所謂的“電子郵件鏈接”即是當(dāng)我們點(diǎn)擊它時(shí)，瀏覽器會(huì)自動(dòng)調(diào)用默認(rèn)使用的郵件客戶端程蚍⑺偷繾佑始 ?/P>
輸入“有問題MAIL ME”字樣，鼠標(biāo)拖拉選中，切換到屬性面板，在LINK輸入框中鍵入如下命令：
Mailto：XXX@163.com？Subject=網(wǎng)友來信&bc=其他電子郵件地址&bcc=其他電子郵件地址。其中Mailto為郵件鏈接的協(xié)議，Subject 為郵件的標(biāo)題，bc是同時(shí)抄送的郵件地址，bcc代表的也就是暗送了。
33> 如何制作“空鏈接”？
空鏈接也就是，沒有鏈接對(duì)象的鏈接，在空鏈接中，目標(biāo)URL是用“#”來表示的。也就是說制作鏈接時(shí)，只要在屬性板的LINK輸入框中錄入#標(biāo)記，它就是個(gè)空鏈接了。
空鏈接的出現(xiàn)涉及到多方面的因素，比如一些沒有定期完成的頁面，又為了保持頁面顯示上的一致（鏈接樣式與普通文字樣式的不同），就可以使用它了。
·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(8) 34> 點(diǎn)擊空鏈接時(shí)，頁面往往重置到頁首端，如何處理？
在瀏覽器里，當(dāng)我們點(diǎn)擊空鏈接時(shí)，它會(huì)自動(dòng)將當(dāng)前頁面重置到首端，從而影響用戶正常的閱讀內(nèi)容，我們當(dāng)然希望它能保持不動(dòng)了。
這時(shí)，你能夠用代碼“javascript:void(null)”代替原來的“#”標(biāo)記，回頭看看，這個(gè)問題已經(jīng)解決了。
35> 如何定制可自由在頁面內(nèi)跳轉(zhuǎn)的鏈接？
如果你經(jīng)常在網(wǎng)上訂閱一些免費(fèi)的電子雜志，一定對(duì)這種“標(biāo)簽鏈接”不陌生了，通過一個(gè)類似目錄的列表，可方便的跳轉(zhuǎn)到頁面內(nèi)的任何部分，無疑它的使用是專門為“超長內(nèi)容”網(wǎng)頁設(shè)計(jì)的。
先確定鏈接指向的位置，即屏幕跳轉(zhuǎn)后停留的位置。進(jìn)入“Object”面板的“Invisibles”部分，選中目標(biāo)文本，單擊“Insert Named Anchor”按鈕，在“Anchor Name”中鍵入標(biāo)簽名稱，OK，這時(shí)在文本下面會(huì)自動(dòng)出現(xiàn)紅色虛線以區(qū)別開普通的文本內(nèi)容，注意它們在瀏覽器中不會(huì)出現(xiàn)。
然后就可以制作鏈接了，在屬性板的LINK輸入框錄入“#nchor Name（剛才的名字）”。當(dāng)然如果你想指向另外一頁中的某個(gè)位置，也是可以的，把這個(gè)小尾巴放過去就行了。
36>同時(shí)在一個(gè)圖片上，作很多個(gè)鏈接，怎么辦？
這個(gè)問題也就是我們平常說的“圖片熱點(diǎn)”（Image HOT）了，當(dāng)然在DW里還有另外一個(gè)名字叫“圖象熱區(qū)域”。
選中圖片，這時(shí)在屬性面板左下的位置，有一個(gè)“Map”工具欄，其右邊是三個(gè)用來圈定不同區(qū)域的按鈕，以其中的矩形工具為例，選中后，鼠標(biāo)停留在圖片上會(huì)以一種“+”的形狀顯示出來，代表可以左右拖拉，完成后依次你可以完成多個(gè)熱點(diǎn)區(qū)域的鏈接制作。注意各區(qū)域不可重疊。
37> 怎樣制作可以響應(yīng)鼠標(biāo)事件的翻轉(zhuǎn)圖片？
在許多網(wǎng)頁中，我們經(jīng)常會(huì)看到一些欄目標(biāo)題，當(dāng)鼠標(biāo)滑過時(shí)，能變成另外的樣子。其實(shí)它們中很多是通過兩張不同的圖片來實(shí)現(xiàn)的，也就是所謂的“翻轉(zhuǎn)圖片”效果。
當(dāng)然首先你要提前準(zhǔn)備兩張大小完全一樣的圖片，以確保翻轉(zhuǎn)時(shí)不會(huì)有什么視覺上的不適，單擊“Object”面板上的“Rollover Image” 彈出“翻轉(zhuǎn)圖片設(shè)置”窗口，分別單擊“Browse”按ト范ā癘riginal image”和“Rollover image”的地址，注意一定要選中下面的“Preload Rollover image”復(fù)選框，否則在鼠標(biāo)滑過的瞬間，會(huì)產(chǎn)生一定的下載延遲而影響效果。
38> 如何制作“漫天飛舞”的圖片？
在許多大型商業(yè)網(wǎng)站的首頁中，你經(jīng)常會(huì)看到不少來回飄來飄去的廣告圖片，點(diǎn)擊后可以鏈接到指定的地址，在DW中這點(diǎn)是通過Timelines來實(shí)現(xiàn)的。
首先在網(wǎng)頁中插入目標(biāo)圖片，同時(shí)選中它，單擊快速啟動(dòng)板中的“Timelins”按鈕進(jìn)入“時(shí)間線”窗口，在時(shí)間軸1frame的位置鼠標(biāo)右擊，選擇“Add Object”,這時(shí)時(shí)間軸上會(huì)出現(xiàn)一蘭色色條（默認(rèn)1-15frame），將鏡頭停在15frame處，同時(shí)移動(dòng)頁面內(nèi)圖片到運(yùn)動(dòng)的終點(diǎn)位置。
現(xiàn)在一個(gè)簡單的運(yùn)動(dòng)動(dòng)畫已經(jīng)完成了，你可以通過在中間添加keyframe的方法調(diào)整路徑的曲折度。單擊上方的右箭頭按鈕預(yù)覽效果。
·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(9) 39> 怎樣制作在頁面中“靜態(tài)懸浮”的圖片？
所謂的“靜態(tài)懸浮”也就是圖片總是試圖停留在網(wǎng)頁中的某個(gè)位置，因此在視覺上有種跟著頁面“走”的感覺，象懸浮著一樣。
該效果的實(shí)現(xiàn)是通過javascript來完成的，一般要求有一定的編程能力。好在DW提供了制作該效果的固定插件，因此就顯得簡單多了。
首先你必須先下載stav插件,將里面的兩個(gè)文件(其中包括圖片文件Cross Browser Static Division.gif和網(wǎng)頁文件Cross Browser Static Division.htm)都拷貝到DW安裝目錄Configuration\Objects\Common下。
重新啟動(dòng)DW,在Object(對(duì)象)面板中,你會(huì)看到最底部已經(jīng)多了SI項(xiàng),選中它在彈出的窗口中設(shè)定浮動(dòng)層到上邊和左邊的距離,然后在圖層中插入指定的內(nèi)容（這里為圖片）即可。
40> 如何使文字和圖片內(nèi)容共處？
我們都知道，在DW中，圖片對(duì)象往往是獨(dú)占一行的，那么文字內(nèi)容只能在與其平行的一行的位置上，怎么樣才可以讓文字圍繞著圖片顯示呢？
選中圖片，在屬性面板的右上方你能看到一個(gè)“Align”的屬性選單，選擇“Left”，這時(shí)你會(huì)發(fā)現(xiàn)文字已經(jīng)均勻的排列在圖片的右邊了。
41> 實(shí)現(xiàn)多個(gè)窗口的連接?
面板設(shè)計(jì)一直是DW的一大特色，到了DW4版本，所用到的面板已經(jīng)相當(dāng)多了，那么我們?nèi)绾尾拍芨咝У睦盟兀?nbsp;“窗口連接”就是一種方便大家自定義的技術(shù)功能，簡單的說，就是可以根據(jù)需要將兩個(gè)或更多個(gè)面板放到一個(gè)窗口中來。 鼠標(biāo)點(diǎn)擊拖動(dòng)一個(gè)面板的Tab欄到兩一個(gè)面板上，當(dāng)你看到一個(gè)黑色邊框時(shí)，松開鼠標(biāo)，這時(shí)兩個(gè)面板已經(jīng)合二為一了。
42> 如何制作一條寬度為1的細(xì)線？
在DW中，盡管水平線是以“Line”形式出現(xiàn)的，但在制作細(xì)線時(shí)，它表現(xiàn)的并不盡如人意，主要是過粗，沒有需要的細(xì)膩感！
那么我們可以采取變通的方法以表格的應(yīng)用來實(shí)現(xiàn)。
在網(wǎng)頁中插入一個(gè)1行1列的表格，將表格的“cellpadding”“cellspacing”都設(shè)置為“0”，同時(shí)將單元格的“bgcolor”設(shè)定為紅色，當(dāng)然你也可以使用其他的顏色來代替，“Height”設(shè)定高度為1。
還有最關(guān)鍵的一步，查看源代碼，將< td>< /td>中的“ ”去掉即可。
43>如何制作一個(gè)邊框?yàn)?的方格？
很明顯，我們現(xiàn)在還是要通過表格的設(shè)置來完成。
或許你會(huì)說，這還不簡單嘛！建立一個(gè)1行1列的表格，然后將它的“Border”值設(shè)為1不就可以了。實(shí)際上，用這種方法制作的表格根本不是所說的邊框?yàn)?的方格，而是要“粗”的多！
同樣先插入一個(gè)1行1列的表格，將表格的“border”、“cellpadding”設(shè)置為“0”，“cellspacing”設(shè)置為“1”。設(shè)定表格的“bgcolor”為紅色（即為邊框的顏色），同時(shí)設(shè)定單元格的“bgcolor”為白色（即同背景色），OK了。
44> 怎樣設(shè)置根據(jù)不同的瀏覽器，返回不同的頁面？
瀏覽器不同，它所支持的技術(shù)和效果也不同。因而我們所設(shè)計(jì)的網(wǎng)頁并不是在所有的瀏覽器中都能正常顯示或最佳顯示。這時(shí)一個(gè)判斷瀏覽器的跳轉(zhuǎn)就很必要了。
當(dāng)用戶用不同類型或版本的瀏覽器打開時(shí)，可以返回不同的頁面，以保證用戶的正常瀏覽。 單擊快速啟動(dòng)板中的“Behavior”按鈕，點(diǎn)“+”號(hào)，在下拉列表中選擇“Check Browse”。
45> 網(wǎng)頁中可以隨便拖動(dòng)的對(duì)象是怎么建立的？
訪問網(wǎng)站時(shí)，經(jīng)常能見到不少可以用鼠標(biāo)拖動(dòng)的元素，其中以圖片居多，比如，一張廣告圖片擋住了你想瀏覽的內(nèi)容，你完全可以用鼠標(biāo)選中把它扔到一邊去！
制作這種效果是通過圖層的“Drag Layer”行為實(shí)現(xiàn)的，單擊Behavior面板中“+”號(hào)，選擇“Drag Layer”，當(dāng)然之前你必要保證目標(biāo)圖層處于選中狀態(tài)，進(jìn)行簡單設(shè)置后就OK了。 |
|
| [責(zé)任編輯：佚名] |
|
| 【信息發(fā)布】【論壇交流】【留言反饋】【打印網(wǎng)頁】【大 中 小】【↑頂部】 |
|
|
|
|
|
|
