最新DreamWeaver線框製作介紹
在DreamWeaver裏,表格被更多的應用在佈局網頁,定位內容上。其實除了這些“大功能”的運用,通過各種變通的方法,表格還能實現很多在設計中一般難以達到的效果,下面將要給大家展示的“線框”製作就是一個很好的例子,當然它的`巧妙運用還遠不止此。
“線框”對象在網頁中是經常見到的,比如一條細線,一個方框等等都在包含之列。在某些效果的協調製作中,“線框”的修飾是必不可少的。然而讓我們很遺憾的是,許多主流網頁設計工具中都沒有提供比較直接簡便的線框製作功能。在這種情況下,利用其他元素來間接實現就顯得尤為重要了。
跨幅細線的製作
首先,我想大家應該理解下這裏“跨幅細線”的概念,而很重要的一點就體現在“細”上,這也是我們要通過表格來實現它的原因所在。
接觸過網頁設計的網友都知道,在HTML(超文本傳輸語言)中,有一個的標記,這個標記是用來製作“水平線”對象的,那麼你一定問了,水平線不就是細線麼?為什麼還要用表格去作它呢?
的確,水平線是用來製作線條的,包括橫幅和豎幅的效果,它都可以實現。但以目前的應用來看,水平線根本達到不了我們所要求的細度,也即真正Height=1pixels的效果。
下面是一組通過水平線製作的細線圖示:
其中前兩個明顯看上去要粗糙的多,而後面的已經在屬性(Properties)板上手動設定高度為1的顯然也不是很符合我們的要求,並且水平線要更改顏色的話,必須到源代碼中才可以實現,使用起來不是很方便,明白了上面這些,我們看一下通過表格怎麼達到更好的效果。
單擊“Object”面板中的“表格”圖標或者選擇菜單“Insert”-“Table”,在網頁中適當的位置插入一個高,寬均為1的表格對象。如圖
-
製作網頁,dreamweaver的基本步驟
網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIFs,JPEGs,PNGs)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。以下是小編為大家搜索整理的Dreamweaver製作網頁的基本步驟,歡迎閲讀!更多精彩內容請及時關注我們考試...
-
講解HTML中iframe和frame的區別
不知道你在項目中用過frameset屬性沒有,frameset這個屬性是在去年我在一個在線客服系統製作中用過,因為客服系統要有固定的佈局,上面一塊,下面一塊等等,當時就是用的frameset和frame。在我用完了這些屬性之後,我才明白了iframe和frame的`區別。因為在這之前,我項目中...
-
針對dom元素的分析應用
如果這個DOM元素沒有樣式也就談不上操作了。2.我們也可以直接用JS動態的向html裏寫入DOM元素。今天這章我們就講這兩個應用(一)對html裏現有的DOM元素進行操作。我上面説了,對現有的DOM元素進行操作,無非就是對樣式的操作。所以我們首先就要能獲取這個DOM元素的樣...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...