Dreamweaver簡介和表格布局.ppt

1、網(wǎng)頁設(shè)計,Dreamweaver工作界面 視圖 顯示/隱藏：窗口 標(biāo)尺與網(wǎng)格：查看 文檔基本操作：新建、保存、關(guān)閉、打開 網(wǎng)頁基本操作 設(shè)置網(wǎng)頁屬性,網(wǎng)頁設(shè)計,編輯頭部信息：包括網(wǎng)頁標(biāo)題、網(wǎng)頁關(guān)鍵字、網(wǎng)頁描述等。 設(shè)置文件頭內(nèi)容：，在瀏覽器中不可見。插入-HTML文件頭標(biāo)簽 查看-文件頭內(nèi)容 設(shè)置META標(biāo)記：記錄有關(guān)當(dāng)前頁面的信息，如字符編碼、作者、版權(quán)信息等。 設(shè)置關(guān)鍵字：設(shè)置搜索引擎裝置，關(guān)鍵字間逗號隔開。 添加描述信息 設(shè)置刷新：常用于URL改變后引導(dǎo)用戶重定位 添加基礎(chǔ)：相對于那個文件進(jìn)行鏈接。,網(wǎng)頁設(shè)計,添加網(wǎng)頁內(nèi)容 添加文本 插入圖像 建立超鏈接 預(yù)覽及檢驗相關(guān)操作 輔助操作：選

2、取工具、手形工具、縮放工具 常用設(shè)置：編輯-首選參數(shù),網(wǎng)頁設(shè)計,文本 文本面板：字體標(biāo)簽編輯器、文字樣式、段落、塊引用、已編排格式、標(biāo)題、列表、定義(定義列表、定義術(shù)語、定義說明)、縮寫 文本屬性設(shè)置 設(shè)置文本字體大小 設(shè)置文本顏色 設(shè)置文字樣式 文本的排列 設(shè)置列表：建立列表（兩次回車停止列表輸入，子列表：SHIFT+ENTER）、設(shè)置列表屬性,網(wǎng)頁設(shè)計,插入其他元素： 日期 特殊符號 空格（ Ctrl+Shift+Space ） 水平線,網(wǎng)頁設(shè)計,圖像的使用： 恰當(dāng)?shù)氖褂脠D像可使你的網(wǎng)站更具有吸引力。 恰當(dāng)使用圖像是指圖像的選用要與網(wǎng)頁的風(fēng)格相貼近，最好使用自己制作的圖片來體現(xiàn)設(shè)計意圖。也

3、可選擇下載的圖像。 圖像格式：GIF、JPEG/JPG、 PNG JPEG 文件比GIF文件大。 GIF文件只持256種顏色，JPEG文件支持1670萬種色。要求顏色不多時用GIF格式。,網(wǎng)頁設(shè)計,圖像 插入圖像：菜單、工具欄、資源面板（F11） 插入圖像占位符 設(shè)置圖像屬性 大小、對齊 編輯圖像 裁剪圖像 重新取樣 使用Fireworks優(yōu)化 調(diào)整亮度和對比度 使用圖像外部編輯器 銳化圖像,網(wǎng)頁設(shè)計,圖像 鼠標(biāo)經(jīng)過圖像(互動圖像) 背景圖像的應(yīng)用 網(wǎng)頁背景圖像 表格背景圖像 創(chuàng)建圖像熱區(qū) 創(chuàng)建導(dǎo)航條 創(chuàng)建web相冊：命令-創(chuàng)建網(wǎng)站相冊,網(wǎng)頁設(shè)計,超鏈接 內(nèi)部鏈接：網(wǎng)頁名稱 錨點鏈接：#錨點名

4、稱 E-maile鏈接：mailto: 空鏈接：# 站點連接：網(wǎng)址 腳本鏈接：javaScript:語句或函數(shù)名 例：在屬性面板鏈接文本框中輸入Javascript:window.close() 說明：點擊鏈接點可以關(guān)閉頁面,超鏈接的管理,自動更新鏈接 “編輯”|“首選參數(shù)” 在“分類”列表中選“常規(guī)” 在“文檔選項”區(qū)域中“移動文件時更新鏈接”設(shè)置成“總是”或“提示”,超鏈接的管理,在站點范圍內(nèi)更改鏈接 點擊“文件”面板中的“擴展/折疊”按鈕，打開站點地圖 選中其中一個文件 “站點”|“改變站點鏈接范圍的鏈接”,超鏈接的管理,檢查站點中的鏈接錯誤 “站點”|“檢查站點范圍的鏈接”,網(wǎng)頁設(shè)計,表格 創(chuàng)建表格 編輯表格：表格屬性、單元格屬性、調(diào)整表格行列數(shù)和行高列寬 套用表格樣式:命令格式化表格 導(dǎo)入與導(dǎo)出表格數(shù)據(jù)：文件導(dǎo)入/導(dǎo)出 表格數(shù)據(jù)排序：命令排序表格 表格嵌套,網(wǎng)頁設(shè)計,布局 3種布局模式： 標(biāo)準(zhǔn)：最常用的一種模式，此模式下顯示的表格等內(nèi)容最接近瀏覽器的實際狀態(tài)。 擴展：加粗顯示表格邊框，便于表格選擇、移動等操作，但與瀏覽器顯示的表格不