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