第三講網(wǎng)頁布局定位技術(shù)

1、第三講 網(wǎng)頁布局定位技術(shù)第一部分 網(wǎng)頁定位一、 表格表格可以用來精確地定義文本、圖像及其他網(wǎng)頁元素。例如：汪國真詩集主頁是一個規(guī)范的表格 從頁是一個可以用規(guī)范表格修改的不規(guī)范表格，表格不顯示。再如：百度主頁是一個不規(guī)范的表格，表格不顯示我們可以打開網(wǎng)絡上的任何一頁，把該頁復制/粘貼到Dreamwere頁面上都可以看到網(wǎng)頁上的元素都是在表格中，多數(shù)的表格都不顯示。二、 表格的建立 插入表格 14*3 80 百分比說明：1）100 百分比 是表格的寬度充滿整個屏幕，要想表格不充滿整屏，縮小百分比2）要想使寬度不充滿整屏的表格居中，修改頁面屬性，左邊距：100 像素 右邊距 100 像素三表格的屬性

2、 首先選中表格，在下面的屬性面板中可以改表格的屬性。1 改變邊框的寬度為2，邊框?qū)挾饶J為02 修改表格的背景色，邊框的顏色3 用歷史紀錄退回4 選部分單元格，修改背景色，邊框顏色5 使表格不顯示邊框，邊框：0四、在表格中添加元素 五、有時表格不一定正規(guī)，可修改表格1、 拆分表格1） 選中某一單元格2） 修改表格拆分單元格 2、 合并單元格1） 選中某一單元格2） 修改表格合并單元格 3、插入行或列 插入表格對象。3、 刪除行或列修改表格。六、表格的導入1、 新建一個頁面2、 文件導入Excel文檔七、使用“布局”視圖對頁面布局對于一個標準的表格可以使用插入表格比較方便，但對于一個不規(guī)則的頁面

3、應使用“布局”設計。觀察“布局”工具欄（） 標準：可用標準工具欄上的繪制標準表格（） 擴展：擴展主要用于在表格內(nèi)部和表格周圍選擇（） 布局：使用布局模式可以方便地對頁面進行設置如：百度頁面、切換到“布局”模式3、 用繪制布局單元格，以放置baidu圖片4、 在下面再畫一個布局單元格，以放置：新聞 網(wǎng)頁 貼吧 知道 MP3 圖片 視頻5、 再畫一個布局單元格，后面再畫一個布局單元格以放置圖片其他內(nèi)容也類似第二部分 表單和跳轉(zhuǎn)菜單一、 表單注：文本域單選按鈕文本字段（密碼）列表/菜單復選框文本域文本區(qū)域文本域按鈕項目標簽：高中以下大專大本研究生以上 表單主要用來得到用戶的反饋信息。1、新建一個頁面2、插入表單表單 說明：）表單對象必須輸入在紅色的表單格內(nèi) ）在插入表單對象時不需要設置“輸入標簽輔助功能屬性”對話框，要是它不出現(xiàn)： 編輯首選參數(shù)輔助功能不打勾）圖像域：可以代替提交按鈕）隱藏域：在網(wǎng)頁中不顯示，只是將必要信息提交給服務器）列表菜單：可以在有限的空間內(nèi)提供許多選項。列表：在滾動列表框中顯示選項值