尋找Dreamweaver鮮為人知的小秘訣
2010/12/9 15:46:54


  一、背景分析
 
  對(duì)想要在視覺(jué)化環(huán)境下制作復(fù)雜網(wǎng)頁(yè)的專(zhuān)業(yè)網(wǎng)頁(yè)制作者來(lái)說(shuō),Dreamweaver已經(jīng)漸漸在網(wǎng)頁(yè)編輯工具中展露頭角,成為專(zhuān)業(yè)人士編寫(xiě)網(wǎng)頁(yè)的最佳選擇。根據(jù)Macromedia公司的調(diào)查,Dreamweaver目前已累積有超過(guò)七十萬(wàn)名的使用者,占有率在網(wǎng)頁(yè)編輯工具中居冠,像“Adobe GoLive”和“NetObjects Fusion”等競(jìng)爭(zhēng)者都被遙遙拋在后頭。因此一般地預(yù)估Dreamweaver的使用群體將會(huì)持續(xù)的增加。
 
  在這種勢(shì)不可擋的普及率席卷之下,可想而知Dreamweaver內(nèi)置的功能可說(shuō)是越來(lái)越多、越來(lái)越豐富、齊全。在這次我們的介紹中,就有新增一些功能提供網(wǎng)頁(yè)制作者一些更快速的設(shè)計(jì)、更容易地編碼及整合性更強(qiáng)的功能。事不宜遲,以下我們介紹如何善用Dreamweaver里的一些功能。以下密技共有十二項(xiàng),可分成四個(gè)主題。分別是:設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面(Dreamweaver里具有彈性的頁(yè)面設(shè)計(jì)功能)、搭配Macromedia其它產(chǎn)品一起使用Dreamweaver(制作動(dòng)畫(huà)和圖片不求人)、自訂使用界面(享受個(gè)性化的使用經(jīng)驗(yàn))和最后的加入Dreamweaver擴(kuò)充程序(在網(wǎng)頁(yè)中載入擴(kuò)充高級(jí)功能)。
 
  二、設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面的秘訣
 
  不管你是要運(yùn)用HTML原始語(yǔ)法逐字逐字來(lái)編寫(xiě)網(wǎng)頁(yè),或是運(yùn)用標(biāo)準(zhǔn)化窗口來(lái)進(jìn)行網(wǎng)頁(yè)的視覺(jué)設(shè)計(jì),以下的小秘訣都可以派得上用場(chǎng)。
 
  秘訣1:讓網(wǎng)頁(yè)頁(yè)面大小更有彈性
 
  有些網(wǎng)頁(yè)開(kāi)發(fā)者稱(chēng)以下要介紹的這種技巧為“l(fā)iquid”,在這兒則把這種技巧叫做是“彈性延伸的技巧”。這是一種技巧,可在訪客瀏覽器窗口大小改變時(shí)也隨之調(diào)整網(wǎng)頁(yè)頁(yè)面大小,因此如果窗口過(guò)大就不會(huì)有空白處;窗口過(guò)小邊緣就不會(huì)跑出上下移動(dòng)的拉條。其實(shí)大多數(shù)簡(jiǎn)單的網(wǎng)頁(yè)會(huì)自己隨著瀏覽器窗口大小來(lái)調(diào)整頁(yè)面大小,但是如果是網(wǎng)頁(yè)里用到很多不同的框架及表格,網(wǎng)頁(yè)頁(yè)面大小就很難自動(dòng)彈性地調(diào)整。通常網(wǎng)頁(yè)設(shè)計(jì)者會(huì)用混合運(yùn)用固定寬度的框架,和GIF圖片作為間隔來(lái)設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面,這樣一來(lái)不論是用Internet Explorer或是用Netscape Navigator,頁(yè)面大小都會(huì)固定而不會(huì)跑掉。用Dreamweaver 4.0可以輕而易舉的設(shè)計(jì)出會(huì)自動(dòng)彈性調(diào)整的網(wǎng)頁(yè)。要怎么做呢?
 
  具體做法:用工具面板(Object palette)上的按鈕打開(kāi)網(wǎng)頁(yè),并且轉(zhuǎn)換到“格式查看”(Layout view)。這時(shí)可以看到文字方塊的欄度,每一欄的方框上方中間還有一個(gè)小小的下拉式箭頭,點(diǎn)選想要設(shè)置彈性顯示的欄上方的小箭頭,接著選擇“將欄設(shè)為彈性顯示”(Make Column Autostretch)。(設(shè)置自動(dòng)調(diào)整欄的寬度以一欄為限)這時(shí)該欄方框上方就會(huì)出現(xiàn)一條波浪形的線,而不是原本表示欄度的數(shù)字。 Dreamweaver會(huì)自動(dòng)制作出固定版面的空格圖片,這個(gè)空白圖片是以欄上方的兩個(gè)長(zhǎng)條形的空白表格表示,如此版面會(huì)自動(dòng)被填充,才會(huì)完成彈性版面設(shè)置。(在第一次增加空白圖片時(shí)會(huì)跳出一個(gè)對(duì)話(huà)框問(wèn)你是否要使用內(nèi)置圖片,為求效果,我們建議你讓Dreamweaver自動(dòng)產(chǎn)生一個(gè),不然就不用使用空白圖片來(lái)填充版面。)
 
  秘訣2:創(chuàng)造個(gè)人調(diào)色板
 
  Dreamweaver新的“Assets panel”(屬性控制面板)是一種可以在編輯網(wǎng)站時(shí)根據(jù)文件格式,例如圖片、樣式等來(lái)管理文件的新工具。
 
  具體做法:當(dāng)你定義新站點(diǎn)時(shí)(點(diǎn)選Site New Site),所有類(lèi)型的物體會(huì)自動(dòng)增加到“Asset panel” 里的適當(dāng)表框中。這個(gè)新加入的“Assets panel”屬性控制面板里也有顏色框,儲(chǔ)存你網(wǎng)站里所用到的所有色彩,包含文字的顏色、背景的顏色,以及超鏈接的顏色等。這是一個(gè)為使用者量身定做的網(wǎng)站導(dǎo)航顏色盤(pán)。只要啟動(dòng)“Assets panel”(先選 “Window”再點(diǎn)“Assets”),接著點(diǎn)左方那個(gè)小小的色彩卷軸,就可以看到你網(wǎng)站里各式各樣的顏色選項(xiàng)。當(dāng)然你可以將這些顏色拉到某些特定選取的文字中。甚至當(dāng)你選擇某種顏色時(shí),

下一頁(yè)
返回列表
返回首頁(yè) 主站蜘蛛池模板: 女人18毛片水真多免费看| 欧美日韩国产精品自在自线 | 精品亚洲一区二区| 国产人妖在线观看| 色噜噜狠狠一区二区| 夜夜影院未满十八勿进| 中文在线天堂网| 日本最新免费二区| 亚洲av无码一区二区三区国产 | 向日葵app看片视频| 青青青青久久久久国产的| 国产真实乱子伦精品视频| 91福利免费视频| 天堂中文在线资源| 一个人看的片免费高清大全| 抽搐一进一出gif日本| 久久天天躁狠狠躁夜夜不卡| 欧洲亚洲国产精华液| 亚洲日本视频在线观看| 特级aaaaaaaaa毛片免费视频| 午夜a级理论片在线播放| 色偷偷偷久久伊人大杳蕉| 国产免费色视频| 成人福利视频导航| 国产精品99精品久久免费 | 最近更新中文字幕在线| 亚洲国产高清在线精品一区| 波多野结衣系列痴女| 伊人久久无码中文字幕| 粉嫩小仙女脱内衣喷水自慰| 啊灬啊灬啊灬快灬深用力点| 色婷婷激婷婷深爱五月小蛇| 国产另类在线观看| 黑人精品videos亚洲人| 精品国产乱码久久久久软件| 国产真实乱子伦精品| 色久悠悠色久在线观看| 国产精品莉莉欧美自在线线| 97精品人人妻人人| 在线免费观看一级毛片| 99精品热这里只有精品|