Publishing on the WWW Macromedia Fireworks. What is Fireworks? Allows for the creation of web graphics Enables web designers to keep file sizes as small.

Slides:



Advertisements
Similar presentations
Macromedia Preview Arthur Yeo One Learning Place Pte Ltd.
Advertisements

Creating a Web Page with Word IS 460 Notes by Thomas Hilton.
Iframes & Images Using HTML.
Macromedia Director 8 Foundation Level Course. What is Director? Director is a challenging program for creating animation and multimedia productions for.
Web Site Development Test 2 Working in DreamWeaver.
Understand the Macromedia Flash environment Open a document and play a movie Create and save a movie Work with layers and the timeline Plan a Web site.
© 2011 Delmar, Cengage Learning Chapter 13 Preparing Graphics for the Web.
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
Including images with the img tag Skills: using the img tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-
Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.
© 2005 Lawrenceville Press Slide 1 Chapter 5 Bitmap Graphics are Composed of Pixels.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
2.01 Understand Digital Raster Graphics
® Microsoft Office 2010 PowerPoint Tutorial 2: Adding and Modifying Text and Graphic Objects.
Unit 4.4 We are HTML Editors
PowerPoint Tutorial Pt 2 J.Kellow Images - Images - Can be photos, clip art or own art from paint or other drawing program If necessary remove the white.
Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Graphics Standard Grade Computing. Graphics Package n A graphics package is another General Purpose Package. n It is used to draw pictures on the monitor.
VARS – Website Creation Planning to create one Updating an existing one For a hobby For the family To Share (Files, Photographs, or whatever) WHY?
Web Design Basic Concepts.
CIS 205—Web Design & Development Integration Chapter 1.
Tactile Graphics for STEM Studies Presenter: Jeff Gardner, CEO, IRIE-AT Inc.
© 2000 – All Rights Reserved - Page 1 Workflow in Computer Graphics Workflow in Computer Graphics For Print and For the Web.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
XHTML Images. Images are important Purpose: to enhance your web site. Add only when they complement or add additional impact to your message.
Dm 11 – Intro. To Flash Macromedia Flash MX GETTING STARTED WITH.
Macromedia Flash CS4. What is Flash CS4? –Animation and interactive authoring program –Tools for complex animation, as well as excellent drawing tools.
Web Page Overview. What is a Web page? A document with.html file extension Possible incorporation of graphics Saved on a Web server Private Vs Public.
Adobe Contribute CS4 Targeted Training, LLC © Targeted Training, LLC 2010.
Chapter 13-Tools for the World Wide Web. Overview Web servers. Web browsers. Web page makers and site builders. Plug-ins and delivery vehicles. Beyond.
XP Tutorial 1 Introduction to Macromedia Flash MX 2004.
Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.
Gaming Engines for Windows 8 M2: Game assets Jeremy Foster Microsoft Technical Evangelist Adam Tuliper Microsoft Technical Evangelist.
Multimedia in Web Images. A Picture Tells A Thousand Words Forms of Images Photograph Painting Symbol Logo Flag Map Diagram Functions Provide facts Explain.
University of Sunderland CDM105 Session 6 Dreamweaver and Multimedia Fireworks MX 2004 Creating Menus and Button images.
Unit 10 – Web Authoring Web Authoring – Qatar Tourism Lesson 3 & 4.
Creating Buttons – Lesson 51 Creating Buttons Lesson 5.
Other web design features. Flash Flash is a Macromedia Program to create interactive “movies” or interfaces in your website Very cool thing possible Not.
General Purpose Packages GRAPHICS Chapter 5. General Purpose Packages Features of Graphics Packages Entering text Entering text Common tools Common tools.
Adobe/Macromedia Fireworks JAOIT 8. Fireworks – what is it? Adobe Fireworks (formerly Macromedia Fireworks) is a bitmap and vector graphics editor. It.
Serif Part 2 Adding text popups to pictures Adding a rollover image Adding a popup rollover Adding a Voki.
Chapter 12 Web Publishing. Goals Become an image optimization master Get a handle on Web file formats, including SVG and SWF Learn about Web image color.
 The combination of sound, animation, graphics, video, and color into a document  The combination of text with graphics, sound, video, or animation.
We Are Learning To (WALT): To create a working homepage for our websites What I am Looking For (WILF): A completed homepage containing a working navigation.
Computer Graphics Unit 23 Computer Graphics. Computer Graphics Computer generated imagery can be categorized into several different types: Vector or Bitmap.
Creating interactive web pages using Fireworks Creating a 5 page mock up.
XP Tutorial 2 Drawing, Adding Text, and Creating Symbols.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
Dreamweaver Tips & Basics Presented by Laban Toose ICT Specialist Sunbury Heights Primary School.
Macromedia Flash Design Professional Macromedia Flash GETTING STARTED WITH.
13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.
Paper Sizes and Pixels Creating the documents and images.
Unit 15 – Web Authoring Web Authoring Project.
Unit 15 – Web Authoring Web Authoring Project.
Digital imaging.
Capabilities of Software
ADOBE FIREWORKS.
Software and Multimedia
Software and Multimedia
Ribbon Reference Lesson 18.
Web 2.0 Tool: Spicynodes By: Shelby Hooper.
Chapter 3 – part2.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Final Study Guide Arts & Communications.
Exercise 55 - Skills Slices and rollovers are useful interactive elements you can add to your Fireworks documents. Slices not only enable you to add features.
Uppingham Community College
Creating buttons in Fireworks
Year 8 Unit 2 Bitmap Graphics
Presentation transcript:

Publishing on the WWW Macromedia Fireworks

What is Fireworks? Allows for the creation of web graphics Enables web designers to keep file sizes as small as possible while using web-safe colours Combines a vector drawing application with a bitmap editing program Alleviates the need to switch between drawing programs, bitmap programs, and specialised web utilities

What is it used for? Editable text Editable “live” effects Side-by-side export previews Animation features sit_me.htm Rollover buttons Advanced image slicing tools Transparency

Demo and Support Free 30 day trail Support material /

Tutorials Computer Arts EPP Grand Master - Fireworks Training Tools Tutorial Find Web Thang Tutorials - Fireworks

Adding Graphics to a HTML Document tag

Using the IMG Tag

IMG Tag Attributes ALIGN=type ALT=text BORDER=number HEIGHT=number HSPACE=number MAP ISMAP LONGDESC=url LOWSRC=url SRC=url USEMAP=url VSPACE=number WIDTH=number

Internet Explorer’s DYNSRC attribute CONTROLS DYNSRC=url LOOP=number|infinite START=fileopen|mouseover|fileopen, mouseover