久久―日本道色综合久久,亚洲欧美精品在线,狼狼色丁香久久婷婷综合五月,香蕉人人超,日本网站黄,国产在线观看不卡免费高清,无遮挡的毛片免费

2023信創(chuàng)獨角獸企業(yè)100強
全世界各行各業(yè)聯(lián)合起來,internet一定要實現(xiàn)!

經(jīng)典的Dreamweaver技巧50問

2004-02-26 eNet&Ciweek

Dreamweaver一直是不少網(wǎng)友鐘情的網(wǎng)頁設計工具,除了它強大的動態(tài)效果制作能力外,方便簡潔的操作界面更是獨具特色,下面我們將以最新版本Dreamweaver4為例,并以提問的方式系統(tǒng)的介紹下,在設計過程中經(jīng)常遇到的一些問題和技巧性的東西。
注意:為了方便,以下我們將Dreamweaver全部減縮為DW表示。

1> 在DW中,如何輸入一個空格呢?

  輸入空格的問題,在DW似乎已成了一個老生常談的問題,我們可能在許多介紹DW使用方面的書籍或文章中看到過N次。

  DW中對空格輸入的限制是針對“半角”文字狀態(tài)而言的,因此通過將輸入法調(diào)整到全角模式就可以避免了,方法是:打開中文輸入法(以人工智能ABC為例),按Shift+Space切換到全角狀態(tài),現(xiàn)在應該沒問題了。

  此外,你還可以通過許多“變通”的方法達到錄入空格的目的,比如常用的是:

  直接在源代碼中加入代表空格的HTML代碼“ ”;輸入一定長度的文字對象后,然后調(diào)整文字的顏色與當前的背景顏色相同等等,不過注意的是后者在一些瀏覽器中可能顯示上有點問題。(呵呵,當時俺用的那個就是讓王晨昀給看出來的!)

2> 如何在瀏覽器地址欄前添加自定義的小圖標?

  你是不是記得有時在瀏覽網(wǎng)易網(wǎng)站的首頁時,在地WWW.163.COM前會顯示一個“易”字樣的小圖標。而默認情況下,這個圖標是一個IE瀏覽器的指定圖片。如圖:

  其實這也不是什么高深技術(shù),只不過在網(wǎng)站目錄下添加了一個特定文件而已。

  這時,我們需要預先制作一個圖標文件,大小為16*16像素。文件擴展名為ico,然后上傳到相應目錄中。在HTML源文件“”之間添加如下代碼:



  其中的“SHORTCUT ICON”即為該圖標的名稱。當然如果用戶使用IE5或以上版本瀏覽時,就更簡單了,只需將圖片上傳到網(wǎng)站根目錄下,即可自動識別!

3> 為什么,我本來設計很好的網(wǎng)頁,在瀏覽器窗口最小化時會變的丑陋難堪?

  這應該是個很值得大家注意的問題,也就是說,在全屏狀態(tài)下瀏覽網(wǎng)頁內(nèi)容時,一點問題也沒有。當我們使用窗口的最小化命令或手動的調(diào)整窗口的大小時,問題就慢慢出現(xiàn)了。網(wǎng)頁內(nèi)容會把當前窗口作為顯示范圍,依次下挫。舉個例子,和在記事本中有“自動換行”和“沒換行”的差別是完全一樣的。

  解決這個問題,我們必須從網(wǎng)頁的布局說起,一般情況下,網(wǎng)頁內(nèi)容的定位大多是通過表格來實現(xiàn)的。因此問題的“毛病”也就出在表格上。

請看下面一個表格的屬性面板顯示:

你可能已經(jīng)注意到了,在表格的高寬設定選擇上提供了兩種不同的類型,百分比和像素。其中百分比的使用將會產(chǎn)生前面說到的那個毛病,將其全部更正為Pixels單位的實際大小就可以了。

4> 如何改變網(wǎng)頁顯示時,最頂部的提示信息?

  瀏覽網(wǎng)頁時,頂部的提示信息往往代表了網(wǎng)頁內(nèi)容的關(guān)鍵所在,有助于訪問者提前了解網(wǎng)頁內(nèi)容。在DW4前,沒有在功能上直接提供該操作,我們往往通過在源代碼中應用“Title”屬性來完成。進入DW4就簡單多了。

  直接在編輯窗口最上方的“Title”輸入框內(nèi)鍵入所需要的文字信息即可。

5> 怎么樣,才能為圖片添加指定顏色的邊框?

  對于沒有邊框的圖片而言,直接插入到網(wǎng)頁中,在顯示效果上是相當差的。記得在微軟的FP中要給圖片添加滿意的邊框還是相當麻煩的。

  不過在DW中就顯得容易多了,因為這里有一個“Border”屬性,可以讓你直接設置邊框的寬度。如圖:

  寬度設好了,你一定會問,顏色呢?面板上并沒有提供顏色的選擇呀!呵呵,其實這里有一個技巧問題,用鼠標選擇圖片對象,注意不是點擊選中,而是拖動選擇。象設定文字顏色一樣進行就可以了。

6> 如何添加圖片及鏈接文字的提示信息?

  在我們?yōu)g覽網(wǎng)頁時,當鼠標停留在圖片對象或鏈接上時,在鼠標的右下有時會出現(xiàn)一個提示信息框。對目標進行一定的注釋說明。在一些場合,它的作用是很重要的。

  下面先看看圖片提示信息的添加,選中圖片對象,在屬性面板里你會發(fā)現(xiàn)有個“Alt”輸入框。默認情況下,該輸入框是空白的。在這里錄入需要的提示內(nèi)容就可以了。

  那么鏈接提示的制作就沒這么簡單了。因為DW中沒有直接提供該功能,因此我們需要通過添加HTML代碼來實現(xiàn)。

  在中添加“Title”屬性。Title=提示內(nèi)容即可。

7> 如何把自己的ZIP或其他類型的文件供別人?

  在不少初級網(wǎng)頁制作者看來,好象通過鼠標單擊完成是件很"神秘"的事,實際上遠非如此.在DW中凡是不被瀏覽器識別的格式文件(HTM,HTML,ASP,PHP.PERL,SHTML等以外的)作為鏈接目標時,默認的操作都是.

  這時你只需要,把要瀏覽者的文件名寫好,然后制作一個到目標文件的鏈接.注意目錄一定不要搞錯.

8> 怎樣才能夠保證網(wǎng)頁中文字不跟隨瀏覽器字體大小設置而變動?

  大家都知道,在IE瀏覽器的功能設置中,有一個可以自由設置窗口內(nèi)容字體大小的功能,這樣由于不同訪問者的習慣問題,呈現(xiàn)在他們面前的網(wǎng)頁有時也會不同。

  比如你可能本來設計時用的是2號字體,結(jié)果由于用戶對瀏覽器的額外設定,變的更大了,這時顯示效果上就出問題了。

  那么解決的辦法就是將網(wǎng)頁內(nèi)容定性的強制在某個合適的大小上。即不容許他變化。通過CSS樣式表對字體進行強制性控制就可以實現(xiàn)這個要求了。

9> 以新窗口的形式打開目標鏈接?

  以新窗口打開,顧名思義,也就是在不覆蓋當前窗口的前提下,另外打開一個瀏覽器窗口。你可以直接在連接代碼中加入“Target=_blank”。

  如果你的HTML比較差的話,在DW屬性面板上同樣提供了這個設置,當你在Link輸入框中鍵入WWW網(wǎng)址時,后面的Target下拉框同時也被激活了。如圖

  選擇最上的“blank”就可以了。

10> 如何讓網(wǎng)頁載入時,象許多商業(yè)網(wǎng)站那樣,彈出一個廣告窗口

  這在不少大型商業(yè)網(wǎng)站中,是時常見到的。在DW中可以輕松通過Behavior行為實現(xiàn)。

  既然是載入時,我們可以把整個網(wǎng)頁內(nèi)容視為事件對象。在DW編輯窗口中鼠標點擊左下角的“”標簽,這時你能注意到全部網(wǎng)頁內(nèi)容已經(jīng)選中了。

  單擊“快速啟動板”中的“Behavior”按鈕,進入行為面板,如圖:

  選擇“Open Browse Window”項,這時你還可以對窗口樣式進行自定義,比如大小,工具按鈕的保留等等。另外還有一點就是別忘了對應的事件是“Onload”.

11> 我的快速啟動板中沒有"Timelines",怎么辦?

  DW從升級到4版本后,在快速啟動板中增添了幾個新的項目,比如Assets等等。這時原來在上面的Timelins(時間線)按鈕被擠了下去。

  當然如果你急于現(xiàn)在就使用它的話,仍然可以通過菜單“Windows”-“Timelines”找到。不過畢竟不如放在啟動板中方便,這時我們能通過設置把它添加進來!

  “Edit”-“Preference”進入窗口,在左邊的項目列表中選擇“panels”(面板),如圖

單擊上面的“+”號按鈕,從下拉列表中選擇“Timelines”。這時時間線已經(jīng)自動添加到當前的“Show in Launcher”列表內(nèi)容里,OK。更改后的“Launcher”面板如圖。

  同時你還可以根據(jù)自己的需要自由的選擇面板中出現(xiàn)的按鈕選項,以提高工作效率。

12> 作一個網(wǎng)頁讓它可以每隔5分鐘自動刷新一次,如何實現(xiàn)?

  上網(wǎng)瀏覽時,我們經(jīng)常會遇到一些網(wǎng)頁。在隔一段時間沒有響應時,它會自動刷新一次。除了可以起到提醒訪問者的目的外,當新的刷新地址不是當前URL時,實現(xiàn)的就是自動跳轉(zhuǎn)的功能。

  無論是重復刷新,還是自動跳轉(zhuǎn)。在網(wǎng)頁設計中,都是相當實用的操作。下面我們來介紹下它們的制作方法。

  選擇DW“Object”面板的“Head”部分,注意默認情況下,顯示的是Common的“內(nèi)容”。如圖

  單擊上面的“Refresh”按鈕,彈出窗口如下:

  其中“Delay”輸入框中鍵入刷新延遲的時間(單位:秒),“Action”為刷新指定的目標URL。因為現(xiàn)在是刷新當前頁面,直接選單選項“Refresh This Document”即可。

13> 如何定義網(wǎng)頁的關(guān)鍵字(Keyname)?

  當用戶使用搜索引擎search合適內(nèi)容的網(wǎng)頁時,關(guān)鍵字起著一個不容忽視的作用。大多的搜索服務器會每隔一段時間自動探測網(wǎng)絡中是否有新網(wǎng)頁產(chǎn)生,并把他們按關(guān)鍵字進行記錄,以方便用戶查詢。

  你當然想讓你的網(wǎng)頁出現(xiàn)在搜索引擎的查詢返回列表中了,這時關(guān)鍵字的定義就尤為重要了。

  同樣在“Head”面板部分,如圖

  單擊“Keywords”按鈕,彈出定義窗口如下:

  錄入需要逐個定義的關(guān)鍵字即可,注意每個關(guān)鍵字以“;”號隔開,數(shù)目沒有限制。

14> 如何在編輯窗口中,隱藏一些不必要的標簽?

  當用戶在網(wǎng)頁中插入了太多的不可見元素時,在編輯窗口的最上面就會顯示一排相應的標示標簽,用來方便用戶隨時能找到它們。雖然這些標簽本身并不影響瀏覽器里的顯示效果,但多了以后,往往使網(wǎng)頁內(nèi)容不得不錯位,從而一定程度上妨礙網(wǎng)頁視覺上的調(diào)整,那么怎么樣才能把這些東東去掉呢?

  進入“Preperence”面板,列表中選擇“Invisibel Elements”,如圖:

  勾掉你不想顯示的項目前的“對號”即可,比如s cripts等

15>安排不支持“框架”的瀏覽器的顯示內(nèi)容?

  我們知道,目前的瀏覽器類型很多,因此我們設計網(wǎng)頁時最先考慮到的往往是“這個東西是不是在不同的瀏覽器中都能顯示好呢?”。框架就是一個例子!

  不過避免開這點,很簡單,你只需要在源代碼中加入下面的內(nèi)容就可以了。

  < BODY> ---本網(wǎng)頁中包含有框架結(jié)構(gòu),如果您不能正常顯示的話,請新的瀏覽器版本或更換主流瀏覽器--- < /noframes></ BODY> <br/> <br/>16> 如何避免別人把你的網(wǎng)頁放在框架中? <br/> <br/>  一些居心不良的人,經(jīng)常偷著竊取別人的勞動成果,比如把別人精心制作的網(wǎng)頁以子頁的形式放到自己的框架中。 <br/> <br/>  那么怎樣避免自己的網(wǎng)頁內(nèi)容被“盜用”呢? <br/> <br/>  你只需要在網(wǎng)頁源代碼的<head></head>之間加入以下代碼內(nèi)容: <br/> <br/><s cript language=“javas cript”><!-- <br/>if (self!=top){top.location=self.location;} <br/>-->< /s cript> <br/> <br/>17> 怎樣加入注釋內(nèi)容? <br/> <br/>  注釋內(nèi)容,顧名思義只是作為說明內(nèi)容出現(xiàn)的,因此在瀏覽時不會出現(xiàn)在網(wǎng)頁中。它的作用是對某些重要或復雜代碼進行必要的標示,以更方便快捷的找到。 <br/> <br/>  進入“Object”面板的“Invisibel”部分(即不可見元素),選擇插入“Comment”按鈕,窗口如下: <br/> <br/>  在“Comment”中鍵入必要的信息。這時如果你返回到源代碼中,會看到這些操作添加的不過是下面格式的一段代碼: <br/> <br/><!--這是需要填寫的注釋內(nèi)容--> <br/> <br/>18> 水平線,為什么不能設置顏色? <br/> <br/>  在DW中,當通過菜單“Insert”-“Horizonal Rule”插入水平線時,在屬性面板中你會發(fā)現(xiàn)并沒有提供關(guān)于水平線顏色的設置,因為最早NC中不支持標簽<hr>(水平線的HTML代碼)的COLOR屬性,所以DW也沒有關(guān)于它的設置。如圖 <br/> <br/>  看來需要的話,我們只能直接進入源文件更改了。 <br/> <br/><hr color="對應顏色的代碼"> <br/> <br/>19> 如何設置可以關(guān)閉當前窗口的功能? <br/> <br/>  這里我們可以先輸入用來標示的文字“關(guān)閉窗口”,用鼠標拖動選中它,在“Link”輸入框中鍵入“/”,同時切入源代碼窗口,在鏈接代碼中鍵入該事件-onclick=“javas cript:window.close(); return false;”。 <br/> <br/>  完整的代碼為:< a href=“/”onclick=“javas cript:window.close(); return false;”>關(guān)閉窗口< /a> <br/> <br/>  當然你也可以將文字“關(guān)閉窗口”換成其他的對象,比如圖片,按鈕等等! <br/> <br/>20> 定時自動關(guān)閉的窗口又是怎樣的呢? <br/> <br/>  上面提到了個關(guān)閉窗口的功能,那么現(xiàn)在的自動關(guān)閉又是怎么實現(xiàn)的呢? <br/> <br/>  在源代碼</body><body>后加入下面的代碼: <br/> <br/>< s cript LANGUAGE=“javas cript”> <!-- <br/>setTimeout('window.close();', 10000); <br/>--> < /s cript> <br/> <br/>  其中的set Timeout是一個用來設定延遲時間的函數(shù),這里10000表示10秒鐘。 <br/> <br/>21> 如何更改瀏覽器中鼠標的"形狀"? <br/> <br/>  一般情況下,鼠標在瀏覽器中以“箭頭”的樣式出現(xiàn),那么我們能不能把它更改為自己喜歡的其他樣式類型呢? <br/> <br/>  改變鼠標形狀在DW中是通過“CSS樣式表”來實現(xiàn)的。 <br/> <br/>  菜單“文字(Text)”-“CSS樣式表(CSS Style)”-“Edit style sheet”,彈出樣式表的編輯窗口,也可以單擊快速啟動板中的CSS Style按鈕找到,如下: <br/> <br/>  單擊“New”按鈕,選擇默認的“Make custom style”,同時在下面的Define中使該樣式只應用到當前網(wǎng)頁文檔,“This document only”。 <br/> <br/>  在“樣式定義”窗口的左邊列表項中選擇“Extensing”(擴展項),相應右邊設置如圖 <br/> <br/>  在“Cursor”(鼠標)中,下拉選擇合適的形狀即可,確定后返回,按F12在瀏覽器中觀察效果,不滿意的話,還可以對樣式進行修改。 <br/> <br/>22>如何去除掉鏈接文字下面的下劃線? <br/> <br/>  在我們完成鏈接制作后,鏈接文字內(nèi)容往往被自動在下面添加一條下劃線,用來標示該內(nèi)容包含超級鏈接。當一個網(wǎng)頁中鏈接比較多時,就顯得有些雜亂的感覺了,其實我們可以很方便的把它去掉。 <br/> <br/>  同樣進入“Edit style sheet”窗口,單擊“New”確立新樣式,如下 <br/> <br/>  這里的Type(類型)中,需要選擇的是“Redefine HTML Tag”,同時在具體的標記Tag中選中代表超級鏈接的“a”,單擊OK。 <br/> <br/>  編輯該樣式,左邊列表中選“Type”,如下 <br/> <br/>  勾取“Decoration”(修飾)中的“None”復選框,這時所有網(wǎng)頁中的鏈接文字下劃線都被清除掉了。 <br/> <br/>23> 怎樣讓鼠標在鏈接文字上方“懸停”時,產(chǎn)生變色,變形等效果? <br/> <br/>  訪問網(wǎng)站時,我們遇到的最平常不過的一種效果就是“鼠標懸停響應”了,所謂的“鼠標懸停響應”表現(xiàn)在鏈接文字上,就包括改變顏色,修飾效果(下劃線,中劃線)等多種選擇。 <br/> <br/>  由于這種效果很好的起到了對目標內(nèi)容的強調(diào)作用,因此無論是個人網(wǎng)站還是一些大的商業(yè)網(wǎng)站(如新浪,搜狐,網(wǎng)易等)都有應用。 <br/> <br/>  在上個問題中,你已經(jīng)知道了去除掉鏈接下劃線的方法,這里不再贅述。下面的問題將是如何添加鼠標響應事件的過程。 <br/> <br/>  同樣進入“Edit style sheet”窗口,單擊“New”確立新樣式,不同的是現(xiàn)在的Type類型中選擇最后的一項-“Use CSS selector”,“Selector”選單中選擇“a:hover”如下 <br/> <br/>  OK,進入編輯樣式窗口,設定“Type”項中的文字顏色為“紅色”,當然你還可以添加鼠標懸停時出現(xiàn)下劃線的效果。 <br/> <br/>24>如何讓網(wǎng)頁的背景圖片不跟隨內(nèi)容滾動? <br/> <br/>  背景圖片是很多網(wǎng)頁設計者經(jīng)常添加的東西,當網(wǎng)頁內(nèi)容超出一屏時,拉動滾動條背景圖片會與內(nèi)容相對靜止的一起滾動,那么能否鎖定背景不跟隨滾動呢?當然可以進入“Edit style sheet”窗口,單擊“New”確立新樣式,在TYpe中選擇“Redefine HTML Tag”,同時Tag選單選中“Body”,在左邊列表中選擇“Background”。如下 <br/> <br/>  設定“Attachment”(附件)為“fixed”。其中scroll代表默認使用的滾動顯示。 <br/> <br/>25> 背景音樂你一定知道吧,怎么添加呢? <br/> <br/>  在微軟的網(wǎng)頁工具-Frontpage中,有關(guān)于背景音樂的設置功能,那么DW顯然沒有作到這點,因此要使用的話,只能在源代碼中手動添加了。 <br/> <br/>  在使用前,提醒大家一點,使用背景音樂一定要注意網(wǎng)頁文件的大小,不能顧此失彼。 <br/> <br/>代碼如下: <br/> <br/>< EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”> <br/> <br/>  其中src指定音樂文件的位置,autostart為音樂文件上傳后的動作,true表示自動開始播放,false不播放(默認值)。 <br/> <br/>26> 如何利用水平線制作一條寬度為1的細線? <br/> <br/>  請點擊 這里 去看實現(xiàn)方法(編者增加) <br/> <br/>27> 如何自動加入網(wǎng)頁更改后的日期? <br/> <br/>  只需要在源文件</body><body></body>之間添加如下代碼即可。 <br/> <br/>< s cript Language=“javas cript”><!-- <br/>document.write(“Last Updated:”+document.lastModified); <br/>-->< /s cript> <br/> <br/>  在瀏覽器中的顯示樣式為:“Last Updated:2001/8/19” <br/> <br/>28> 怎樣控制彈出POPUP信息? <br/> <br/>  有時,當我們點擊鏈接時,會出現(xiàn)一些著重性說明的提示信息,也就是彈出信息。比如當某個鏈接還沒有完成目標內(nèi)容頁的制作時,就可以應用POPUP信息解釋一下。 <br/> <br/>  在網(wǎng)頁中合適位置輸入鏈接文字,選中,在屬性面板中制作鏈接。在仍保持選中狀態(tài)的前提下,單擊快速啟動板中的“Behavior”按鈕,如: <br/> <br/>  點擊左上的“+”號,從列表中選中“Popun message”,在隨后的窗口中輸入需要提示的信息,如圖 <br/> <br/>  設定該動作的鼠標事件(Events)為點擊(onclick)。在瀏覽器中預覽效果如下 <br/> <br/>29> 隱藏瀏覽器中狀態(tài)欄的URL地址信息的方法? <br/> <br/>  瀏覽網(wǎng)頁,當鼠標停留在鏈接上方時,在下面的狀態(tài)欄中會自動顯示該鏈接目標地址,考慮到安全方面的問題,有時我們需要把它重置為“零”,即設為空白。 <br/> <br/>  現(xiàn)在只需要在鏈接代碼中作些手腳就可以實現(xiàn)了,如下 <br/> <br/>< a ;;;;;;; onmouseOver="window.status='none';return true">太平洋網(wǎng)絡學院< /a> <br/> <br/>30>如何改變狀態(tài)欄里的提示文字? <br/> <br/>  默認情況下,當網(wǎng)頁被載入時,在狀態(tài)欄里將顯示該網(wǎng)頁的地址等信息。想不想讓它變的更有魅力呢? <br/> <br/>  在DW“Behavior”行為板中,單擊“+”號選擇“Set Text Set”下的“Text Of Status Bar”選項,如圖 <br/> <br/>  在“Set Text of Status Bar”窗口中輸入類似“歡迎你光臨本網(wǎng)站--網(wǎng)管留言”等Message信息。 <br/> <br/>31> 如何建立電子郵件的表單處理方式? <br/> <br/>  表單應該是網(wǎng)頁交互功能中必不可少的元素,表單的功能緣于信息的交互,因此表單的處理往往涉及到網(wǎng)絡高級編程語言的使用,你或許說,哇!我不會編程呀!沒關(guān)系,其實對于一些簡單的表單內(nèi)容處理靠電子郵件也可以實現(xiàn)。 <br/> <br/>先看下面的代碼: <br/> <br/><FORM name="content" method="post" action="需要使用的處理程序" ></FORM> <br/> <br/>  上面是一個典型的表單的HTML源代碼,其中METHOD決定采用方式,包括POST和GET兩種。ACTION也就是咱們上面說的處理程序,一般可通過ASP/PHP/CGI實現(xiàn)。 <br/> <br/>  那么用電子郵件怎么實現(xiàn)呢?action=mailto:bjbenben@sohu.com,這樣當點擊提交按鈕后,就會彈出一個提示窗口,如下: <br/> <br/>  單擊“確定”表單內(nèi)容會發(fā)送到指定的郵箱中。 <br/> <br/>32> 怎樣制作規(guī)范的電子郵件鏈接? <br/> <br/>  所謂的“電子郵件鏈接”即是當我們點擊它時,瀏覽器會自動調(diào)用默認使用的郵件客戶端程序發(fā)送電子郵件。 <br/> <br/>  輸入“有問題MAIL ME”字樣,鼠標拖拉選中,切換到屬性面板,在LINK輸入框中鍵入如下命令: <br/> <br/>Mailto:bjbenben@sohu.com?Subject=網(wǎng)友來信&amp;bc=其他電子郵件地址&amp;bcc=其他電子郵件地址。如圖: <br/> <br/>  其中Mailto為郵件鏈接的協(xié)議,Subject 為郵件的標題,bc是同時抄送的郵件地址,bcc代表的也就是暗送了。 <br/> <br/>33> 如何制作“空鏈接”? <br/> <br/>  空鏈接也就是,沒有鏈接對象的鏈接,在空鏈接中,目標URL是用“#”來表示的。也就是說制作鏈接時,只要在屬性板的LINK輸入框中錄入#標記,它就是個空鏈接了。 <br/> <br/>  空鏈接的出現(xiàn)涉及到多方面的因素,比如一些沒有定期完成的頁面,又為了保持頁面顯示上的一致(鏈接樣式與普通文字樣式的不同),就可以使用它了。 <br/> <br/>34> 點擊空鏈接時,頁面往往重置到頁首端,如何處理? <br/> <br/>  在瀏覽器里,當我們點擊空鏈接時,它會自動將當前頁面重置到首端,從而影響用戶正常的閱讀內(nèi)容,我們當然希望它能保持不動了。 <br/> <br/>  這時,你能夠用代碼“javas cript:void(null)”代替原來的“#”標記,回頭看看,這個問題已經(jīng)解決了。 <br/> <br/>35> 如何定制可自由在頁面內(nèi)跳轉(zhuǎn)的鏈接? <br/> <br/>  如果你經(jīng)常在網(wǎng)上訂閱一些免費的電子雜志,一定對這種“標簽鏈接”不陌生了,通過一個類似目錄的列表,可方便的跳轉(zhuǎn)到頁面內(nèi)的任何部分,無疑它的使用是專門為“超長內(nèi)容”網(wǎng)頁設計的。 <br/> <br/>  先確定鏈接指向的位置,即屏幕跳轉(zhuǎn)后停留的位置。進入“Object”面板的“Invisibles”部分,選中目標文本,單擊“Insert Named Anchor”按鈕,窗口如下 <br/> <br/> <br/>  在“Anchor Name”中鍵入標簽名稱,OK,這時在文本下面會自動出現(xiàn)紅色虛線以區(qū)別開普通的文本內(nèi)容,注意它們在瀏覽器中不會出現(xiàn)。 <br/> <br/>  然后就可以制作鏈接了,在屬性板的LINK輸入框錄入“#nchor Name(剛才的名字)”。當然如果你想指向另外一頁中的某個位置,也是可以的,把這個小尾巴放過去就行了。 <br/> <br/>36> 同時在一個圖片上,作很多個鏈接,怎么辦? <br/> <br/>  這個問題也就是我們平常說的“圖片熱點”(Image HOT)了,當然在DW里還有另外一個名字叫“圖象熱區(qū)域”。 <br/> <br/>  選中圖片,這時在屬性面板左下的位置,有一個“Map”工具欄,其右邊是三個用來圈定不同區(qū)域的按鈕,如圖 <br/> <br/>  以其中的矩形工具為例,選中后,鼠標停留在圖片上會以一種“+”的形狀顯示出來,代表可以左右拖拉,完成后如圖: <br/> <br/>  依次你可以完成多個熱點區(qū)域的鏈接制作。注意各區(qū)域不可重疊。 <br/> <br/>37> 怎樣制作可以響應鼠標事件的翻轉(zhuǎn)圖片? <br/> <br/>  在許多網(wǎng)頁中,我們經(jīng)常會看到一些欄目標題,當鼠標滑過時,能變成另外的樣子。其實它們中很多是通過兩張不同的圖片來實現(xiàn)的,也就是所謂的“翻轉(zhuǎn)圖片”效果。 <br/> <br/>  當然首先你要提前準備兩張大小完全一樣的圖片,以確保翻轉(zhuǎn)時不會有什么視覺上的不適,單擊“Object”面板上的“Rollover Image” <br/> <br/>  彈出“翻轉(zhuǎn)圖片設置”窗口,如下: <br/> <br/>  分別單擊“Browse”按鈕確定“Original image”和“Rollover image”的地址,注意一定要選中下面的“Preload Rollover image”復選框,否則在鼠標滑過的瞬間,會產(chǎn)生一定的延遲而影響效果。 <br/> <br/>38> 如何制作“漫天飛舞”的圖片? <br/> <br/>  在許多大型商業(yè)網(wǎng)站的首頁中,你經(jīng)常會看到不少來回飄來飄去的廣告圖片,點擊后可以鏈接到指定的地址,在DW中這點是通過Timelines來實現(xiàn)的。 <br/> <br/>首先在網(wǎng)頁中插入目標圖片,同時選中它,單擊快速啟動板中的“Timelins”按鈕進入“時間線”窗口,如圖: <br/> <br/>在時間軸1frame的位置鼠標右擊,選擇“Add Object”,這時時間軸上會出現(xiàn)一蘭色色條(默認1-15frame),將鏡頭停在15frame處,同時移動頁面內(nèi)圖片到運動的終點位置。 <br/> <br/>現(xiàn)在一個簡單的運動動畫已經(jīng)完成了,你可以通過在中間添加keyframe的方法調(diào)整路徑的曲折度。單擊上方的右箭頭按鈕預覽效果。 <br/> <br/>39> 怎樣制作在頁面中“靜態(tài)懸浮”的圖片? <br/> <br/>所謂的“靜態(tài)懸浮”也就是圖片總是試圖停留在網(wǎng)頁中的某個位置,因此在視覺上有種跟著頁面“走”的感覺,象懸浮著一樣。 <br/> <br/>該效果的實現(xiàn)是通過javas cript來完成的,一般要求有一定的編程能力。好在DW提供了制作該效果的固定插件,因此就顯得簡單多了。 <br/> <br/>首先你必須先stav插件,http://www.51step.com/download/dwplugbe/stav.zip,解壓縮將里面的兩個文件(其中包括圖片文件Cross Browser Static 和網(wǎng)頁文件Cross Browser Static Division.htm)都拷貝到DW安裝目錄Configuration\Objects\Common下。 <br/> <br/>重新啟動DW,在Object(對象)面板中,你會看到最底部已經(jīng)多了SI項,選中它在彈出的窗口中設定浮動層到上邊和左邊的距離,然后在圖層中插入指定的內(nèi)容(這里為圖片)即可。 <br/> <br/>40> 如何使文字和圖片內(nèi)容共處? <br/> <br/>  我們都知道,在DW中,圖片對象往往是獨占一行的,那么文字內(nèi)容只能在與其平行的一行的位置上,怎么樣才可以讓文字圍繞著圖片顯示呢? <br/> <br/>  選中圖片,在屬性面板的右上方你能看到一個“Align”的屬性選單,如圖 <br/> <br/>  選擇“Left”,這時你會發(fā)現(xiàn)文字已經(jīng)均勻的排列在圖片的右邊了。 <br/> <br/>41> 實現(xiàn)多個窗口的連接? <br/> <br/>  面板設計一直是DW的一大特色,到了DW4版本,所用到的面板已經(jīng)相當多了,那么我們?nèi)绾尾拍芨咝У睦盟兀? <br/> <br/>  “窗口連接”就是一種方便大家自定義的技術(shù)功能,簡單的說,就是可以根據(jù)需要將兩個或更多個面板放到一個窗口中來。 <br/> <br/>鼠標點擊拖動一個面板的Tab欄到兩一個面板上,當你看到一個黑色邊框時,松開鼠標,這時兩個面板已經(jīng)合二為一了,操作如圖: <br/> <br/>42> 如何在網(wǎng)頁中隱藏一些內(nèi)容? <br/> <br/>  在網(wǎng)頁設計中,有時我們需要在里面插入一些不要求顯示出來的內(nèi)容,比如流量統(tǒng)計系統(tǒng),用戶訪問分析系統(tǒng)等等,這時就要考慮如何把他們隱藏起來,當然還有個前提就是,它們的存在不會影響其他網(wǎng)頁元素的布局。 <br/> <br/>  單擊“Object”面板中的“Layers”按鈕,鼠標拖動創(chuàng)建一個新的圖層,將需要隱藏的內(nèi)容全部放進去,如圖: <br/> <br/>  單擊圖層左上的小方框,標定它為選中狀態(tài),同時切換到屬性面板,將Vis值設定為“Hidden”,如圖: <br/> <br/>  哇!所有的內(nèi)容真的已經(jīng)不見了 <br/> <br/>43> 怎樣創(chuàng)建一個簡單下拉菜單? <br/> <br/>  下拉菜單是網(wǎng)頁中再常見不過的了,由于它可以極大的節(jié)省網(wǎng)頁空間,因而主要應用在需要進行多對象羅列的場合,比如友情連接列表,合作網(wǎng)站地址等等。 <br/> <br/>  DW中提供了一個再簡單不過的制作方法,這樣我們就不用寫那些枯燥的代碼啦! <br/> <br/>進入“Object”面板的“FORM”部分,如圖: <br/> <br/>  單擊“Insert Jump Menu”按鈕,彈出“下拉菜單”設置窗口: <br/> <br/>  在“Text”中輸入菜單項的名稱;“Go To URL”中鍵入網(wǎng)址或使用“瀏覽”按鈕選擇。單擊最上的“+”號可進行新菜單項的錄入,所有項目都將在“Menu Items”中顯示出來。 <br/> <br/>44> 如何制作一條寬度為1的細線? <br/> <br/>  在DW中,盡管水平線是以“Line”形式出現(xiàn)的,但在制作細線時,它表現(xiàn)的并不盡如人意,主要是過粗,沒有需要的細膩感! <br/> <br/>  那么我們可以采取變通的方法以表格的應用來實現(xiàn)。 <br/> <br/>  在網(wǎng)頁中插入一個1行1列的表格,將表格的“cellpadding”“cellspacing”都設置為“0”,同時將單元格的“bgcolor”設定為紅色,當然你也可以使用其他的顏色來代替,“Height”設定高度為1。 <br/> <br/>  還有最關(guān)鍵的一步,查看源代碼,將 </div> <!--相關(guān)頻道--> <p class="text-sign"> 相關(guān)頻道: <a href="/tag/news" target="_blank">eNews</a> </p> <div> <ul class="share clearfix"> <li id="sgueliupn" class="read read-img hidden-xs"> <img src="http://www.yumaovr.com/assets/home/images/article/book.jpg" width="26" height="26"> </li> <li id="sgueliupn" class="read read-amount hidden-xs"> <span id="count"></span> </li> </ul> <div id="sgueliupn" class="bdsharebuttonbox bdshare-button-style1-24" data-bd-bind="1624548683204"> <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a> <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a> <a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a> </div> <script>window._bd_share_config = {"common": {"bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "1", "bdSize": "24"}, "share": {}}; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script> </div> <div id="sgueliupn" class="disc"> <p>您對本文或本站有任何意見,請在下方提交,謝謝!</p> <textarea style=" resize:none;" id="adj"></textarea> <input value="提交" type="submit" id="updateCmt"> </div> <div id="sgueliupn" class="mailbox"> 投稿信箱:<a href="mailto:tougao@enet16.com">tougao@enet16.com</a></div> </div> </div> <div id="sgueliupn" class="con-mid-bak"></div> <div id="sgueliupn" class="con-right"> <div id="sgueliupn" class="rank-txt right-color"> <!-- <span id="sgueliupn" class="color-bar">文章排行</span> --> <div id="sgueliupn" class="tab-tit row" id="tab"> <ul> <li id="sgueliupn" class="active">周</li> <li>月</li> <li>年</li> <li>總</li> </ul> </div> <!-- TAB頁開始 --> <div id="sgueliupn" class="pege-con active"> <div id="sgueliupn" class="row" id="week"> </div> </div> <div id="sgueliupn" class="pege-con"> <div id="sgueliupn" class="row" id="month"> <div id="sgueliupn" class="txt-item"><a target="_blank">2021人工智能經(jīng)典案例TOP100(1—50)</a></div> </div> </div> <div id="sgueliupn" class="pege-con"> <div id="sgueliupn" class="row" id="year"> <div id="sgueliupn" class="txt-item"><a target="_blank">帆軟獲2022年度BI領軍企業(yè)</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">2021中國心血管內(nèi)科專家50強</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">Honnverse虹宇宙獲2022年度元宇宙最具商業(yè)價值獎</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">博拉智科(重慶)數(shù)字技術(shù)有限公司獲2022數(shù)字人最佳商業(yè)應用實踐獎</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">盛寶金融科技獲年度新銳金融科技企業(yè)</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">云測數(shù)據(jù)獲2022最佳AI數(shù)據(jù)服務技術(shù)服務商</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">2021中國胸外科專家50強</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">2022智慧應急TOP30</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">2022企業(yè)服務(新型)提供商TOP150</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">舜云互聯(lián)電機產(chǎn)業(yè)大腦獲2022數(shù)字經(jīng)濟十大創(chuàng)新案例</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">噢易云獲2022云計算創(chuàng)新應用獎</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">2022智能風控企業(yè)50強</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">2022上半年度中國直銷銀行排行榜</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">薩摩耶云獲2022年度AI決策領軍企業(yè)</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">2022 AI SaaS影響力企業(yè)TOP50</a></div> </div> </div> <div id="sgueliupn" class="pege-con"> <div id="sgueliupn" class="row" id="all"> <div id="sgueliupn" class="txt-item"><a target="_blank">樂魚體育贊助大巴黎 官方合作伙伴為梅西加盟送上祝福</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">做一種注重精神力量的排行</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">2021中國胸外科專家50強</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">2020 MCN機構(gòu)排行榜</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">2021信創(chuàng)產(chǎn)業(yè)分類排行</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">2019全球名表排行(Top50)</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">2022信創(chuàng)產(chǎn)業(yè)分類排行</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">2022中國VR/AR創(chuàng)新企業(yè)TOP100</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">2021城市商業(yè)銀行TOP100</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">2020中國醫(yī)藥工業(yè)100強</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">2022人工智能分類排行</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">2021中國心血管內(nèi)科專家50強</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">2021中國充電樁企業(yè)排行</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">2020年度人工智能企業(yè)百強</a></div><div id="sgueliupn" class="txt-item"><a target="_blank">2022保險公司排行</a></div> </div> </div> </div> </div> </div> <div id="sgueliupn" class="footer container-fluid"> <div id="sgueliupn" class="foo-nav"> <ul class="clearfix"> <li><a href="http://www.yumaovr.com/m/about/books/books.html">十本書</a></li> <li> <a href="/tag/enc">讀后感</a> </li> <li> <a href="http://www.yumaovr.com/m/about/joinus/joinus.html">招聘說明</a> </li> <li><a href="http://www.yumaovr.com/m/about/service/service.html">服務客戶</a></li> <li id="sgueliupn" class="last"> <a href="/tag/encplus">Q&A</a> </li> <li> <a href="http://www.yumaovr.com/m/about/contact/contact.html">聯(lián)系我們</a> </li> </ul> <p class="foo-nav-p">監(jiān)督/投訴/建議/咨詢/BD:010-65245588 65249988 EXT 5678</p> </div> <div id="sgueliupn" class="foo-con"> <p class="foo-con-p"> ?2019 eNet <a target="_blank">京ICP證000044-5</a> <a target="_blank">京公網(wǎng)安備 11010502039539號</a> </p> </div> </div> <script src="http://www.yumaovr.com/assets/home/js/jquery.min.js"></script> <script src="http://www.yumaovr.com/assets/home/js/bootstrap.min.js"></script> <script src="http://www.yumaovr.com/assets/home/js/search.js"></script> <script src="http://www.yumaovr.com/assets/home/js/gotop.js"></script> <script src="http://www.yumaovr.com/assets/home/js/rank_list.js"></script> <script> var id =65730; var url = 'http://www.yumaovr.com/stat'; var token = 'vbR847ttfOkNHjh4inMm7Olt0flkcEV1itjFoVej'; </script> <script src="http://www.yumaovr.com/assets/home/js/stat.js"></script> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p> <a href="http://www.yumaovr.com/" title="&#x4E45;&#x4E45;&#x2015;&#x65E5;&#x672C;&#x9053;&#x8272;&#x7EFC;&#x5408;&#x4E45;&#x4E45;&#x2C;&#x4E9A;&#x6D32;&#x6B27;&#x7F8E;&#x7CBE;&#x54C1;&#x5728;&#x7EBF;&#x2C;&#x72FC;&#x72FC;&#x8272;&#x4E01;&#x9999;&#x4E45;&#x4E45;&#x5A77;&#x5A77;&#x7EFC;&#x5408;&#x4E94;&#x6708;&#x2C;&#x9999;&#x8549;&#x4EBA;&#x4EBA;&#x8D85;">&#x4E45;&#x4E45;&#x2015;&#x65E5;&#x672C;&#x9053;&#x8272;&#x7EFC;&#x5408;&#x4E45;&#x4E45;&#x2C;&#x4E9A;&#x6D32;&#x6B27;&#x7F8E;&#x7CBE;&#x54C1;&#x5728;&#x7EBF;&#x2C;&#x72FC;&#x72FC;&#x8272;&#x4E01;&#x9999;&#x4E45;&#x4E45;&#x5A77;&#x5A77;&#x7EFC;&#x5408;&#x4E94;&#x6708;&#x2C;&#x9999;&#x8549;&#x4EBA;&#x4EBA;&#x8D85;</a> <div class="friend-links"> <a href="http://www.sysmartlock.com">&#x4E9A;&#x6D32;&#x514D;&#x8D39;&#x5728;&#x7EBF;&#x89C2;&#x770B;&#x89C6;&#x9891;&#x2C;&#x61;&#x76;&#x37;&#x37;&#x37;&#x2C;&#x4E45;&#x4E45;&#x56FD;&#x4EA7;&#x7CBE;&#x54C1;&#x4E00;&#x533A;&#x4E8C;&#x533A;&#x4E09;&#x533A;&#x2C;&#x4F0A;&#x4EBA;&#x6B27;&#x7F8E;</a> <a href="http://www.ytygqz.com">&#x56FD;&#x4EA7;&#x6210;&#x4EBA;&#x4E9A;&#x6D32;&#x65E5;&#x672C;&#x7CBE;&#x54C1;&#x2C;&#x4E2D;&#x6587;&#x5B57;&#x5E55;&#x4E9A;&#x6D32;&#x533A;&#x2C;&#x4E45;&#x4E45;&#x7CBE;&#x54C1;&#x4E45;&#x4E45;&#x4E45;&#x4E45;&#x2C;&#x56FD;&#x4EA7;&#x65E5;&#x97E9;&#x7CBE;&#x54C1;&#x89C6;&#x9891;&#x4E00;&#x533A;&#x4E8C;&#x533A;&#x4E09;&#x533A;</a> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="hqz38" class="pl_css_ganrao" style="display: none;"><tbody id="hqz38"></tbody><dl id="hqz38"><xmp id="hqz38"><button id="hqz38"><input id="hqz38"></input></button></xmp></dl><label id="hqz38"><div id="hqz38"><rp id="hqz38"><pre id="hqz38"></pre></rp></div></label><pre id="hqz38"></pre><sup id="hqz38"></sup><var id="hqz38"></var><table id="hqz38"><label id="hqz38"><sub id="hqz38"><rp id="hqz38"></rp></sub></label></table><strong id="hqz38"><td id="hqz38"><center id="hqz38"><optgroup id="hqz38"></optgroup></center></td></strong><noframes id="hqz38"><rt id="hqz38"><tr id="hqz38"><noframes id="hqz38">
<rp id="hqz38"><label id="hqz38"><acronym id="hqz38"></acronym></label></rp><rt id="hqz38"></rt>
  • <li id="hqz38"></li>
  • <li id="hqz38"></li>
    <rt id="hqz38"><delect id="hqz38"><noframes id="hqz38">