振宇網頁設計公司
關於振宇 網站設計作品 網站排名 線上洽詢
網頁設計之Dreamweaver技巧方法(1)
2010/12/22
網頁設計之Dreamweaver技巧方法(1)

  1、活用Format Table命令

  在複雜的網頁設計中,表格的應用是最多的,因為利用表格可以自由地控制文本和圖像在網頁上出現的具體位置,從而使整個網頁看上去緊湊統一。Dreamweaver在這方面也不甘落後,我們可以使用其中的“Format Table”(格式化表格)命令來快速地對表格應用預先設計好的樣式。要使用預先設計好的樣式,先將游標置於表格的任意一個儲存格內,再選擇“Command”→“Format Table”命令, 在隨後出現的對話方塊中,從左邊的列表中選擇一個設計方案。按“Apply” 鍵來查看效果,如果不滿意的話,還可以重新設置或者修改部分參數的值,如邊界粗細,背景顏色等等。

  2、巧妙隱藏標籤

     如果在網頁中插入了不可見的元素時,Dreamweaver會自動在頁面上添加一個與之相應的元素標籤,以便於我們選擇不可見元素。但這並不全是件好事,比如我們在一個有很多層的頁面中的第一行便插入一個表格,就會發現由於首行排列了太多的層元素標籤而使得表格自動退到了頁面的第二行,雖然在瀏覽時並不影響效果,但這確確實實會阻礙我們的工作。所以當我們覺得某個元素標籤礙手礙腳時,就索性將之遮罩掉。方法是按Ctrl+U打開Preferences面板,在Category中選中Invisibel Elements,在面板的右邊將會出現所有的元素標籤。只要將不需要的元素標籤前的勾去掉,以後它就保證不會再出現了。

  3、靈活運用樣式

  熟悉網頁設計的網友就知道,調用Style的方法很多,我們可以按一下滑鼠右鍵選擇Custon Style來調用Style標準,也可以在狀態列中的元素清單上按一下右鍵來調用Style。雖然不同的方法達到的效果看似一樣,但實際上產生的HTML代碼則完全不同。比如用Custon Style來調用Style標準,在網頁代碼中就生成一個〈span〉標籤,這樣的標籤一多就會使檔十分臃腫而且影響瀏覽器的解析速度,所以我們應儘量使用狀態列中的元素清單來調用Style。

  4、不給檔起中文名稱

  大家在製作好了網頁後,通常會給網頁起一個具有代表性的中文名稱,一來能使人一看檔案名就能大概瞭解檔所包含的內容,二來能夠方便各個超級連結之間的相互調用。但如果你在Dreamweaver中這樣做,就會發現Dreamweaver對中文檔案名支持得不是太好,經常會有頁面調用不正確的現象發生,所以我們以後在Dreamweaver中保存網頁的時候,儘量用英文或者數位作為檔案名稱,這樣就可以避免上面的出錯現象。

  5、同時連結到兩個網頁

  我們都知道超級連結一次只能連到一個頁面。如果我們要想一次在不同的框架頁中打開文檔,可以使用“Go To URL”javascript 行為。打開一個有框架的網頁,選擇文字或圖像,然後從行為面板中選擇“Go To URL”。我們會注意到Dreamweaver會在“Go To URL”對話方塊中顯示所有可用的框架。選擇其中一個我們想連結的框架並輸入相應的URL後再選擇另一個框架並輸入另一個URL。

  6、巧妙設置字體解析度

  

  我們在製作網頁的時候,經常有這種體會,那就是製作好的網頁在本地電腦上瀏覽時很正常,但在另外一台電腦上瀏覽時發現原本漂亮的網頁變得歪歪扭扭了,這是為什麼呢?原來各個電腦的解析度要使你的主頁在不同的解析度下都能正常顯示,在 Dreamweaver中得到了較好的解決。在文件視窗的右下角,Dreamweaver 顯示當前文檔被設計成的解析度大小。按一下哪個數位,在彈出式功能表中可以為當前的頁面指定顯示解析度,通過修改可以使你的主頁更具靈活性。使不同解析度的顯示器都能較好地顯示。

 

最後更新 ( 2010/12/22 )
相關文章
更多網頁設計教學

網站設計 FAQ

網站架構圖及設計流程

More...

網頁設計包括哪些費用?

More...

網站建置需要多少時間?

More...
預算有限,想先體驗網路行銷的效果嗎?
More...
如何讓商機源源不絕而來?
More...
我需不需要自行架設主機呢?
More...
什麼是網域名稱(網址)?什麼是虛擬主機(網站空間)?
More...

RUS Website Design 瑞宇.台中網頁設計公司  Copyright © 2004 振宇網頁設計 All rights Reserved.  線上詢價
振宇首頁關於振宇設計作品線上洽詢常見問題新聞時事網頁設計教學友站連結網站地圖  免費交換連結
回到首頁 聯絡振宇