計(jì)算機(jī)應(yīng)用技術(shù)fw課件第01章fireworks概述

Fireworks

網(wǎng)頁圖象設(shè)計(jì)教程主講：湯陳燕第1章

Fireworks概述

1.1Fireworks簡(jiǎn)介

1.2網(wǎng)站分類1.3色彩搭配原則

1.4Fireworks工作界面1.5Fireworks基本操作1.6文檔的導(dǎo)入上一頁下一頁目錄結(jié)束本節(jié)1.1Fireworks簡(jiǎn)介fireworks是Macromedia公司推出的世界第一個(gè)完全為網(wǎng)頁制作者設(shè)計(jì)網(wǎng)頁圖象的軟件，它的出現(xiàn)掀起網(wǎng)絡(luò)圖象處理的一次革命。它除了能夠完成普通常見的圖象處理操作外，還能夠創(chuàng)建和編輯各種位圖、矢量圖形、生成鼠標(biāo)動(dòng)態(tài)感應(yīng)的Javascript腳本等。我們可以使用Fireworks非常輕松的做出各種網(wǎng)頁設(shè)計(jì)中常見的翻轉(zhuǎn)圖象、下拉菜單等效果，還可以方便地將它直接輸出為HTML文件。同時(shí)Fireworks還具有十分強(qiáng)大的動(dòng)畫功能和一個(gè)幾乎完美的網(wǎng)絡(luò)生成器。上一頁下一頁目錄結(jié)束本節(jié)產(chǎn)生的文件小，采用了最先進(jìn)的算法

Fireworks具有以下特點(diǎn)：

2.Dreamweaver兼容性3.拖放行為4.彈出式菜單5.可選JPEG壓縮6.工作區(qū)的實(shí)時(shí)動(dòng)畫控制7.風(fēng)格定義8.WEB功能9.圖片行為上一頁下一頁目錄結(jié)束本節(jié)1.2網(wǎng)站的分類可以按照行業(yè)分（金融，美食...）

可以按照區(qū)域分，按照語言分，無窮盡的分法，無窮盡的結(jié)果。

這里的一種分法，供參考。

1展示型

主要以展示形像為主，藝術(shù)設(shè)計(jì)成份比較高，內(nèi)容不多，多見于從事美術(shù)設(shè)計(jì)方面的工作室．

2內(nèi)容型

站點(diǎn)以內(nèi)容為重點(diǎn)，用內(nèi)容吸引人。例如：普通的公司網(wǎng)站，用于發(fā)布公司產(chǎn)品、公司動(dòng)態(tài)、招聘信息等。一些從事信息服務(wù)性的站點(diǎn)，如文學(xué)站，下載站，新聞?wù)镜鹊龋话阍擃愓军c(diǎn)以設(shè)計(jì)以簡(jiǎn)潔大方為主，不需要太多太花翹的東西轉(zhuǎn)移讀者的視線。

上一頁下一頁目錄結(jié)束本節(jié)1.2網(wǎng)站的分類

3電子商務(wù)型

以從事電子商務(wù)為主的站點(diǎn)，要求安全性高，穩(wěn)定性高。比較考驗(yàn)網(wǎng)站中運(yùn)行的程序。一般該類站點(diǎn)設(shè)計(jì)要簡(jiǎn)潔大方，又不失熱鬧有人氣的感覺，顏色多用藍(lán)等表現(xiàn)信任感。

4門戶型

該類站點(diǎn)類似內(nèi)容型，但又不同于內(nèi)容型，因其站上的內(nèi)容特別豐富，內(nèi)容比較綜合，一般內(nèi)容型網(wǎng)站內(nèi)容比較集中于某一專業(yè)，或自己的領(lǐng)域，或自己的公司，工作室等小范圍的內(nèi)容，而門戶型一般來說除了表現(xiàn)更為豐富的內(nèi)容外，通常更加注重網(wǎng)站與用戶之間的交流．例如一般門戶型網(wǎng)站也會(huì)提供信息的發(fā)布平臺(tái)，與用戶的交流平臺(tái)等．

上一頁下一頁目錄結(jié)束本節(jié)1.3在網(wǎng)站設(shè)計(jì)中,色彩搭配原則

我們所有網(wǎng)頁上顏色，在HTML下看到的是以顏色英文單詞或者十六進(jìn)制的表示方法（如#000000表示為黑色）。不同的顏色有著不同的含義，給人各種豐富的感覺和聯(lián)想。

上一頁下一頁目錄結(jié)束本節(jié)1.3在網(wǎng)站設(shè)計(jì)中,色彩搭配原則紅色：熱情、奔放、喜悅、莊嚴(yán)

黃色：高貴、富有、燦爛、活潑

黑色：嚴(yán)肅、夜晚、沉著

白色：純潔、簡(jiǎn)單、潔凈

藍(lán)色：天空、清爽、科技

綠色：植物、生命、生機(jī)

灰色：莊重、沉穩(wěn)

紫色：浪漫、富貴

棕色：大地、厚樸

上一頁下一頁目錄結(jié)束本節(jié)1.3在網(wǎng)站設(shè)計(jì)中,色彩搭配原則網(wǎng)頁顏色的使用風(fēng)格

不同的網(wǎng)站有著自己不同的風(fēng)格，也有著自己不同的顏色。網(wǎng)站使用顏色大概分為幾種類型：

1、公司色

在現(xiàn)在企業(yè)中，公司的CI形象顯得尤其重要，每一個(gè)公司的CI設(shè)計(jì)必然要有標(biāo)準(zhǔn)的顏色。比如新浪網(wǎng)的主色調(diào)是一種介于淺黃和深黃之間的顏色，同時(shí)形象宣傳、海報(bào)、廣告使用的顏色都和網(wǎng)站的顏色一致。上一頁下一頁目錄結(jié)束本節(jié)1.3在網(wǎng)站設(shè)計(jì)中,色彩搭配原則2、風(fēng)格色

許多網(wǎng)站使用顏色秉承的是公司的風(fēng)格。比如海爾使用的顏色是一種中性的綠色，即充滿朝氣有不失自己的創(chuàng)新精神。女性網(wǎng)站使用粉紅色的較多，大公司使用藍(lán)色的較多……這些都是在突出自己的風(fēng)格。

3、習(xí)慣色

這些網(wǎng)站的顏色使用很大一部分是憑自己的個(gè)人愛好，以個(gè)人網(wǎng)站較多使用，比如自己喜歡紅色、紫色、黑色等，在做網(wǎng)站的時(shí)候就傾向于這種顏色。每一個(gè)人都有自己喜歡的顏色，因此這種類型稱為習(xí)慣色。上一頁下一頁目錄結(jié)束本節(jié)1.4Fireworks工作界面Fireworks8的工作界面非常簡(jiǎn)潔，主要由幾個(gè)部分組成：菜單欄、工具箱、繪圖窗口、屬性面板和面板組。菜單欄工具箱繪圖窗口屬性面板面板組上一頁下一頁目錄結(jié)束本節(jié)1.5Fireworks基本操作1.5.1創(chuàng)建Fireworks文檔1.5.2設(shè)置文檔屬性1.5.3使用輔助工具1.5.4調(diào)整視圖上一頁下一頁目錄結(jié)束本節(jié)1.5.1創(chuàng)建Fireworks文檔1.創(chuàng)建新文檔2.打開文檔3.保存和導(dǎo)出文檔上一頁下一頁目錄結(jié)束本節(jié)1.5.2設(shè)置文檔屬性設(shè)置畫布大小設(shè)置畫布顏色設(shè)置圖象大小旋轉(zhuǎn)畫布修整畫布上一頁下一頁目錄結(jié)束本節(jié)1.5.3使用輔助工具1.使用標(biāo)尺2.使用網(wǎng)格3.使用輔助線上一頁下一頁目錄結(jié)束本節(jié)1.5.4調(diào)整視圖