FW3(FireWork3)與DW3(
Dreamweavers)、
Flash4有人合稱為
網頁制作的“三劍客”。制作網頁時應考慮到有部分網友未安裝Flash插件，所以盡量不要采用Flash技術，而使用
Macromedia公司的 FW3及DW3設計，當然別忘了叫上“圖老大”PS5(
Photoshop5.0CS)。 FW3主要是以處理路徑為基礎的對象圖像，並融合了位圖編輯的各種功能，這使得在FW3中對圖像進行處理時有了更強的靈活性、易控制性和易編輯性。用FW3可以非常簡便與快捷地制作精彩的動態圖片，如當前許多網站的翻版廣告圖片、特效動作圖片等等。使用 FW3生成的GIF圖片因其能實現交錯、透明和動畫顯示，而獲得大量的應用。
利用 FW3在個人主頁上添加動畫，可使網頁更加生動美觀，一定會增色不少。下面就以 FW3自帶的“月夜飛雁圖”(名字是我起的，不錯吧)來簡要介紹一下制作簡單動畫的過程。
1、選定圖像打開FW3，按F1鍵進入幫助選項，在屏幕左邊選擇Creating Animation－Creatingobjects for the animation,找到圖片，將鼠標指針移動到圖片上單擊右鍵，圖片另存為bird0.bmp文件。用 PS5打開該文件，用矩形選框工具選定合適大小的圖片，選擇編輯→拷貝。新建→文件，選擇編輯→粘貼，將選定的圖像粘貼於新文件上，選擇文件→存儲副本，命名為bird1.bmp。
2、制作動畫 回到FW3後，選擇window，在下拉選項中激活Optimize與Frames窗口。打開bird1.bmp，將鼠標指針移動右上角Optimize窗口，在下拉選框中把文件類型調整為Animated GIF。再將鼠標指針移動至右下角Frames窗口,單擊New/Duplicate Frame按鈕（該窗口下邊右數第二個按鈕），增加Frame2層，再單擊該按鈕，增加Frame3層。
單擊Frame1層，將鼠標指針移動至圖像區，單擊右鍵，選擇cut/copy(復制)，單擊Frame2層，將鼠標指針移動至圖像區，單擊右鍵，選擇Paste(粘貼)。Frame3層的操作同上。
單擊Frame1層，用橡皮工具擦掉第2、3個大雁後選擇漆桶顏色為深藍色，選擇漆桶工具，在擦除痕跡上單擊左鍵填充深藍色以清除痕跡。單擊Frame2層，用橡皮工具擦掉第1、3個大雁，再用漆桶工具填充修改痕跡。單擊Frame3層，用橡皮工具擦掉第1、2個大雁，再用漆桶工具填充修改痕跡。
雙擊Frame1層，將Frame delay由20/100 second修改為100/100second，回車。Frame2層、Frame3層操作同上（修改單層顯示時間是便於觀察的需要，改不改隨你便）。
將鼠標指針移動至右下角Frames窗口,單擊GIF animation looping按鈕（該窗口下邊左數第二個按鈕），改為Forever。
單擊Frames窗口下的播放工具中左數第二個按鈕，可以看到三層循環顯示，大雁已經飛起來了
3、輸出文件 選擇File－export，在File name欄中填入要輸出的文件名bird.gif。該命名為bird.gif的動畫圖片已經完成。
退出FW3以後，將bird.gif插入到網頁的任何位置，預覽網頁就可以看到漂亮的“月夜飛雁圖”啦。