DreamWeaver,經(jīng)典50問-Dreamweaver教程

2024-09-12 12:30:25

字體：大中小

供稿：網(wǎng)友

dreamweaver一直是不少網(wǎng)友鐘情的網(wǎng)頁設(shè)計(jì)工具，除了它強(qiáng)大的動(dòng)態(tài)效果制作能力外，方便簡(jiǎn)潔的操作界面更是獨(dú)具特色，下面我們將以最新版本dreamweaver4為例，并以提問的方式系統(tǒng)的介紹下，在設(shè)計(jì)過程中經(jīng)常碰到的一些問題和技巧性的東西。

注重：為了方便，以下我們將dreamweaver全部減縮為dw表示。

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)問題。（呵呵，當(dāng)時(shí)俺用的那個(gè)就是讓王晨昀給看出來的?。?br>
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源文件“”之間添加如下代碼：

　　其中的“shortcut icon”即為該圖標(biāo)的名稱。當(dāng)然假如用戶使用ie5或以上版本瀏覽時(shí)，就更簡(jiǎn)單了，只需將圖片上傳到網(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)的。因此問題的“毛病”也就出在表格上。

請(qǐng)看下面一個(gè)表格的屬性面板顯示：

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

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

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

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

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

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

　　不過在dw中就顯得輕易多了，因?yàn)檫@里有一個(gè)“border”屬性，可以讓你直接設(shè)置邊框的寬度。如圖：|||