Dreamweaver網(wǎng)頁(yè)制作超級(jí)技巧36則(6)_Dreamweaver教程
“Convert Table widths to Pixels”和“Convert Table widths to Percent”是Dreamweaver兩個(gè)設(shè)置表格寬度的重要功能。當(dāng)你打開(kāi)一個(gè)帶有表格的網(wǎng)頁(yè)時(shí),在狀態(tài)欄中點(diǎn)中〈table〉標(biāo)簽,在隨后顯示出的表格屬性工具面板中就能看到這兩個(gè)按鈕了。顧名思義“Convert Table widths to Pixels”就是將表格中所有單元的寬度以像素表示,而“Convert Table widths to Percent”是將表格中所有單元的寬度以百分比表示。仔細(xì)想想他們的作用,假如將一個(gè)表格的寬度全以像素表示,但瀏覽窗口被放大時(shí),表格就不會(huì)隨之放大單元格的寬度。而使用了“Convert Table widths to Percent”后能夠使你在640×480分辨率下建立的100%寬的表格在更高的分辨率下依舊保持100%的寬度。所以活用這兩個(gè)功能可以使網(wǎng)頁(yè)排版事半功倍。
33. 調(diào)用Style而不致使網(wǎng)頁(yè)原代碼混亂不堪
調(diào)用Style的方法很多,你可以單擊右鍵選擇Custon Style來(lái)調(diào)用Style規(guī)范,也可以在狀態(tài)欄中的元素列表上單擊右鍵來(lái)調(diào)用Style。雖然不同的方法達(dá)到的效果看似一樣,但實(shí)際上產(chǎn)生的HTML代碼則完全不同。比如用Custon Style來(lái)調(diào)用Style規(guī)范,在網(wǎng)頁(yè)代碼中就生成一個(gè)〈span〉標(biāo)簽,這樣標(biāo)簽一多就會(huì)使文件十分臃腫而且影響瀏覽器的解析速度,所以我建議盡量使用狀態(tài)欄中的元素列表來(lái)調(diào)用Style。還有一個(gè)小技巧,假如你要使用一個(gè)Style定義某表格單元中的所有文字,只要在〈td〉標(biāo)簽中調(diào)用Style就行了,而不需要在一個(gè)個(gè)定義〈p〉標(biāo)簽。注重這個(gè)方法不適用于〈table〉標(biāo)簽,因?yàn)樵凇磘able〉標(biāo)簽中用Style定義的文字格式會(huì)被Netscape忽略。
34. 使用定制窗口功能測(cè)試網(wǎng)頁(yè)在不同分辨率下的效果
誰(shuí)都不希望看見(jiàn)自己辛辛勞苦做的網(wǎng)頁(yè)在不同的分辨率下面目全非,所以測(cè)試網(wǎng)頁(yè)在不同分辨率下的瀏覽效果是網(wǎng)頁(yè)制作中很重要的一步。我們可以在Dreamweaver的操作界面中的狀態(tài)欄中間,選擇需要的分辨率來(lái)調(diào)節(jié)窗口大小,從而實(shí)現(xiàn)在不同分辨率下測(cè)試網(wǎng)頁(yè)效果。
35. 上傳網(wǎng)站時(shí)無(wú)需使用第三方FTP軟件
Dreamweaver中融入了FTP功能,而且為網(wǎng)站上傳作了優(yōu)化。我們可以做一個(gè)簡(jiǎn)單的比較,當(dāng)你使用一般的FTP軟件上傳網(wǎng)站時(shí),是不是都按本地機(jī)上的網(wǎng)站目錄在服務(wù)器中新建目錄,然后再一個(gè)個(gè)文件上傳。這種做法實(shí)在沒(méi)錯(cuò),但由于本地機(jī)中的網(wǎng)站目錄中并不是每個(gè)文件都被網(wǎng)頁(yè)調(diào)用(比如在建網(wǎng)頁(yè)時(shí)留下的備份文件),所以篩選文件的繁重工作量只有用戶自己知道。但使用Dreamweaver上傳網(wǎng)頁(yè)就可以方便得多,由于FTP功能在幕后為用戶進(jìn)行了許多必要的工作,所以用戶只要將網(wǎng)站地圖內(nèi)相關(guān)的HTML文件上傳,Dreamweaver就會(huì)自動(dòng)將與此HTML文件相關(guān)的所有其他本地文件一并上傳(如圖像、ZIP文件、FLASH文件甚至是各種REAL文件)。使用Dreamweaver內(nèi)帶的FTP功能的具體做法是:編輯已經(jīng)定義過(guò)的SITE,在“Site Definition for...”面板中選擇“Web Server Info”。假如網(wǎng)頁(yè)是通過(guò)FTP方式上傳的話,將“Server Access”設(shè)為FTP,在FTP Host中添入FTP服務(wù)器的地址,在Host Directory中添入遠(yuǎn)程登入目錄,在Login中添入用戶名,再填好Password。經(jīng)過(guò)了以上的設(shè)定,就可以在Site面板中按Connect按鈕,當(dāng)Dreamweaver成功連入服務(wù)器后,Connect按鈕會(huì)自動(dòng)變?yōu)镈isconnect,并且在一旁亮起一個(gè)小綠燈。接著要做的事就是在要上傳的HTML文件上單擊右鍵,選擇“Put”即可。當(dāng)此HTML文件上傳成功后,狀態(tài)條中將顯示Put Depanding File,說(shuō)明Dreamweaver正在上傳這個(gè)HTML文件所調(diào)用的其他本地文件。不僅如此,Dreamweaver還可以直接下載服務(wù)器上的文件進(jìn)行修改,方法么,只要使試試Put旁的Get按鈕就明白了。
36. 實(shí)現(xiàn)用鼠標(biāo)指向鏈接時(shí)出現(xiàn)下劃線的效果
- 用Dreamweaver在網(wǎng)頁(yè)中插入Flash按鈕
- 在Dreamweaver中編寫(xiě)CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁(yè)時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁(yè)的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開(kāi)發(fā)效率
- 在DreamWeaver中編寫(xiě)CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁(yè)
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- 使用Dreamweaver 8 輕松制作漂亮的Flash像冊(cè)
- 玩轉(zhuǎn) Dreamweaver8.0:速記 CSS 屬性
- Dreamweaver MX進(jìn)階教程(一)可視化操作iframe
- 玩轉(zhuǎn)Dreamweaver 8.0之設(shè)置段落格式
- Dreamweaver MX 2004從零開(kāi)始
- 入門(mén):充分利用Dreamweaver8中的查找替換技巧
- 用Dreamweaver進(jìn)行數(shù)據(jù)庫(kù)操作
- DW MX 2004網(wǎng)頁(yè)中文亂碼問(wèn)題:嘗試解決
- Dreamweaver MX進(jìn)階教程:制作虛線
- Dreamweaver開(kāi)發(fā)ASP實(shí)例視頻教程建立數(shù)據(jù)庫(kù)
猜你也喜歡看這些
- Dreamweaver MX 2004 官方簡(jiǎn)體中文版教程
- Dreamweaver 8.0網(wǎng)頁(yè)設(shè)計(jì)
- Dreamweaver 8 完美網(wǎng)頁(yè)設(shè)計(jì)—CSS網(wǎng)頁(yè)設(shè)計(jì)篇
- 呂聰賢dreamweaver視頻教程下載
- 精通CSS+DIV網(wǎng)頁(yè)樣式與布局配套視頻教程
- Dreamweaver 8完美網(wǎng)頁(yè)設(shè)計(jì):商業(yè)網(wǎng)站篇
- Dreamweaver8中文版職業(yè)應(yīng)用視頻教程(打包下載)
- 新編Dreamweaver MX2004 中文版輕松入門(mén)視頻教程 2CD
- Dreamweaver+Flash+Photoshop網(wǎng)頁(yè)制作教程
- 挑戰(zhàn)DREAMWEAVER MX互動(dòng)網(wǎng)站百寶箱FOR ASP
- 相關(guān)鏈接:
- 教程說(shuō)明:
Dreamweaver教程-Dreamweaver網(wǎng)頁(yè)制作超級(jí)技巧36則(6)
。