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