2022-10-31 16:03:04|已瀏覽:138次
網頁設計中表格和層排版的使用技巧
網頁設計中表格和層排版的使用技巧:表格是網頁設計中不可缺少的重要元素。使用表格排版可以規范整個頁面,將頁面中文字、圖片、動畫等眾多元素有條理地統一組織起來。層是一種新的CSS定位技術,它具備許多表格所不具備的特點,比如可以重疊,移動方便,可以設為隱藏,還可以添加許多行為來豐富頁面效果。所以,很多情況下,可以同時使用表格與層搭配進行排版,既可以使用到表格的整體規范性,又可以利用到層的靈活性與豐富功能,從而設計出更加精彩的頁面。以下是網頁設計中表格和層排版的使用技巧的具體介紹。
使用表格和層排版
在Dreamweaver網頁設計中,排版的方法有很多種,其中使用表格和層排版是基本的方法,通過設計模式可以輕松完成,簡單易學,是大家常用的方法,對網頁排版起到了重要的作用。
表格排版
在制作網頁時,要想將文本、圖片等組織得美觀,有條理,就需要排版人員頭腦里有一個整體布局的概念。在Dreamweaver中,安排頁面內容布局主要是依靠表格來完成的。通過表格的相互嵌套和合并、拆分,可以將自己的構思完整地表現出來。表格是網頁設計制作時不可缺少的重要元素,它以簡潔明了和高效快捷的方式將數據、文本、圖片、表單等元素有序地顯示在頁面上,從而設計出版式漂亮的頁面。使用表格排版的頁面,在不同平臺、不同分辨率的瀏覽器里都能保持其原有的布局,且在不同的瀏覽器平臺有較好的兼容性,所以表格是網頁中最常用的排版方式之一。表格排版比較規范,整體性強,一般的網頁排版中都會使用表格進行整體的排版,但其表現比較中規中矩,不會有太多其他的豐富功能。
層轉換成表格排版
前面提到,層與表格都可以用來在頁面中定位其他對象,它們有時可以互相取代,但兩者并不完全相同,有時就必須使用其中的一種。比如,當需要用到表格來排版頁面,但又覺得表格的添加比較煩瑣,而層比較靈活,這時候,排版者可以使用層到表格的轉換來實現。具體的操作步驟是:
(1)首先在層面板中勾選“防止重疊”選項,這樣繪制層的時候就不會出現疊加和嵌套的現象;
(2)在頁面中繪制若干個層,把頁面中的各元素添加到層里面;
(3)把每個層自由地排列到頁面中各個相應的位置;
(4)使用層排版結束之后,要將層排版轉化為表格排版,選擇“修改”—“轉換”—“層到表格”命令,在對話框中設置好相應的參數,確定之后層就會轉換成對應的表格。這種排版方法在排列對象時比較靈活一點,但有時也會產生一些多余的單元格。當然,這種方法一般適用于不太復雜的頁面的排版,對于比較復雜的圖文混排頁面,最好還是采用傳統的表格排版方法。
注:尊重原創文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-65369.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注網頁制作頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050