《4、文本和圖像》由會員分享，可在線閱讀，更多相關《4、文本和圖像（37頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、文本和圖像文本和圖像 掌握插入與修改文本的方法掌握插入與修改文本的方法掌握插入與修改文本的方法掌握插入與修改文本的方法 了解了解了解了解CSSCSS樣式樣式樣式樣式 掌握掌握掌握掌握DreamweaverDreamweaver與與與與FireworksFireworks聯(lián)合作業(yè)的方法聯(lián)合作業(yè)的方法聯(lián)合作業(yè)的方法聯(lián)合作業(yè)的方法教學目的教學目的r 插入文本插入文本r 設置文本屬性設置文本屬性r 創(chuàng)建列表項創(chuàng)建列表項r拼寫檢查拼寫檢查r 圖像編排圖像編排r 文本和圖像應用文本和圖像應用本章內容本章內容v插入普通文本插入普通文本 直接在直接在Dreamweaver文檔窗口中鍵入文本，亦文檔窗口中鍵入文

2、本，亦 可拷貝粘貼現(xiàn)有的文本。可拷貝粘貼現(xiàn)有的文本。v插入其他文本插入其他文本 插入文本插入文本插入其他文本插入其他文本1.插入特殊字符插入特殊字符其它字符插入其他文本插入其他文本2.插入水平線插入水平線 設置水平線的對齊方式 插入其他文本插入其他文本3.插入時間插入時間選中頁面中編輯插入的時間 插入其他文本插入其他文本4.輸入空格輸入空格輸入連續(xù)空格 按下Ctrl+Shift+空格鍵同樣可以插入非間斷空格 插入其他文本插入其他文本5.插入換行符插入換行符使用快捷鍵Shift+Enter也可以插入換行符 插入其他文本插入其他文本6.插入插入Flash文本文本屬性參數(shù)改變完成文本編輯v設置文本字

3、體設置文本字體 v設置文本大小設置文本大小 v設置文本顏色設置文本顏色 v設置文本段落和標題設置文本段落和標題 v設置文本縮進和對齊方式設置文本縮進和對齊方式 v設置文本樣式設置文本樣式 設置文本屬性設置文本屬性 設置文本字體設置文本字體 1.編輯字體列表編輯字體列表添加新列表向添加或移除字體類型設置文本文本設置文本大小設置文本大小 選擇文本 設置文本顏色設置文本顏色 單擊屬性面板上的“色盤”系統(tǒng)色盤 選擇其他的色盤 設置文本段落和標題設置文本段落和標題“文本”“段落格式”設置文本縮進和對齊方式設置文本縮進和對齊方式 1設置文本縮進設置文本縮進“文本”“縮進”“文本”“凸出”設置文本縮進和對齊

4、方式設置文本縮進和對齊方式2.設置對齊方式設置對齊方式光標放在段落文本中 左對齊 居中對齊 右對齊 兩端對齊 設置文本樣式設置文本樣式 選擇要設置樣式的文本 v創(chuàng)建簡單列表項創(chuàng)建簡單列表項 v創(chuàng)建多級列表項創(chuàng)建多級列表項 v設置項目列表符號設置項目列表符號 創(chuàng)建列表項創(chuàng)建列表項 創(chuàng)建簡單列表項創(chuàng)建簡單列表項選擇要創(chuàng)建列表項的文本 “文本”“列表”項目列表”、“編號列表”或“定義列表”屬性面板 創(chuàng)建項目符號列表 創(chuàng)建編號列表 創(chuàng)建多級列表項創(chuàng)建多級列表項 選擇要設置為列表項的文本 單擊屬性面板上的按鈕 增加文本縮進量，創(chuàng)建次級項目列表 設置項目列表符號設置項目列表符號“文本”“列表”“屬性”編號

5、列表編號列表 拼寫檢查拼寫檢查 默認的字典是“英國（美國）”“編輯”“首選參數(shù)”選擇拼寫檢查字典 “文本”“檢查拼寫”圖像編排圖像編排 v插入圖像插入圖像 v設置圖像屬性設置圖像屬性 插入圖像插入圖像1.插入頁面圖像插入頁面圖像選擇命令“插入”“圖像”。or單擊插入面板常用分類下的圖像按鈕or將插入面板上的圖像按鈕 直接拖到文檔窗口中 選擇需插入的圖像插入圖像插入圖像2.插入背景圖像插入背景圖像“修改”“頁面屬性”“背景圖像”設置圖像屬性設置圖像屬性 1 改變圖像的大小改變圖像的大小法一：選中圖像用鼠標拖動法二：設置圖像屬性設置圖像屬性2 設置圖像的對齊方式設置圖像的對齊方式屬性面板上的按鈕左

6、對齊 居中對齊 右對齊 Or“文本”“對齊”設置圖像屬性設置圖像屬性3 設置圖像和文本的位置關系設置圖像和文本的位置關系默認的圖像位置關系 調整后的圖像位置 設置圖像屬性設置圖像屬性4 設置圖像的其他屬性設置圖像的其他屬性輸入圖像名稱輸入圖像名稱 圖像的超鏈接圖像的超鏈接 指定低分辨率圖像指定低分辨率圖像 設置圖像說明文字設置圖像說明文字 調用調用Fireworks編輯圖像編輯圖像 更改導出圖像的優(yōu)化設置、更改導出圖像的優(yōu)化設置、動畫設置以及大小和區(qū)域動畫設置以及大小和區(qū)域 修剪圖像的大小修剪圖像的大小 調整圖像的清晰度調整圖像的清晰度 對已調整大小的圖對已調整大小的圖像進行重新取樣像進行重新

7、取樣 調整圖像的亮度和對比度調整圖像的亮度和對比度 設置外部圖像編輯器設置外部圖像編輯器“編輯”“首選參數(shù)”將Fireworks設置為默認的編輯器 文本和圖像應用文本和圖像應用v制作制作Web相冊相冊 v創(chuàng)建翻滾圖像創(chuàng)建翻滾圖像 v創(chuàng)建導航條創(chuàng)建導航條 v創(chuàng)建圖像映射創(chuàng)建圖像映射 v改變鼠標形狀改變鼠標形狀 v改變超鏈接樣式改變超鏈接樣式 v應用濾鏡應用濾鏡 v導入導入Word文件文件 制作制作Web相冊相冊將需要的圖片保存在一個文件夾中，“命令”“創(chuàng)建網(wǎng)站相冊”創(chuàng)建翻滾圖像創(chuàng)建翻滾圖像插入點放在頁面中要插入翻滾圖像的位置 單擊 or“插入”“圖像對象”“鼠標經(jīng)過圖像”指定單擊圖像后跳轉到的文

8、件 附加在翻滾圖像上的動作 按下F12鍵預覽頁面 創(chuàng)建導航條創(chuàng)建導航條“插入插入”“圖像對象圖像對象”“導航條導航條”新增或刪除導航條元件新增或刪除導航條元件 指定導航條初始顯示的圖像指定導航條初始顯示的圖像 調整列表中導航調整列表中導航條元件條元件的順序的順序 導航條附加的導航條行為 調整導航條圖像屬性 創(chuàng)建圖像映射創(chuàng)建圖像映射 圖像映射就是在一張完整的圖像上劃出多個熱點，給每個熱圖像映射就是在一張完整的圖像上劃出多個熱點，給每個熱點定義一個超鏈接點定義一個超鏈接 “插入”“圖像”or點擊 選擇圖像，單擊圖像屬性面板右下角的按鈕 來選擇圖像 在圖像中劃在圖像中劃出矩形熱點出矩形熱點 在圖像中劃在圖像中劃出圓形熱點出圓形熱點 在圖像中劃出在圖像中劃出多邊形熱點多邊形熱點 調整熱點的調整熱點的大小和位置大小和位置 設置打開鏈接頁面的窗口設置打開鏈接頁面的窗口 輸入與圖像熱點相關的文字輸入與圖像熱點相關的文字 保存頁面，按下F12鍵 改變鼠標形狀改變鼠標形狀 創(chuàng)建基本頁面，“CSS樣式”面板上右擊，選擇“新建”命令 打開“CSS 規(guī)則定義”對話框 從“光標”下拉菜單中選擇鼠標方案