表格布局網(wǎng)頁_第1頁
表格布局網(wǎng)頁_第2頁
表格布局網(wǎng)頁_第3頁
表格布局網(wǎng)頁_第4頁
表格布局網(wǎng)頁_第5頁
已閱讀5頁,還剩17頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

1、網(wǎng)頁布局 網(wǎng)頁版面的布局 網(wǎng)頁的版面布局主要指網(wǎng)站主頁的版面布局, 其他網(wǎng)頁的版面與主頁風(fēng)格基本一致。為了達到 最佳的視覺表現(xiàn)效果,應(yīng)講究整體布局的合理性, 使瀏覽者有一個流暢的視覺體驗。常見的版面布 局有“國”字型、“廠”字型、“框架”型、“封面”型和fl ash型。 國字型國字型 廠字型廠字型 框架型框架型 封面型封面型 flash型型 網(wǎng)頁布局常用技術(shù) 表格 最常用的技術(shù),簡單可靠、兼容性好 div標(biāo)簽 目前比較流行的技術(shù),設(shè)計難度較大 框架 適合將多個頁面組合在一起 網(wǎng)頁網(wǎng)頁布局分析 有有 三三 個個 表表 格格 組組 成成 表格的基本操作 表格的基本操作 插入表格(table) 合并

2、單元格(td) 修改行(tr)數(shù)、列數(shù) 表格屬性的設(shè)置 寬(width)、高(height)、對齊方式(align) 邊框(border)、填充(cellpadding)、間距(cellspacin g) 背景顏色(bgcolor)、邊框顏色(bordercolor)、背景 圖像(background) 表格的基本操作 單元格屬性的設(shè)置 寬(width)、高(height)、水平對齊方式(align)、垂直 對齊方式(valign) 邊框、填充、間距. (這三項是:表格的填充、間距、邊框的設(shè)置) 背景顏色(bgcolor)、邊框顏色(bordercolor)、背景 圖像(background) 表格 表格 表格 表格 表格 表格 小結(jié) 利用表格布局網(wǎng)頁網(wǎng)頁 (1)插插入表格 (2)設(shè)設(shè)置表格屬屬性(table) (3)設(shè)設(shè)置單單元格屬屬性(td) (4)設(shè)設(shè)置行屬屬性(tr) 作業(yè)業(yè) 下面的兩個頁兩個頁面任選選其一 注意:第一個頁個頁面的顏顏色必須須修改 作業(yè)業(yè) 作業(yè)業(yè) 預(yù)習(xí)預(yù)習(xí) (1)網(wǎng)頁文本、段落設(shè)置 作作業(yè)業(yè)上交:上交: (1

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論