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