Dreamweaver技巧詳解
Dreamweaver由MX版本開始使用Opera軟件公司的排版引擎“Presto”作爲網頁預覽。下面給大家介紹Dreamweaver技巧,一起來學習吧!
Dreamweaver 技巧詳解1、靈活運用樣式
熟悉網頁設計的網友就知道,調用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。
4、不給文件起中文名稱
大家在製作好了網頁後,通常會給網頁起一個具有代表性的中文名稱,一來能使人一看文件名就能大概瞭解文件所包含的內容,二來能夠方便各個超級鏈接之間的相互調用。但如果你在Dreamweaver中這樣做,就會發現Dreamweaver對中文文件名支持得不是太好,經常會有頁面調用不正確的現象發生,所以我們以後在Dreamweaver中保存網頁的時候,儘量用英文或者數字作爲文件名稱,這樣就可以避免上面的出錯現象。
5、巧妙設置字體分辨率
我們在製作網頁的時候,經常有這種體會,那就是製作好的網頁在本地計算機上瀏覽時很正常,但在另外一臺計算機上瀏覽時發現原本漂亮的網頁變得歪歪扭扭了,這是爲什麼呢?原來各個計算機的分辨率要使你的主頁在不同的分辨率下都能正常顯示,在 Dreamweaver中得到了較好的解決。在文檔窗口的右下角,Dreamweaver 顯示當前文檔被設計成的分辨率大小。單擊哪個數字,在彈出式菜單中可以爲當前的頁面指定顯示分辨率,通過修改可以使你的主頁更具靈活性。使不同分辨率的顯示器都能較好地顯示。
6、巧妙隱藏標籤
如果在網頁中插入了不可見的元素時,Dreamweaver會自動在頁面上添加一個與之相應的元素標籤,以便於我們選擇不可見元素。但這並不全是件好事,比如我們在一個有很多層的頁面中的第一行便插入一個表格,就會發現由於首行排列了太多的層元素標籤而使得表格自動退到了頁面的第二行,雖然在瀏覽時並不影響效果,但這確確實實會阻礙我們的工作。所以當我們覺得某個元素標籤礙手礙腳時,就索性將之屏蔽掉。方法是按Ctrl+U打開PReferences面板,在Category中選中Invisibel Elements,在面板的右邊將會出現所有的元素標籤。只要將不需要的元素標籤前的勾去掉,以後它就保證不會再出現了。
7、善用拖放技巧
我們在使用Dreamweaver編輯網頁的時候,經常需要插入一些圖象什麼的,假設要插入的圖象很多,按照常規方法來操作就顯得非常麻煩。我們可以利用拖放技巧來很好地解決這個問題。首先我們把Dreamweaver的操作窗口變成活動窗口,以騰出空間來顯示Explorer窗口,找到要插入的圖象文件後,把它們一一用鼠標拖動到網頁的適當部位,Dreamweaver將自動把這些圖象的url添加到文件的HTML代碼中,當然這裏要求被拖動的.圖象文件必須是gif、jpg等web圖象格式的文件。對於已經在網頁中的圖象也是一樣,直接拖過來就可以了。但如果被拖動的圖象上有超級鏈接,就不可以再使用拖動技術了,因爲那時拖過來的僅僅是超級鏈接地址。
8、自動設置更新時間
我們知道一個網頁要想獲得更多的回頭率,一個很重要的一條就是要不斷更新。但對於我們這些個人網頁來說,要天天及時更新恐怕不是很容易的事情。因此,我們希望網頁能自動更新,下面就提供一個能自動更新修改時間的源代碼,我們只要把這段源代碼添加到…之間就能實現更新時間的目的了:<Script Language="Javascript"> </style>;二是用鼠標依次單擊Dreamweaver中的Text/Custom Style/Edit/Style Sheet/New/Redefine HTML Tag,並從中選擇a,然後在decoration中選中none,最後單擊確定就成功了。
9、巧妙複製文字
在幾個不同的應用程序中間相互複製文字,是我們在實際工作中可能要常做的事情。但是,如果我們從Dreamweaver中複製編輯區中的文字到另外一個應用程序的時候,HTML代碼和文字將一起被複制過去了,那麼我們該如何才能只把編輯區中的文字複製下來呢?我們知道,通常複製時都用快捷鍵 Ctrl - C 來操作,如果我們在複製的時候多按一個C鍵,那麼Dreamweaver將只會複製選中的文字了。
10、善用快捷鍵
爲了提高操作的效率,我們可以在Dreamweaver中使用快捷鍵,例如使用Ctrl-B或Ctrl-I來爲文字應用黑體或斜體格式,也可以使用以下一些鍵盤快捷鍵來爲選中的文本應用HTML格式:Ctrl-0: 無格式
Ctrl-T: 段落
Ctrl-1: 標題 1
Ctrl-2: 標題 2
Ctrl-3: 標題 3
Ctrl-4: 標題 4
Ctrl-5: 標題 5
Ctrl-6: 標題 6
11、自動關閉網頁
如果我們希望自己的網頁在指定的時間內能自動關閉,不妨在網頁源代碼中的標籤後面加入如下代碼:
<SCRIPT LANGUAGE="JavaScript">
<!--
tion test(){
}
setTimeout("er=null;e()",0);//零秒後關閉
//-->
</SCRIPT>
12、巧妙設置對象名稱
我們在用Dreamweaver來製作非常複雜的效果時,有可能需要經常重複地使用某一個或者多個對象,例如我們經常需要定位某個特定的表格、圖象等,如果我們沒有給某一個網頁中的多個對象取名的話,那麼在重複應用這些對象的時候,可能很麻煩或者容易出錯。爲了能夠方便調用這些對象,我們應該在每創建一個新的對象時,都記得給它取一個有代表性而且比較容易記憶的名稱。在給這些對象命名時,我們可以通過對象的“屬性”面板來操作就行了。
13、爲圖象鏈接增加動態效果
有時我們爲了要達到一種逼真的效果,希望鼠標移動到某個鏈接上時能有動感產生。使用Dreamweaver可以很容易實現這種效果。設計時,我們首先需要準備兩幅圖象,第一幅是原始圖象,第二幅是鼠標移動上去後的圖象。接着用鼠標單擊第一幅圖,在屬性面板中的鏈接欄中填上要鏈接的文件,然後單擊鍵盤上的F8鍵,在彈出的Behaviors窗口中單擊“+”號,隨後選擇“swap image”,在接着出現的窗口中選擇第二幅圖象,最後單擊確定就可以了。
相關文章
-
Dreamweaver和excel的一些使用技巧
excel成組填充多張表格的固定單元格成組填充多張表格的固定單元格我們知道每次打開Excel,軟件總是默認打開多張工作表。由此就可看出Excel除了擁有強大的單張表格的處理能力,更適合在多張相互關聯的表格中協調工作。要 -
dreamweaver網頁安全色詳解
我們爲大家收集整理了關於dreamweaver網頁安全色,以方便大家參考。雖然現代計算機絕大部分都是支持256色(8位),但只有216種顏色是在網頁上是通用的,即使在現在普遍支持到16位與32位的計算機中,還是有10%的計算機的色彩被 -
Dreamweaver數據庫路徑詳解
Dreamweaver鏈接數據庫是我們程序開發的第一步,這裏是我們給大家整理出來的Dreamweaver數據庫路徑精彩內容。我相信,這些問題也肯定是很多朋友在關心的,所以我就給大家談談這個! 一、不推薦使用Server.Mappath(相對文 -
Dreamweaver音樂播放器詳解
在Dreamweaver爲網頁添加背景音樂播放器,是豐富頁面活動的.重要內容。下面YJBYS小編帶來Dreamweaver音樂播放器的詳細介紹,希望對你有幫助!1、首先在在站點中新建HTML項目(如圖1所示)。圖12、選擇Dreamweaver的設計窗口 -
Adobe認證Macromedia Dreamweaver8考試大綱
試題說明考題數量:共60 題考試時間:90 分鐘試題種類:單選題和多選題 1、 基礎(2 道題)掌握網頁設計的基本工作流程,瞭解Dreamweaver 在流程中的重要性瞭解HTML 的基本語法,熟悉並且會修改常用的HTML 標籤掌握基本使用原 -
用Dreamweaver處理word文檔技巧
作爲一個網頁設計師,不知道各位是否有這樣的經歷:客戶給你的網站材料很多都是Word文檔,雖然閱讀起來很方便,可要添加到網頁中就不是很方便了。尤其是那種含有表格的Word文檔,如果要一項一項地去添加,實在是費時又費力。雖然 -
Dreamweaver處理word文檔技巧
作爲一個網頁設計師,不知道各位是否有這樣的經歷:客戶給你的網站材料很多都是Word文檔,雖然閱讀起來很方便,可要添加到網頁中就不是很方便了。尤其是那種含有表格的Word文檔,如果要一項一項地去添加,實在是費時又費力。雖然 -
如何用Dreamweaver批量做web網頁詳細步驟
做網站,麻煩在更新,特別是大規模更新,工作量非常大。真不知那些創意不斷而又勤奮的“站長”,隔三岔五將網站來個“大換血”,是怎麼忙過來的。告訴你這個祕密吧,他們很多是在“批發”網頁,並且你的機器中也有這樣的“批發站” -
Dreamweaver插入FLV文件技巧
大家知道Dreamweaver插入FLV文件嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗,在此拿出來與大家分享下,請大家互相指正。1. 打開HTML文檔,點擊插入菜單,選擇媒體命令,在彈出的子菜單中選擇FLV項:圖12. 選擇FLV項 -
Dreamweaver格式化html代碼的技巧
Dreamweaver格式化html代碼的技巧我們在使用Dreamweaver進行網頁製作時,通過編輯其設置中的代碼格式,可以一鍵實現代碼格式化,從而讓代碼格式統一,提高代碼可讀性。1、用Dreamweaver打開現有html文檔時,可能會出現如圖所示