DreamWeaver,經(jīng)典50問_Dreamweaver教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
Dreamweaver一直是不少網(wǎng)友鐘情的網(wǎng)頁設(shè)計(jì)工具,除了它強(qiáng)大的動態(tài)效果制作能力外,方便簡潔的操作界面更是獨(dú)具特色,下面我們將以最新版本Dreamweaver4為例,并以提問的方式系統(tǒng)的介紹下,在設(shè)計(jì)過程中經(jīng)常碰到的一些問題和技巧性的東西。
注重:為了方便,以下我們將Dreamweaver全部減縮為DW表示。
1> 在DW中,如何輸入一個(gè)空格呢?
輸入空格的問題,在DW似乎已成了一個(gè)老生常談的問題,我們可能在許多介紹DW使用方面的書籍或文章中看到過N次。
DW中對空格輸入的限制是針對“半角”文字狀態(tài)而言的,因此通過將輸入法調(diào)整到全角模式就可以避免了,方法是:打開中文輸入法(以人工智能ABC為例),按Shift Space切換到全角狀態(tài),現(xiàn)在應(yīng)該沒問題了。
此外,你還可以通過許多“變通”的方法達(dá)到錄入空格的目的,比如常用的是:
直接在源代碼中加入代表空格的HTML代碼“ ”;輸入一定長度的文字對象后,然后調(diào)整文字的顏色與當(dāng)前的背景顏色相同等等,不過注重的是后者在一些瀏覽器中可能顯示上有點(diǎn)問題。(呵呵,當(dāng)時(shí)俺用的那個(gè)就是讓王晨昀給看出來的!)
2> 如何在瀏覽器地址欄前添加自定義的小圖標(biāo)?
你是不是記得有時(shí)在瀏覽網(wǎng)易網(wǎng)站的首頁時(shí),在地址WWW。163。COM前會顯示一個(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í),就更簡單了,只需將圖片上傳到網(wǎng)站根目錄下,即可自動識別!
3> 為什么,我本來設(shè)計(jì)很好的網(wǎng)頁,在瀏覽器窗口最小化時(shí)會變的丑陋難堪?
這應(yīng)該是個(gè)很值得大家注重的問題,也就是說,在全屏狀態(tài)下瀏覽網(wǎng)頁內(nèi)容時(shí),一點(diǎn)問題也沒有。當(dāng)我們使用窗口的最小化命令或手動的調(diào)整窗口的大小時(shí),問題就慢慢出現(xiàn)了。網(wǎng)頁內(nèi)容會把當(dāng)前窗口作為顯示范圍,依次下挫。舉個(gè)例子,和在記事本中有“自動換行”和“沒換行”的差別是完全一樣的。
解決這個(gè)問題,我們必須從網(wǎng)頁的布局說起,一般情況下,網(wǎng)頁內(nèi)容的定位大多是通過表格來實(shí)現(xiàn)的。因此問題的“毛病”也就出在表格上。
請看下面一個(gè)表格的屬性面板顯示:
你可能已經(jīng)注重到了,在表格的高寬設(shè)定選擇上提供了兩種不同的類型,百分比和像素。其中百分比的使用將會產(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就簡單多了。
直接在編輯窗口最上方的“Title”輸入框內(nèi)鍵入所需要的文字信息即可。
5> 怎么樣,才能為圖片添加指定顏色的邊框?
對于沒有邊框的圖片而言,直接插入到網(wǎng)頁中,在顯示效果上是相當(dāng)差的。記得在微軟的FP中要給圖片添加滿足的邊框還是相當(dāng)麻煩的。
不過在DW中就顯得輕易多了,因?yàn)檫@里有一個(gè)“Border”屬性,可以讓你直接設(shè)置邊框的寬度。如圖:
注重:為了方便,以下我們將Dreamweaver全部減縮為DW表示。
1> 在DW中,如何輸入一個(gè)空格呢?
輸入空格的問題,在DW似乎已成了一個(gè)老生常談的問題,我們可能在許多介紹DW使用方面的書籍或文章中看到過N次。
DW中對空格輸入的限制是針對“半角”文字狀態(tài)而言的,因此通過將輸入法調(diào)整到全角模式就可以避免了,方法是:打開中文輸入法(以人工智能ABC為例),按Shift Space切換到全角狀態(tài),現(xiàn)在應(yīng)該沒問題了。
此外,你還可以通過許多“變通”的方法達(dá)到錄入空格的目的,比如常用的是:
直接在源代碼中加入代表空格的HTML代碼“ ”;輸入一定長度的文字對象后,然后調(diào)整文字的顏色與當(dāng)前的背景顏色相同等等,不過注重的是后者在一些瀏覽器中可能顯示上有點(diǎn)問題。(呵呵,當(dāng)時(shí)俺用的那個(gè)就是讓王晨昀給看出來的!)
2> 如何在瀏覽器地址欄前添加自定義的小圖標(biāo)?
你是不是記得有時(shí)在瀏覽網(wǎng)易網(wǎng)站的首頁時(shí),在地址WWW。163。COM前會顯示一個(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í),就更簡單了,只需將圖片上傳到網(wǎng)站根目錄下,即可自動識別!
3> 為什么,我本來設(shè)計(jì)很好的網(wǎng)頁,在瀏覽器窗口最小化時(shí)會變的丑陋難堪?
這應(yīng)該是個(gè)很值得大家注重的問題,也就是說,在全屏狀態(tài)下瀏覽網(wǎng)頁內(nèi)容時(shí),一點(diǎn)問題也沒有。當(dāng)我們使用窗口的最小化命令或手動的調(diào)整窗口的大小時(shí),問題就慢慢出現(xiàn)了。網(wǎng)頁內(nèi)容會把當(dāng)前窗口作為顯示范圍,依次下挫。舉個(gè)例子,和在記事本中有“自動換行”和“沒換行”的差別是完全一樣的。
解決這個(gè)問題,我們必須從網(wǎng)頁的布局說起,一般情況下,網(wǎng)頁內(nèi)容的定位大多是通過表格來實(shí)現(xiàn)的。因此問題的“毛病”也就出在表格上。
請看下面一個(gè)表格的屬性面板顯示:
你可能已經(jīng)注重到了,在表格的高寬設(shè)定選擇上提供了兩種不同的類型,百分比和像素。其中百分比的使用將會產(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就簡單多了。
直接在編輯窗口最上方的“Title”輸入框內(nèi)鍵入所需要的文字信息即可。
5> 怎么樣,才能為圖片添加指定顏色的邊框?
對于沒有邊框的圖片而言,直接插入到網(wǎng)頁中,在顯示效果上是相當(dāng)差的。記得在微軟的FP中要給圖片添加滿足的邊框還是相當(dāng)麻煩的。
不過在DW中就顯得輕易多了,因?yàn)檫@里有一個(gè)“Border”屬性,可以讓你直接設(shè)置邊框的寬度。如圖:
相關(guān)Dreamweaver教程:
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- 給用DW編寫CSS人的一些建議
- Dreamweaver MX進(jìn)階教程(十七)設(shè)置表格的屬性
- 新手入門:利用DW8掌握網(wǎng)頁代碼基本格式
- 在 DW 中插入 Flash 的參數(shù)詳解
- Dreamweaver開發(fā)ASP實(shí)例視頻教程建立注冊頁面
- Dreamweaver MX進(jìn)階教程(十三)在Dreamweaver 中使用上標(biāo)和下標(biāo)
- Dreamweaver 入門:注冊 Dreamweaver 8
- DreamWeaver,經(jīng)典50問
- 用戶登錄的實(shí)現(xiàn)-Dreamweaver構(gòu)建Blog
- 用 onerror 獲取錯(cuò)誤信息
猜你也喜歡看這些
- 網(wǎng)站重構(gòu)&web標(biāo)準(zhǔn)設(shè)計(jì)教程
- 精通Javascript+jQuery
- DreamweaverMX2004互動網(wǎng)站百寶箱for PHP
- 4u2v Drwamweaver網(wǎng)頁制作實(shí)例教程100例
- 《Dreamweaver CS3網(wǎng)頁設(shè)計(jì)技能進(jìn)化手冊》--樣章、樣例、教學(xué)視頻
- 別具光芒:DIV+CSS網(wǎng)頁布局與美化
- FIF小組Dreamweaver制作網(wǎng)頁視頻教程
- DreamweaverMX網(wǎng)頁制作視頻教程
- Dreamweaver 8、Flash 8、Fireworks 8網(wǎng)頁制作從入門到精通
- Dreamweaver視頻課程
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-DreamWeaver,經(jīng)典50問。