萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> Dreamweaver常用技巧

Dreamweaver常用技巧

class="area"> 1> 在Dreamweaver中,如何輸入一個空格呢?

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

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

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

  直接在源代碼中加入代表空格的HTML代碼“&nbsp”;輸入一定長度的文字對象後,然後調整文字的顏色與當前的背景顏色相同等等,不過注意的是後者在一些浏覽器中可能顯示上有點問題。

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

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

  其實這也不是什麼高深技術,只不過在網站目錄下添加了一個特定文件而已。

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

  <Link Rel="SHORTCUT ICON" href="http://圖片的地址(注意與剛才的目錄對應)">

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

  3> 為什麼,我本來設計很好的網頁,在浏覽器窗口最小化時會變的丑陋難堪?

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

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

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

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

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

  浏覽網頁時,頂部的提示信息往往代表了網頁內容的關鍵所在,有助於訪問者提前了解網頁內容。在DW4前,沒有在功能上直接提供該操作,我們往往通過在源代碼中應用“title”屬性來完成。進入DW4就簡單多了。

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

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

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

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

  寬度設好了,你一定會問,顏色呢?面板上並沒有提供顏色的選擇呀!呵呵,其實這裡有一個技巧問題,用鼠標選擇圖片對象,注意不是點擊選中,而是拖動選擇。象設定文字顏色一樣進行就可以了。  6> 如何添加圖片及鏈接文字的提示信息?

  在我們浏覽網頁時,當鼠標停留在圖片對象或鏈接上時,在鼠標的右下有時會出現一個提示信息框。對目標進行一定的注釋說明。在一些場合,它的作用是很重要的。

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

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

  在<a href=“” >中添加“title”屬性。title=提示內容即可。

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

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

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

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

  大家都知道,在IE浏覽器的功能設置中,有一個可以自由設置窗口內容字體大小的功能,這樣由於不同訪問者的習慣問題,呈現在他們面前的網頁有時也會不同。

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

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

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

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

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

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

  10> 如何讓網頁載入時,象許多商業網站那樣,彈出一個廣告窗口

  這在不少大型商業網站中,是時常見到的。在DW中可以輕松通過Behavior行為實現。

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

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

  選擇“Open Browse Window”項,這時你還可以對窗口樣式進行自定義,比如大小,工具按鈕的保留等等。另外還有一點就是別忘了對應的事件是“Onload”.  11> 我的快速啟動板中沒有"Timelines",怎麼辦?

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

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

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

  單擊上面的“+”號按鈕,從下拉列表中選擇“Timelines”。這時時間線已經自動添加到當前的“Show in Launcher”列表內容裡,OK。更改後的“Launcher”面板

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

  12> 作一個網頁讓它可以每隔5分鐘自動刷新一次,如何實現?

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

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

  選擇DW“Object”面板的“Head”部分,注意默認情況下,顯示的是Common的“內容”。

  單擊上面的“Refresh”按鈕,

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

  13> 如何定義網頁的關鍵字(

copyright © 萬盛學電腦網 all rights reserved