Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理

2018-05-04 09:45:40 來源：互聯(lián)網(wǎng) 人氣：次閱讀 668 條評論

1> 在DW中，如何輸入一個空格呢？輸入空格的問題，在DW似乎已成了一個老生常談的問題，我們可能在許多介紹DW使用方面的書籍或文章中看到過N次。 DW中對空格輸入的限制是針...

1> 在DW中，如何輸入一個空格呢？

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

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

此外，你還可以通過許多“變通”的方法達(dá)到錄入空格的目的，比如常用的是：

直接在源代碼中加入代表空格的HTML代碼“&nbsp”；輸入一定長度的文字對象后，然后調(diào)整文字的顏色與當(dāng)前的背景顏色相同等等，不過注意的是后者在一些瀏覽器中可能顯示上有點問題。

2> 如何在瀏覽器地址欄前添加自定義的小圖標(biāo)？

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

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

這時，我們需要預(yù)先制作一個圖標(biāo)文件，大小為16*16像素。文件擴(kuò)展名為ico，然后上傳到相應(yīng)目錄中。在HTML源文件“<head></head>”之間添加如下代碼：

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

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

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

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

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

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

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

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