1. Lời giới thiệu

Marcomedia Firework MX là một công cụ mạnh mẽ và thân thiện với người sử dụng của Macromedia được dùng để tạo, sửa đổi và tối ưu hóa đồ họa được sử dụng trong Website.

Trong khóa học này các học viên sẽ sử dụng Firework trên Website một cách kỳ lạ như thế nào.

2. Đối tượng

Khóa học này rất phù hợp cho những người có liên quan đến các công việc như thiết lập, phát triển và bảo dưỡng một Website.

3. Yêu cầu trước khi tham gia khoá học

Để hoàn thành tốt khoá học, học viên cần phải:

• Có kiến thức về Windows hoặc Macintosh....

4. Các kỹ năng thu được

Sau khi hoàn thành khoá học, học viên có thể:

• Chuyên gia trong việc tạo và chỉnh sửa các hình ảnh sử dụng Dreamweaver MX
• Học được cách thêm, sửa Text trên các hình ảnh trong Dreamweaver MX
• Khám phá cách tạo các buttons, các ảnh động GIF, các thực đơn pop up và các thành phần đồ hoạc khác có liên quan đến Web sử dụng Dreamweaver MX như thế nào
• Học được cách tối ưu hóa các đồ thị và các hình ảnh trên Web

5. Thời lượng: 30 giờ

Nội dung khóa học

Introduction

Bitmap editing

• Exploring the Fireworks MX 2004 tools panel
• Floating and docked panel groups
• The Property Inspector
• Editing bitmap objects
• Changing the view magnification
• Changing the canvas color
• Using the Crop tool
• Using the Info Panel
• Using the Magic Wand tool
• Saving the selection
• Adjusting levels
• Viewing the gamma setting
• Using the Lasso and Polygon Lasso tools
• Adding and subtracting selections
• Creating a new document
• Scaling the image
• Changing the image size
• Copying the selection
• Using the Rubber Stamp tool
• Using the Smudge tool
• Using the Eraser tool
• Using the Red Eye Removal tool
• Using the Marquee tools
• Moving a selection
• Additional selection options

Using vector tools

• Displaying rulers and guides
• Using the Ellipse tool
• Using the Rectangle tool
• Using the Polygon tool
• Using the Scale tool
• Make a copy
• Rotating an object
• Using the History panel
• Masking with Paste Inside
• Adding Live Effects
• Applying filters as Live Effects
• Saving as a style
• Grouping objects
• Importing graphics
• Trimming the canvas

Working with layers

• Using the Layers panel
• Adding and naming layers
• Adjusting the size and placement of an object
• Renaming a layer
• Locking a layer
• Showing and hiding a layer
• Picking colors
• Drawing rounded rectangles
• Using Auto Shapes
• Adding texture and a drop shadow
• Changing the stacking order on a layer
• Using single-layer editing
• Setting the default colors
• Aligning objects

Adding text

• Adding text
• Aligning and indenting text
• Checking your spelling
• Importing text
• Using the text editor
• Using the Line tool
• Using the Subselection tool
• Using Paste attributes

Advanced techniques

• Combining shapes
• Duplicating objects with the repeat command
• Creating a CD
• Adding a gradient
• Changing the opacity
• Adding text along a path
• Using the intersect and crop commands
• Converting text to paths
• Applying transformations

Creating buttons

• Using the Buttons Editor
• Adding a new button
• Changing your buttons
• Adding a name and a link to buttons
• Importing your buttons
• Changing graphics to buttons

Creating slices and hotspots

• Creating an image map
• Working with the Web Layer
• Slicing an image
• Adding a slice
• Creating disjointed rollovers
• Adding frames
• Adding a behavior
• Viewing full screen
• Adding more slices

Optimizing and exporting

• Using the Export wizard
• Choosing the image format
• Using the 4-Up preview button
• Using the preset optimization settings
• Exporting JPEG images
• Exporting as HTML
• Using the Quick Export button

Creating GIF animations

• Creating an animation
• Using onion skinning
• Sharing a layer
• Using animation symbols
• Controlling playback
• Exporting a GIF animation
• Using the export preview with animation
• Applying tweening
• Tweening effects

Masking and pop-up menus

• Creating a template
• Masking an image
• Masking using the Layers panel
• Using text as a mask
• Creating a text slice
• Adding a pop-up menu
• Editing a pop-up menu

Integrating with Dreamweaver MX 2004 [optional]

• Fireworks MX 2004 and Dreamweaver MX 2004
• Exporting your pages for Dreamweaver
• Creating a local site in Dreamweaver
• Viewing your pages in Dreamweaver
• Setting Dreamweaver MX 2004 preferences
• Viewing the page in the browser
• Adding links
• Optimizing in Fireworks
• Editing in Fireworks from Dreamweaver
• Creating a template in Dreamweaver
• Creating a template-based page
• Adding text in Dreamweaver
• Modifying a template
• Applying a template to a page
• Moving files on the Files panel
• Editing the Fireworks pop-up menu