Exercise Five: Inserting an image in a Web page Part 2 donna Bair-Mundy.

Slides:

Advertisements

Similar presentations

The Web Wizards Guide to HTML Chapter Five Working with Images.

Advertisements

Web Design Vocab 3 PNG, JPG, GIF, MP3, MPEG.

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.

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.

Page Image Compression for Large-Scale Digitization Sample Images JPEG 2000 Yale University Library January, 2008.

COS 125 Day 13. Agenda Assignment 3 Due Assignment 4 Posted –Due March 24 Left to do –6 Assignments (9 total) About one per week –3 Quizzes –Capstone.

Nice Calm Scene. (You’ll need it.). Skills Getting files off of the camera or scanner Getting files off of the camera or scanner Archiving Archiving Choosing.

Multimedia Presented by Frank H. Osborne, Ph. D. © 2005 Bio 2900 Computer Applications in Biology.

Exercise Five: Inserting an image in a Web page Part 5 donna Bair-Mundy.

Designing for Web stuff you need to know before you start.

Exercise Five: Inserting an image in a Web page Part 3 donna Bair-Mundy.

2.01 Understand Digital Raster Graphics

On the following slides some examples from various digital library pages are shown These examples show that the traditional compression techniques are.

Introduction to Computers Section 11A. home Types of Graphics File Bitmap Vector.

Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.

Lesson 7—Part 1 Working with Graphics

Graphic Images 101. Painted on a grid Drawn mathematically.

Ch10 QQ T F 1.The appearance of text (such as font face and style) incorporated into a Web page graphic will appear as it was when it was created, regardless.

Digital Imaging Utah State University Extension Eric Hawley.

DIGITAL GRAPHICS & ANIMATION Complete LESSON 2 Importing and Exporting Graphics.

Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.

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

Day 4.  Assignment 1 Due  Assignment 2 Posted Assignment 2 Posted  Due Feb 9:35 AM  3 8:30 AM  Today we will look at creating and using.

Importing/Exporting between Fireworks and Dreamweaver For Buttons, Navigation Bar and Animated Banners.

Microsoft FrontPage 2003 Illustrated Complete Working with Pictures.

Presented by the Virginia 4-H Science and Technology Committee.

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

Multimedia in Web Images. A Picture Tells A Thousand Words Forms of Images Photograph Painting Symbol Logo Flag Map Diagram Functions Provide facts Explain.

Our Examples Video Capture Working With Interactive Video Objects Buttons symbols – are areas on the monitor that a sensitive to user actions such.

LIS 670 Introduction to Information Science and Technology donna Bair-Mundy.

Image File Types Module 4: Working with Images LESSON 5.

1 Copyright © 2004 Prentice-Hall. All rights reserved. Essentials Word 2003 – Level 1 Project 8: Inserting and Formatting Graphics.

Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color.

PowerPoint: Images Randy Graff UF HSC IT Center

So you look like the sort of person who knows about webs... Yip So what's a web page? It's just a page of information, on the world wide web, that people.

 JPEG is a standardized image compression mechanism.  JPEG stands for Joint Photographic Experts Group.  JPEG is designed for compressing either full-

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

COS 125 Day 4. Agenda Assignment 1 Due Assignment 2 Posted –Due Feb 9:35 AM Today we will look at creating and using images Examples –

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

Things to Remember When working with digital images.

Module 4- Build a Game Understanding Pictures Compression – Making things smaller.

Using the Sony DSC-P52 Camera Sunday, December 06, 2015.

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.

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

1 After completing this lesson, you will be able to: Comprehend the basics of Web graphics. View and manipulate Web graphics in a graphics program. Describe.

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

Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.

Web Tools Assignment This assignment requires you to build a simple HTML page with an HTML editor of your choice and use an image or drawing tool to create.

GIF vs. JPEG GIF and JPEG (JPG) image formats are different. You should know which to use when. Here are some examples.

Creating Website Using FrontPage 2003 By Heidi Lee.

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.

CROP CIRCLES Photographs and Images collected from Web Sites.

Continuing Studies CS 38 Stanford University

2.01 Investigate graphic image design.

LESSON 5 Module 4: Working with Images Image File Types.

Images and PowerPoint Scanners usually try to save an image as a TIF or Bitmap Don’t use .bmp, or .tif files in PowerPoint They are too big They will make.

1.01 Investigate graphic types and file formats.

Exercise 63 Use a Flash movie clip symbol to store an animation that you need to use more than once in an application. This is very important for keeping.

Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt

2.01 Investigate graphic image design.

Web creation: File Structure Page Title Page Description

chapter 29: Creating Web Graphics

2.01 Investigate graphic image design.

Exercise 64 Use the Flash Movie Explorer to examine the contents of an application to quickly locate specific elements such as instances. Use the Movie.

Lesson 7—Part 1 Working with Graphics

2.01 Investigate graphic image design.

Presentation transcript:

Exercise Five: Inserting an image in a Web page Part 2 donna Bair-Mundy

Image selection Web resources Copyright issues

Image creation Scan an existing photograph Use digital camera to create digital photograph Create image with drawing program

Compression types GIF files JPEG files

Interlacing Non-interlaced imageInterlaced image Welcome to the Luddite Library Web Page We hope you'll find everything you need. Welcome to the Technophile Library Web Page We hope you'll find everything you need.

Animated GIF Sequential images in a file Complaint Desk Proceed to Part 3