- 相關(guān)推薦
最新DreamWeaver線框制作介紹
在DreamWeaver里,表格被更多的應(yīng)用在布局網(wǎng)頁,定位內(nèi)容上。其實(shí)除了這些“大功能”的運(yùn)用,通過各種變通的方法,表格還能實(shí)現(xiàn)很多在設(shè)計(jì)中一般難以達(dá)到的效果,下面將要給大家展示的“線框”制作就是一個(gè)很好的例子,當(dāng)然它的巧妙運(yùn)用還遠(yuǎn)不止此。
“線框”對(duì)象在網(wǎng)頁中是經(jīng)常見到的,比如一條細(xì)線,一個(gè)方框等等都在包含之列。在某些效果的協(xié)調(diào)制作中,“線框”的修飾是必不可少的。然而讓我們很遺憾的是,許多主流網(wǎng)頁設(shè)計(jì)工具中都沒有提供比較直接簡(jiǎn)便的線框制作功能。在這種情況下,利用其他元素來間接實(shí)現(xiàn)就顯得尤為重要了。
跨幅細(xì)線的制作
首先,我想大家應(yīng)該理解下這里“跨幅細(xì)線”的概念,而很重要的一點(diǎn)就體現(xiàn)在“細(xì)”上,這也是我們要通過表格來實(shí)現(xiàn)它的原因所在。
接觸過網(wǎng)頁設(shè)計(jì)的網(wǎng)友都知道,在HTML(超文本傳輸語言)中,有一個(gè)的標(biāo)記,這個(gè)標(biāo)記是用來制作“水平線”對(duì)象的,那么你一定問了,水平線不就是細(xì)線么?為什么還要用表格去作它呢?
的確,水平線是用來制作線條的,包括橫幅和豎幅的效果,它都可以實(shí)現(xiàn)。但以目前的應(yīng)用來看,水平線根本達(dá)到不了我們所要求的細(xì)度,也即真正Height=1pixels的效果。
下面是一組通過水平線制作的細(xì)線圖示:
其中前兩個(gè)明顯看上去要粗糙的多,而后面的已經(jīng)在屬性(Properties)板上手動(dòng)設(shè)定高度為1的顯然也不是很符合我們的要求,并且水平線要更改顏色的話,必須到源代碼中才可以實(shí)現(xiàn),使用起來不是很方便,明白了上面這些,我們看一下通過表格怎么達(dá)到更好的效果。
單擊“Object”面板中的“表格”圖標(biāo)或者選擇菜單“Insert”-“Table”,在網(wǎng)頁中適當(dāng)?shù)奈恢貌迦胍粋(gè)高,寬均為1的表格對(duì)象。如圖
【最新DreamWeaver線框制作介紹】相關(guān)文章:
制作dreamweaver的技巧07-06
Dreamweaver制作彈出菜單01-31
dreamweaver表格制作步驟04-15