2013年8月26日星期一

網頁設計製作技巧與提高

1、靈活運用樣式
    熟悉Web Design的網友就知道,調用Style的方法很多,我們可以單擊滑鼠右鍵選擇Custon Style來調用Style標準,也可以在狀態欄中的元素列表上單擊右鍵來調用Style。雖然不同的方法達到的效果看似一樣,但實際上產生的HTML代碼則完全不同。比如用Custon Style來調用Style標準,在網頁代碼中就生成一個〈span〉標籤,這樣的標籤一多就會使檔十分臃腫而且影響流覽器的解析速度,所以我們應儘量使用狀態欄中的元素列表來調用Style。  
2、活用Format Table命令
    在複雜的網頁設計中,表格的應用是最多的,因為利用表格可以自由地控制文本和圖像在網頁上出現的具體位置,從而使整個網頁看上去緊湊統一。Dreamweaver在這方面也不甘落後,我們可以使用其中的“Format Table”(格式化表格)命令來快速地對表格應用預先設計好的樣式。要使用預先設計好的樣式,先將游標置於表格的任意一個單格內,再選擇“Command”→“Format Table”命令, 在隨後出現的對話方塊中,從左邊的列表中選擇一個設計方案。按“Apply” 鍵來查看效果,如果不滿意的話,還可以重新設置或者修改部分參數的值,如邊界粗細,背景顏色等等。  
 3、同時鏈結到兩個網頁
    我們都知道超連結一次只能連到一個頁面。如果我們要想一次在不同的框架頁中打開文檔,可以使用“Go To URL”JavaScript 行為。打開一個有框架的網頁,選擇文字或圖像,然後從行為面板中選擇“Go To URL”。我們會注意到Dreamweaver會在“Go To URL”對話方塊中顯示所有可用的框架。選擇其中一個我們想鏈結的框架並輸入相應的URL後再選擇另一個框架並輸入另一個URL。

没有评论:

发表评论