《4、文本和圖像》由會員分享，可在線閱讀，更多相關(guān)《4、文本和圖像（37頁珍藏版）》請?jiān)谘b配圖網(wǎng)上搜索。
1、文本和圖像文本和圖像 掌握插入與修改文本的方法掌握插入與修改文本的方法掌握插入與修改文本的方法掌握插入與修改文本的方法 了解了解了解了解CSSCSS樣式樣式樣式樣式 掌握掌握掌握掌握DreamweaverDreamweaver與與與與FireworksFireworks聯(lián)合作業(yè)的方法聯(lián)合作業(yè)的方法聯(lián)合作業(yè)的方法聯(lián)合作業(yè)的方法教學(xué)目的教學(xué)目的r 插入文本插入文本r 設(shè)置文本屬性設(shè)置文本屬性r 創(chuàng)建列表項(xiàng)創(chuàng)建列表項(xiàng)r拼寫檢查拼寫檢查r 圖像編排圖像編排r 文本和圖像應(yīng)用文本和圖像應(yīng)用本章內(nèi)容本章內(nèi)容v插入普通文本插入普通文本 直接在直接在Dreamweaver文檔窗口中鍵入文本，亦文檔窗口中鍵入文
2、本，亦 可拷貝粘貼現(xiàn)有的文本?？煽截愓迟N現(xiàn)有的文本。v插入其他文本插入其他文本 插入文本插入文本插入其他文本插入其他文本1.插入特殊字符插入特殊字符其它字符插入其他文本插入其他文本2.插入水平線插入水平線 設(shè)置水平線的對齊方式 插入其他文本插入其他文本3.插入時(shí)間插入時(shí)間選中頁面中編輯插入的時(shí)間 插入其他文本插入其他文本4.輸入空格輸入空格輸入連續(xù)空格 按下Ctrl+Shift+空格鍵同樣可以插入非間斷空格 插入其他文本插入其他文本5.插入換行符插入換行符使用快捷鍵Shift+Enter也可以插入換行符 插入其他文本插入其他文本6.插入插入Flash文本文本屬性參數(shù)改變完成文本編輯v設(shè)置文本字
3、體設(shè)置文本字體 v設(shè)置文本大小設(shè)置文本大小 v設(shè)置文本顏色設(shè)置文本顏色 v設(shè)置文本段落和標(biāo)題設(shè)置文本段落和標(biāo)題 v設(shè)置文本縮進(jìn)和對齊方式設(shè)置文本縮進(jìn)和對齊方式 v設(shè)置文本樣式設(shè)置文本樣式 設(shè)置文本屬性設(shè)置文本屬性 設(shè)置文本字體設(shè)置文本字體 1.編輯字體列表編輯字體列表添加新列表向添加或移除字體類型設(shè)置文本文本設(shè)置文本大小設(shè)置文本大小 選擇文本 設(shè)置文本顏色設(shè)置文本顏色 單擊屬性面板上的“色盤”系統(tǒng)色盤 選擇其他的色盤 設(shè)置文本段落和標(biāo)題設(shè)置文本段落和標(biāo)題“文本”“段落格式”設(shè)置文本縮進(jìn)和對齊方式設(shè)置文本縮進(jìn)和對齊方式 1設(shè)置文本縮進(jìn)設(shè)置文本縮進(jìn)“文本”“縮進(jìn)”“文本”“凸出”設(shè)置文本縮進(jìn)和對齊
4、方式設(shè)置文本縮進(jìn)和對齊方式2.設(shè)置對齊方式設(shè)置對齊方式光標(biāo)放在段落文本中 左對齊 居中對齊 右對齊 兩端對齊 設(shè)置文本樣式設(shè)置文本樣式 選擇要設(shè)置樣式的文本 v創(chuàng)建簡單列表項(xiàng)創(chuàng)建簡單列表項(xiàng) v創(chuàng)建多級列表項(xiàng)創(chuàng)建多級列表項(xiàng) v設(shè)置項(xiàng)目列表符號設(shè)置項(xiàng)目列表符號 創(chuàng)建列表項(xiàng)創(chuàng)建列表項(xiàng) 創(chuàng)建簡單列表項(xiàng)創(chuàng)建簡單列表項(xiàng)選擇要創(chuàng)建列表項(xiàng)的文本 “文本”“列表”項(xiàng)目列表”、“編號列表”或“定義列表”屬性面板 創(chuàng)建項(xiàng)目符號列表 創(chuàng)建編號列表 創(chuàng)建多級列表項(xiàng)創(chuàng)建多級列表項(xiàng) 選擇要設(shè)置為列表項(xiàng)的文本 單擊屬性面板上的按鈕 增加文本縮進(jìn)量，創(chuàng)建次級項(xiàng)目列表 設(shè)置項(xiàng)目列表符號設(shè)置項(xiàng)目列表符號“文本”“列表”“屬性”編號
5、列表編號列表 拼寫檢查拼寫檢查 默認(rèn)的字典是“英國（美國）”“編輯”“首選參數(shù)”選擇拼寫檢查字典 “文本”“檢查拼寫”圖像編排圖像編排 v插入圖像插入圖像 v設(shè)置圖像屬性設(shè)置圖像屬性 插入圖像插入圖像1.插入頁面圖像插入頁面圖像選擇命令“插入”“圖像”。or單擊插入面板常用分類下的圖像按鈕or將插入面板上的圖像按鈕 直接拖到文檔窗口中 選擇需插入的圖像插入圖像插入圖像2.插入背景圖像插入背景圖像“修改”“頁面屬性”“背景圖像”設(shè)置圖像屬性設(shè)置圖像屬性 1 改變圖像的大小改變圖像的大小法一：選中圖像用鼠標(biāo)拖動法二：設(shè)置圖像屬性設(shè)置圖像屬性2 設(shè)置圖像的對齊方式設(shè)置圖像的對齊方式屬性面板上的按鈕左
6、對齊 居中對齊 右對齊 Or“文本”“對齊”設(shè)置圖像屬性設(shè)置圖像屬性3 設(shè)置圖像和文本的位置關(guān)系設(shè)置圖像和文本的位置關(guān)系默認(rèn)的圖像位置關(guān)系 調(diào)整后的圖像位置 設(shè)置圖像屬性設(shè)置圖像屬性4 設(shè)置圖像的其他屬性設(shè)置圖像的其他屬性輸入圖像名稱輸入圖像名稱 圖像的超鏈接圖像的超鏈接 指定低分辨率圖像指定低分辨率圖像 設(shè)置圖像說明文字設(shè)置圖像說明文字 調(diào)用調(diào)用Fireworks編輯圖像編輯圖像 更改導(dǎo)出圖像的優(yōu)化設(shè)置、更改導(dǎo)出圖像的優(yōu)化設(shè)置、動畫設(shè)置以及大小和區(qū)域動畫設(shè)置以及大小和區(qū)域 修剪圖像的大小修剪圖像的大小 調(diào)整圖像的清晰度調(diào)整圖像的清晰度 對已調(diào)整大小的圖對已調(diào)整大小的圖像進(jìn)行重新取樣像進(jìn)行重新
7、取樣 調(diào)整圖像的亮度和對比度調(diào)整圖像的亮度和對比度 設(shè)置外部圖像編輯器設(shè)置外部圖像編輯器“編輯”“首選參數(shù)”將Fireworks設(shè)置為默認(rèn)的編輯器 文本和圖像應(yīng)用文本和圖像應(yīng)用v制作制作Web相冊相冊 v創(chuàng)建翻滾圖像創(chuàng)建翻滾圖像 v創(chuàng)建導(dǎo)航條創(chuàng)建導(dǎo)航條 v創(chuàng)建圖像映射創(chuàng)建圖像映射 v改變鼠標(biāo)形狀改變鼠標(biāo)形狀 v改變超鏈接樣式改變超鏈接樣式 v應(yīng)用濾鏡應(yīng)用濾鏡 v導(dǎo)入導(dǎo)入Word文件文件 制作制作Web相冊相冊將需要的圖片保存在一個(gè)文件夾中，“命令”“創(chuàng)建網(wǎng)站相冊”創(chuàng)建翻滾圖像創(chuàng)建翻滾圖像插入點(diǎn)放在頁面中要插入翻滾圖像的位置 單擊 or“插入”“圖像對象”“鼠標(biāo)經(jīng)過圖像”指定單擊圖像后跳轉(zhuǎn)到的文
8、件 附加在翻滾圖像上的動作 按下F12鍵預(yù)覽頁面 創(chuàng)建導(dǎo)航條創(chuàng)建導(dǎo)航條“插入插入”“圖像對象圖像對象”“導(dǎo)航條導(dǎo)航條”新增或刪除導(dǎo)航條元件新增或刪除導(dǎo)航條元件 指定導(dǎo)航條初始顯示的圖像指定導(dǎo)航條初始顯示的圖像 調(diào)整列表中導(dǎo)航調(diào)整列表中導(dǎo)航條元件條元件的順序的順序 導(dǎo)航條附加的導(dǎo)航條行為 調(diào)整導(dǎo)航條圖像屬性 創(chuàng)建圖像映射創(chuàng)建圖像映射 圖像映射就是在一張完整的圖像上劃出多個(gè)熱點(diǎn)，給每個(gè)熱圖像映射就是在一張完整的圖像上劃出多個(gè)熱點(diǎn)，給每個(gè)熱點(diǎn)定義一個(gè)超鏈接點(diǎn)定義一個(gè)超鏈接 “插入”“圖像”or點(diǎn)擊 選擇圖像，單擊圖像屬性面板右下角的按鈕 來選擇圖像 在圖像中劃在圖像中劃出矩形熱點(diǎn)出矩形熱點(diǎn) 在圖像中劃在圖像中劃出圓形熱點(diǎn)出圓形熱點(diǎn) 在圖像中劃出在圖像中劃出多邊形熱點(diǎn)多邊形熱點(diǎn) 調(diào)整熱點(diǎn)的調(diào)整熱點(diǎn)的大小和位置大小和位置 設(shè)置打開鏈接頁面的窗口設(shè)置打開鏈接頁面的窗口 輸入與圖像熱點(diǎn)相關(guān)的文字輸入與圖像熱點(diǎn)相關(guān)的文字 保存頁面，按下F12鍵 改變鼠標(biāo)形狀改變鼠標(biāo)形狀 創(chuàng)建基本頁面，“CSS樣式”面板上右擊，選擇“新建”命令 打開“CSS 規(guī)則定義”對話框 從“光標(biāo)”下拉菜單中選擇鼠標(biāo)方案
4、文本和圖像
