dreamweaver第9講(已修改)
2025-06-08 20:42 本頁面
【正文】 2020/6/28 網頁制作教程 1 第九講 中文版 Fireworks MX 河南大學計算中心 2020/6/28 網頁制作教程 2 簡要復習 ? 上節(jié)課學習了模板和庫項目的使用，站點空間的申請和上傳。 ? 掌握模板和庫項目的使用。 ? 在網站上申請一個個人空間，并上傳自己站點的文件。 ? 盡快完成自己的作業(yè)。 2020/6/28 網頁制作教程 3 初識 Fireworks MX ? Fireworks MX是用來處理網頁圖形的應用程序，它可以處理網頁的圖形圖像文件，使之達到比較理想的藝術效果之外，還可以賦予圖像動態(tài)特性和交互性，并提供了對圖像進行優(yōu)化及各種格式的轉換功能。 ? Fireworks MX既可以編輯 Web圖像，又可以編輯 Web動畫。另外，它的一個很大的優(yōu)勢就在于將位圖處理和矢量處理功能合二為一。 ? 另外， Fireworks還提供了非常方便的制作網頁對象的工具。如：制作按鈕、下拉菜單、圖片切片等。 ? 利用 Fireworks MX的樣式（ Style）特性，可以快速地為圖像應用一些設置好的藝術效果。 2020/6/28 網頁制作教程 4 Fireworks MX 的基本功能 1. 制作豐富的圖像效果（投影、發(fā)光、紋理、材質效果） 2. 矢量圖形和位圖圖形的結合處理（相互轉換） 3. 應用樣式 4. 構建 GIF動畫 5. 設置圖像映像（即設置熱點區(qū)域） 6. 制作圖片切片（分時下載，提高速度） 7. 利用 “ 按鈕編輯器 ” 構建 Javascript輪換圖像按鈕和導航條。 8. 優(yōu)化圖像 9. 以 “ 圖像＋文字 ” 的方式編輯整幅 Web頁面，并導出成為真正的網頁形式 2020/6/28 網頁制作教程 5 圖形圖像的基本概念 ?在學習圖像處理軟件之前，要先了解兩種圖像文件的概念和區(qū)別，即矢量圖和位圖。 ?計算機中表示圖像的方式有兩種： – 矢量圖（圖形） – 位圖（圖像） ?這兩種圖像文件的效果不同，處理的方法也不同。因此在制作過程中，一定要先區(qū)分開所制作的圖像是矢量圖還是位圖。 2020/6/28 網頁制作教程 6 矢量圖 ? 矢量圖： 矢量圖也稱為向量圖，用一系列計算機指令來描述和記錄的一幅圖，一幅圖可分解為一系列為點、線、面等組成的子圖。 ? 矢量圖是以數(shù)字形式記錄圖形的幾何形狀、線條粗細和色彩等。生成的文件存儲容量很小，將其應用到網頁上能夠大大加快瀏覽的速度。矢量圖形與分辨率
教學課件相關推薦
鄂ICP備17016276號-1