網(wǎng)頁(yè)設(shè)計(jì)是一門(mén)非常講究技術(shù)的工作, 而網(wǎng)頁(yè)設(shè)計(jì)師也需要借助輔助軟件來(lái)進(jìn)行網(wǎng)頁(yè)的設(shè)計(jì)與排版,dreamweaver便是其中運(yùn)用最多的一種,下面我們跟隨小編一起來(lái)了解一下dreamweaver網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)資料吧。
dreamweaver網(wǎng)頁(yè)設(shè)計(jì)技巧
技巧一、靈活運(yùn)用樣式
網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中需要在調(diào)用Style,并不僅僅局限一種方法,可以通過(guò)點(diǎn)擊鼠標(biāo)右鍵選擇Custon Style來(lái)調(diào)用Style標(biāo)準(zhǔn),或者是通過(guò)點(diǎn)擊狀態(tài)欄進(jìn)行調(diào)用,效果都是一樣的,而且產(chǎn)生的HTML代碼也完全相同。
技巧二、多用Format Table命令
網(wǎng)頁(yè)設(shè)計(jì)中使用表格的時(shí)候很多,因?yàn)榭梢岳盟杂傻目刂莆谋竞蛨D像,而利用Dreamweaver的“Format Table”(格式化表格)命令也可以快速地對(duì)表格應(yīng)用預(yù)先設(shè)計(jì)好的樣式,而且如果測(cè)評(píng)效果不好,可以重新設(shè)置或修改部分參數(shù)的值。
技巧三、同時(shí)鏈接兩個(gè)網(wǎng)頁(yè)
超鏈接一次只能鏈到一個(gè)頁(yè)面,可以使用“Go To URL”JavaScript,可以一次性在不同的框架頁(yè)實(shí)現(xiàn)文檔的打開(kāi),在面板中選擇“Go To URL”,Dreamweaver會(huì)在“Go To URL”對(duì)話框中顯示所有可用的框架,選擇一個(gè)并輸入相應(yīng)的URL就可以選擇另一個(gè)進(jìn)入輸入U(xiǎn)RL。
技巧四、文件不起中文名稱(chēng)
網(wǎng)頁(yè)設(shè)計(jì)制作完成以后需要給文件起一個(gè)名稱(chēng)以便查找,而且還可以方便各個(gè)超鏈接之間的相互調(diào)用,但在Dreamweaver中對(duì)中文名稱(chēng)的支持功能卻欠缺,因此為了避免發(fā)生調(diào)用不當(dāng)?shù)那闆r發(fā)生,在用Dreamweaver中保存網(wǎng)頁(yè)的時(shí)候,盡量不起中文名稱(chēng)用英文或數(shù)字就好。

(圖片來(lái)自網(wǎng)絡(luò))
dreamweaver網(wǎng)頁(yè)設(shè)計(jì)常見(jiàn)問(wèn)題
1.為何從別的文檔拷貝文本到 Dreamweaver ,所有的段落會(huì)擠成一團(tuán),而在 Dreamweaver 內(nèi)部又帶有格式代碼?
Dreamweaver 復(fù)制和粘貼文本有二種類(lèi)別,標(biāo)準(zhǔn)的方式將對(duì)象連同對(duì)象的屬性一起復(fù)制,把剪貼板的內(nèi)容作為 HTML 代碼;另一種方式僅復(fù)制或粘貼文本,復(fù)制時(shí)忽視 html 格式,粘帖時(shí)則把 html 代碼作為文本粘貼。多按一個(gè)“ Shift “( Ctrl+Shift+C/Ctrl+Shift+V )鍵即按后一種方式操作。
2.作網(wǎng)頁(yè)時(shí),鼠標(biāo)飛舞,經(jīng)常改變了設(shè)置好的圖片的大小。能夠不重新查看圖片就糾正嗎?
如果圖片的大小不符,在屬性面板,它的值會(huì)變成顯目的粗體。按面板上的“ Refresh ”按鈕,就可恢復(fù)成真實(shí)大小。
3.為什么網(wǎng)頁(yè)用 IE 瀏覽正常,用 Netscape Navigator 卻不符合要求甚至出錯(cuò),而且在 Dreamweaver 的文檔窗口老是修改不好?
請(qǐng)檢查代碼。因?yàn)橛盟?jiàn)所得編輯器反復(fù)修改頁(yè)面的某些部分,有時(shí)會(huì)留下一些多余的代碼,比如多余的鏈接,這些代碼在 Dreamweaver 的文檔窗口看不到, IE 會(huì)忽視它們。但是 Netscape Navigator 對(duì)代碼要求更嚴(yán)格,預(yù)覽時(shí)就出現(xiàn)不可思議的現(xiàn)象。
4.怎樣將 Dreamweaver 集成到 IE 瀏覽器?
Dreamweaver 安裝程序會(huì)在上下文選單增加一個(gè)“ Edit with Dreamweaver ”命令,我們還可以修改 Windows 的注冊(cè)表使它與 IE 集成。就象MS Word 、 Frontpage 和 Notepad 一樣,通過(guò) IE 工具欄的編輯按鈕來(lái)調(diào)用 Dreamweaver 打開(kāi)當(dāng)前網(wǎng)頁(yè)。

(圖片來(lái)自網(wǎng)絡(luò))
將下面文本的最后一行要改為你自己的 Dreamweaver 安裝路徑,把它們保存為一個(gè) *.reg 文件,雙擊它將信息添加到注冊(cè)表即可。
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 缺省的編輯器,打開(kāi) IE 的“Internet 選項(xiàng)”,在程序標(biāo)簽指定。
5.使用 CSS 、層的時(shí)候,在不同瀏覽器的效果不一樣,有時(shí)甚至出現(xiàn)錯(cuò)位現(xiàn)象,怎樣解決?
在對(duì)不同瀏覽器的兼容方面, Dreamweaver 作得不錯(cuò),但絕不意味用 Dreamweaver 作出的網(wǎng)頁(yè)在 IE 和 Netscape 中完全一樣。通常情況下,用不同的瀏覽器瀏覽同一個(gè)網(wǎng)頁(yè)的外觀不可能完全一樣,這是不同廠家的瀏覽器本身決定的。
一般要盡量注意以下問(wèn)題:
不要混合使用層和表格排版,如果是父子關(guān)系,如層中表格,不在此原則范圍內(nèi);內(nèi)聯(lián)式的 CSS 在 Netscape Navigator 中經(jīng)常會(huì)出現(xiàn)問(wèn)題,使用鏈?zhǔn)交騼?nèi)嵌式; 有時(shí)需要在空層插入表格或者透明圖片,以保證在 Netscape Navigator 里的效果。對(duì)于只有幾個(gè)像素寬度或高度的層,改用圖片來(lái)實(shí)現(xiàn); 避免使用 W3C 組織不推薦的排版屬性,用 CSS 代替。
小編覺(jué)得dreamweaver網(wǎng)頁(yè)設(shè)計(jì)的各項(xiàng)操作雖然看起來(lái)相對(duì)比較復(fù)雜,但是其實(shí)使用dreamweaver軟件功能是非常強(qiáng)大的,在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)也是非常省時(shí)省力的哦!


在微信中搜索faceui