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.

Slides:

Advertisements

Similar presentations

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.

Advertisements

Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.

Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.

2.01 Understand Digital Raster Graphics

Guilford County SciVis V106.01

Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.

8.2 PICTURE IT Graphic Types and Their Uses. What Are Graphics?  Graphics are pictures/images  They could be images taken on a digital camera or scanned.

Digital Art is Interactive Visual Art. How has art been changed because of technology ?

Web Design, 4 th Edition 5 Typography and Images.

Graphic Images 101. Painted on a grid Drawn mathematically.

MIS 208 Fundamentals of Web Publishing Week 6 Performance Editing Graphics Imagemaps.

Images and the Web web graphics. web graphics: constraints Due to the constraints imposed by varying degrees of Internet bandwidth, designing images for.

File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.

Pixels, Resolution and File Types Using Digital Media in the Classroom START.

XHTML Images. Images are important Purpose: to enhance your web site. Add only when they complement or add additional impact to your message.

 Scaling an image is resizing the image in a graphic editing software so it is the proper size before adding it to a site.  Important NOTE: If you insert.

8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.

Understanding Images on the Computer How do images work and why?

HTML presentation Graphics H format H data compression H size H creating or finding H publishing.

Files, File Format Folders Paths, URL Absolute Addresses Relative Addresses © Ms. Masihi.

1 Ethics of Computing MONT 113G, Spring 2012 Session 10 HTML Tables Graphics on the Web.

Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.

File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.

Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.

10 | Graphics COM 366 Web Design & Production. Native file format –Format native to software program –psd > PhotoShop default Preserves layers –Use “Save.

File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.

Graphic Format Factors

Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)

Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.

Adding Images. XHTML Element ElementAttributeAttribute Value Closing tag AttributeAttribute Value The src attribute supplies the name and location of.

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.

File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.

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.

Editing Images for the Web. Optimization/Compression Graphics optimization is important for fast web page display.

Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. ______ -natural ______ -monitor.

Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.

Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.

Web Page Design Mrs. Ricke. Graphics Interchange Format 256 colors only Good for icons, clipart, logos Not good for high quality pictures.

Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.

WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.

RASTERIZING SHAPES IN PHOTOSHOP RASTERIZE: A process in Photoshop of converting a vector image into a bitmap (or raster) image VECTOR: A vector image is.

13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.

Glencoe Introduction to Web Design Chapter 4 XHTML Basics 1 Review Do you remember the vocabulary terms from this chapter? Use the following slides to.

Section 8.1 Section 8.2 Create a custom theme Design a color scheme

2.01 Understand Digital Raster Graphics

2.01 Understand Digital Raster Graphics

Digital Imaging 101 Ann Ware.

Exploring Computer Science - Lesson 3-4

Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

Exploring Computer Science - Lesson 3-4

2.01 Understand Digital Raster Graphics

Introduction to raster graphics

Scalable vector graphics

1.01 Investigate graphic types and file formats.

2.01 Investigate graphic image design.

Bitmap vs. Vector.

Chapter 3 Image Files © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.

Exploring Computer Science - Lesson 3-4

A computer display is made up of small squares, called pixels.

1.01 Investigate graphic types and file formats.

2.01 Understand Digital Raster Graphics

2.01 Investigate graphic image design.

2.01 Understand Digital Raster Graphics

Color and Images.

2.01 Investigate graphic image design.

2.01 Investigate graphic image design.

Presentation transcript:

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.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 2 A vector graphic that automatically resizes as the browser window is increased or decreased in size.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 3 To keep in place.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 4 A compression scheme in which a graphic file loses no data when it is compressed.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 5 A graphic with clickable areas called hotspots that link to another page or to another area on the same page.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 6 An obvious distinction between two elements or items. The difference between the lighter and darker areas of an image.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 7 To change the number of pixels in a graphic file to match the new screen area occupied by the image; this changes the size of the graphic file.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 8 A graphic file format that can support millions of colors; preferred format for saving photographs.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 9 A compression scheme that removes data from a graphic file so that the file is significantly smaller and downloads more quickly in a Web browser than one saved with lossless compression.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 10 A process that makes something smaller and more compact. A compressed graphic reduces the image’s file size by removing some color information.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 11 A type of software application used to create raster graphics.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 12 A graphic file format that can save only a maximum of 256 colors.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 13 A graphic composed of simple lines defined by mathematical equations.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 14 A definition of resolution that defines the number of pixels created for every linear inch of an image, such as 600 dpi.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 15 A graphic file format that supports millions of colors and tends to download slowly.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 16 A graphic file format that supports more colors and transparency than GIF files, and is currently becoming a more popular format.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 17 A graphic link to a related page or another area on the current page.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 18 A text file that contains special sequences of characters that function as tags, such as HTML, XML, and XHTML.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 19 To remove portions of an image that you do not want to use.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 20 The overall lightness or darkness of an image.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 21 The relationship between an image’s height and width.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 22 Balance or evenness.

Glencoe Introduction to Web Design Chapter 8 Web Graphics 23 To distract or take attention away from the main message.