© 2005 Lawrenceville Press Slide 1 Chapter 5 Bitmap Graphics are Composed of Pixels.

Slides:



Advertisements
Similar presentations
© 2007 Lawrenceville Press Slide 1 Chapter 3 Margins.
Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Raster graphics. Colour depth 01 1 bit pr pixel = 2 combinations (2 1 ): 2 bits pr pixel = 4 combinations (2 2 ): bits pr pixel = 16 combinations(2.
Fireworks MX. 2 Lesson 1a—Create Slices & Hotspots n Fireworks allows you to add animation (behaviors) already written in ___________. n However, users.
Chapter 17 Creating Images for the Web. Chapter Lessons Learn about Web features Optimize images for Web use Create a button for a Web page Create slices.
Bitmap and Vector Graphics. Bitmap Graphics Photos Scanned Images Animations Most pictures you find on the Internet Photos are JPG files – lots of colours.
© 2007 Lawrenceville Press Slide 1 Chapter 2 The Word Window.
Using Fireworks.1 Using Fireworks MX 2004 Designing interfaces in Fireworks, using a scenario methodology.
© 2005 Lawrenceville Press Slide 1 Chapter 3 The Dreamweaver Workspace.
Using Powerpoint to Create Interface Prototype Copy & Paste Interface Designs –Use Screen Capture to Copy Existing Interface –“Print Screen / SysRq” Button:
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.
Graphic Images 101. Painted on a grid Drawn mathematically.
Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.
© 2000 – All Rights Reserved - Page 1 Workflow in Computer Graphics Workflow in Computer Graphics For Print and For the Web.
Chapter 1 Review Images Links Images II Pictures and Extensions.
XHTML Images. Images are important Purpose: to enhance your web site. Add only when they complement or add additional impact to your message.
1 Enhancing Your Teaching with the Effective Use of Digital Images Richard P. Usatine, MD Nancy B. Clark, MEd For STFM Annual Conference, September 2003,
The Web Collection, Revealed MACROMEDIA STUDIO 8 INTEGRATING.
Chapter 6 Images in Dreamweaver & Fireworks Mrs. Johnson Web Design.
Images in web pages. Images Why do we use images? They add interest, and keep the user from being bored They convey information –Charts are easier to.
HTML presentation Embedding Graphics in Web Pages n HTML uses an empty tag called the (image tag) n n n or n n n Note: all web production tools do insert.
Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.
Power Point Presentations A Step by Step Guide. Contents The very first step Choosing slide layout Adding text boxes Custom Animation Changing slide design.
Slide 1 of 24 1) Launch Fireworks 2) Under File, choose New 3) In the New Document dialog box, enter Width: 100, Height 160, Resolution 72, and choose.
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
CIS 205—Web Design & Development Fireworks Chapter 1.
Digital imaging. Two types of graphic Bitmap Vector.
Chapter 12 Enhancing a Document.
© 2010 Lawrenceville Press Slide 1 Chapter 4 Styles.
Creating Buttons – Lesson 51 Creating Buttons Lesson 5.
Working with Images William Pegram April 1, 2013.
Microsoft Expression Web-Illustrated Unit E: Working with Pictures.
Chapter 12 Microsoft PowerPoint Window © 2010 Lawrenceville Press Slide 1.
Animating GIF. What is it? Think of how a flip book works. Each page is a different picture and when flipped through quickly, it looks as though objects.
General Purpose Packages GRAPHICS Chapter 5. General Purpose Packages Features of Graphics Packages Entering text Entering text Common tools Common tools.
Chapter 9 The Microsoft Access 2007 Window © 2007 Lawrenceville Press Slide 1.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Chapter 7 Charts © 2010 Lawrenceville Press Slide 1.
Adobe Photoshop CS3 Revealed – Chapter 16 FOR THE WEB CREATING IMAGES.
Adobe InDesign CS2—Revealed PLACING AND LINKING GRAPHICS.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
© 2010 Lawrenceville Press Slide 1 Chapter 2 The Word Window.
PLACING AND LINKING GRAPHICS
Fireworks MX. 2 Lesson 1—Create a New Document and Import Files n Fireworks files are called __________ and are created in the _____ format. n To create.
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
FILE TYPES FOR WEB DESIGN 1 HOW SHOULD I SAVE?. GRAPHICS INTERCHANGE FORMAT (GIF) Best used for flat-color, sharp-edged art or text Clip art, logos Compression.
Raster Graphics 2.01 Investigate graphic image design.
Creating interactive web pages using Fireworks Creating a 5 page mock up.
Web Graphics. Web graphics Bandwidth is king Graphics must load quickly Graphics must be optimized All other components except for text, gif and jpg are.
Fireworks CS6 A Quick Logo Creation. Step 1- Launch Fireworks CS6 300 x 200 Pixels.
Glencoe Introduction to Web Design Chapter 8 Web Graphics 1 A bitmap file format that is used by scanners and graphics programs for use in print.
21 st Century Technology. Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change.
Vector vs. Raster What’s the difference between vector and raster file formats? The real difference between the two formats is how they are used.
PowerPoint Views POWERPOINT Views: Normal  Thumbnails appear in the window on the left  Click on the View tab.  In the Presentation Views group,
Create Buttons Task OCR National - Unit 21 Today we will Consider what an 80s game website might have as a “look and feel”. Understand the meaning of.
CHAPTER 12 Enhancing a Document. Learning Objectives Create and modify tables Change the page orientation Divide a document into sections Insert and modify.
Building a Website: Images Editing Fall Editing Image Four Built-In Editing Tools – Cropping – Resizing – Sharpening – Adjusting brightness and.
Image File Formats Which one is right for me?. The Only Three Image Formats Your Will Ever Need: Names Jpg “Joint Photographic Experts Group” Png “Portable.
Unit 15 – Web Authoring Web Authoring Project.
Computer Graphics Presented by: May Lau.
Digital imaging.
GCE Applied ICT G053: Lesson 11 Website Graphics
Enhancing a Document Part 1
Chapter 2 Adding Web Pages, Links, and Images
Enhancing a Document Part 1
DREAMWEAVER MX 2004 Chapter 4 Working with Images
Creating Images for the Web
Working with Symbols and Interactivity
Creating buttons in Fireworks
The Web Collection Standard CS3 Revealed
Presentation transcript:

© 2005 Lawrenceville Press Slide 1 Chapter 5 Bitmap Graphics are Composed of Pixels

© 2005 Lawrenceville Press Slide 2 Chapter 5 JPG Compression more compression = low quality less compression = better quality

© 2005 Lawrenceville Press Slide 3 Chapter 5 Alternative Text

© 2005 Lawrenceville Press Slide 4 Chapter 5 Creating an Image Map

© 2005 Lawrenceville Press Slide 5 Chapter 5 Using a Spacer GIF

© 2005 Lawrenceville Press Slide 6 Chapter 5 Resizing and Resampling an Image

© 2005 Lawrenceville Press Slide 7 Chapter 5 Fireworks

© 2005 Lawrenceville Press Slide 8 Chapter 5 Drawing Objects in Fireworks

© 2005 Lawrenceville Press Slide 9 Chapter 5 Adding Text in Fireworks

© 2005 Lawrenceville Press Slide 10 Chapter 5 The Export Preview Window

© 2005 Lawrenceville Press Slide 11 Chapter 5 The Button Editor

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2024 SlidePlayer.com. Inc. All rights reserved.