網(wǎng)頁設(shè)計是一門非常講究技術(shù)的工作, 而網(wǎng)頁設(shè)計師也需要借助輔助軟件來進(jìn)行網(wǎng)頁的設(shè)計與排版,dreamweaver便是其中運用最多的一種,下面我們跟隨小編一起來了解一下dreamweaver網(wǎng)頁設(shè)計的相關(guān)資料吧。
dreamweaver網(wǎng)頁設(shè)計技巧
技巧一、靈活運用樣式
網(wǎng)頁設(shè)計的過程中需要在調(diào)用Style,并不僅僅局限一種方法,可以通過點擊鼠標(biāo)右鍵選擇Custon Style來調(diào)用Style標(biāo)準(zhǔn),或者是通過點擊狀態(tài)欄進(jìn)行調(diào)用,效果都是一樣的,而且產(chǎn)生的HTML代碼也完全相同。
技巧二、多用Format Table命令
網(wǎng)頁設(shè)計中使用表格的時候很多,因為可以利用它自由的控制文本和圖像,而利用Dreamweaver的“Format Table”(格式化表格)命令也可以快速地對表格應(yīng)用預(yù)先設(shè)計好的樣式,而且如果測評效果不好,可以重新設(shè)置或修改部分參數(shù)的值。
技巧三、同時鏈接兩個網(wǎng)頁
超鏈接一次只能鏈到一個頁面,可以使用“Go To URL”JavaScript,可以一次性在不同的框架頁實現(xiàn)文檔的打開,在面板中選擇“Go To URL”,Dreamweaver會在“Go To URL”對話框中顯示所有可用的框架,選擇一個并輸入相應(yīng)的URL就可以選擇另一個進(jìn)入輸入URL。
技巧四、文件不起中文名稱
網(wǎng)頁設(shè)計制作完成以后需要給文件起一個名稱以便查找,而且還可以方便各個超鏈接之間的相互調(diào)用,但在Dreamweaver中對中文名稱的支持功能卻欠缺,因此為了避免發(fā)生調(diào)用不當(dāng)?shù)那闆r發(fā)生,在用Dreamweaver中保存網(wǎng)頁的時候,盡量不起中文名稱用英文或數(shù)字就好。
(圖片來自網(wǎng)絡(luò))
dreamweaver網(wǎng)頁設(shè)計常見問題
1.為何從別的文檔拷貝文本到 Dreamweaver ,所有的段落會擠成一團(tuán),而在 Dreamweaver 內(nèi)部又帶有格式代碼?
Dreamweaver 復(fù)制和粘貼文本有二種類別,標(biāo)準(zhǔn)的方式將對象連同對象的屬性一起復(fù)制,把剪貼板的內(nèi)容作為 HTML 代碼;另一種方式僅復(fù)制或粘貼文本,復(fù)制時忽視 html 格式,粘帖時則把 html 代碼作為文本粘貼。多按一個“ Shift “( Ctrl+Shift+C/Ctrl+Shift+V )鍵即按后一種方式操作。
2.作網(wǎng)頁時,鼠標(biāo)飛舞,經(jīng)常改變了設(shè)置好的圖片的大小。能夠不重新查看圖片就糾正嗎?
如果圖片的大小不符,在屬性面板,它的值會變成顯目的粗體。按面板上的“ Refresh ”按鈕,就可恢復(fù)成真實大小。
3.為什么網(wǎng)頁用 IE 瀏覽正常,用 Netscape Navigator 卻不符合要求甚至出錯,而且在 Dreamweaver 的文檔窗口老是修改不好?
請檢查代碼。因為用所見所得編輯器反復(fù)修改頁面的某些部分,有時會留下一些多余的代碼,比如多余的鏈接,這些代碼在 Dreamweaver 的文檔窗口看不到, IE 會忽視它們。但是 Netscape Navigator 對代碼要求更嚴(yán)格,預(yù)覽時就出現(xiàn)不可思議的現(xiàn)象。
4.怎樣將 Dreamweaver 集成到 IE 瀏覽器?
Dreamweaver 安裝程序會在上下文選單增加一個“ Edit with Dreamweaver ”命令,我們還可以修改 Windows 的注冊表使它與 IE 集成。就象MS Word 、 Frontpage 和 Notepad 一樣,通過 IE 工具欄的編輯按鈕來調(diào)用 Dreamweaver 打開當(dāng)前網(wǎng)頁。
(圖片來自網(wǎng)絡(luò))
將下面文本的最后一行要改為你自己的 Dreamweaver 安裝路徑,把它們保存為一個 *.reg 文件,雙擊它將信息添加到注冊表即可。
REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]
@="C:\Program files\Macromedia\Dreamweaver 3\dreamweaver.exe %1"
如果要設(shè)置為 IE 缺省的編輯器,打開 IE 的“Internet 選項”,在程序標(biāo)簽指定。
5.使用 CSS 、層的時候,在不同瀏覽器的效果不一樣,有時甚至出現(xiàn)錯位現(xiàn)象,怎樣解決?
在對不同瀏覽器的兼容方面, Dreamweaver 作得不錯,但絕不意味用 Dreamweaver 作出的網(wǎng)頁在 IE 和 Netscape 中完全一樣。通常情況下,用不同的瀏覽器瀏覽同一個網(wǎng)頁的外觀不可能完全一樣,這是不同廠家的瀏覽器本身決定的。
一般要盡量注意以下問題:
不要混合使用層和表格排版,如果是父子關(guān)系,如層中表格,不在此原則范圍內(nèi);內(nèi)聯(lián)式的 CSS 在 Netscape Navigator 中經(jīng)常會出現(xiàn)問題,使用鏈?zhǔn)交騼?nèi)嵌式; 有時需要在空層插入表格或者透明圖片,以保證在 Netscape Navigator 里的效果。對于只有幾個像素寬度或高度的層,改用圖片來實現(xiàn); 避免使用 W3C 組織不推薦的排版屬性,用 CSS 代替。
小編覺得dreamweaver網(wǎng)頁設(shè)計的各項操作雖然看起來相對比較復(fù)雜,但是其實使用dreamweaver軟件功能是非常強大的,在進(jìn)行網(wǎng)頁設(shè)計時也是非常省時省力的哦!