Building an Online Store

Slides:



Advertisements
Similar presentations
Raster Graphics 2.01 Investigate graphic image design.
Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
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.
Image Editing Basics Resolution Screen resolution Printer resolution.
2.01 Understand Digital Raster Graphics
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,
V Obtained from a Guildford County workshop-Summer, 2014.
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
Components Text Text--Processing Software A Word Processor is a software application that provides the user with the tools to create and edit text.
Lesson 7—Part 1 Working with Graphics
Nat 4/5 - Software Design and Development – Low Level Operations - 1 National 4/5 – Computing Science Information Systems Design and Development Media.
Desktop Publishing Features Designing Documents. Publication Terms  Graphics - Objects used to convey a message.  Multiple Columns - Layout used to.
1 ADVANCED MICROSOFT POWERPOINT Lesson 7 – Working with Visual and Sound Objects Microsoft Office 2003: Advanced.
Russell Taylor Week 3. Image File Formats - TIF, JPG, PNG, GIF - which to use? The three most common and important image file formats for for printing,
Graphics Ms. Brewer Spring Bellwork Edmodo – log on! Quiz? Take it if you need to! Policies and Procedures Powerpoint in Shared Folder! Get to Know.
Graphics.
GRAPHICS/IMAGES INFSCI Source: Learning Web Design by Jennifer Niederst RobbinsJennifer Niederst Robbins Creating Images:  Scanning  Be aware.
1 Bitmap Graphics It is represented by a dot pattern in which each dot is called a pixel. Each pixel can be in any one of the colors available and the.
XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 4 1 Information Resources on the Web Finding, Evaluating, and Using Online Information.
Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis
DIGITAL GRAPHICS & ANIMATION Complete LESSON 2 Importing and Exporting Graphics.
Internet Vocabulary 1-21 State Test Vocabulary. Address address, Internet address, and web address. A code or series of letters numbers and/or.
All About File Formats Mr. Butler John Jay High School Department of Technology.
Multimedia and The Web.
SBEC Master Technology Teacher Competency 5 Marie L. Evans EDTC 6342 Janice Butler.
Microsoft FrontPage 2003 Illustrated Complete Working with Pictures.
Presented by the Virginia 4-H Science and Technology Committee.
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
HTML presentation Graphics H format H data compression H size H creating or finding H publishing.
Common file formats  Lesson Objective: Understanding common file formats and their differences.  Learning Outcome:  Describe the type of files which.
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.
Laboratory Exercise # 9 – Inserting Graphics to Documents Office Productivity Tools 1 Laboratory Exercise # 9 Inserting Graphics to Documents Objectives:
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
PowerPoint: Images Randy Graff UF HSC IT Center
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Chapter 8B Graphics and Multimedia.
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.
Chapter 8B Graphics and Multimedia. 8B-2 Graphic File Formats Bitmapped images –Most common image type –Also called raster images –Image is drawn using.
Chapter 8 Recovering Graphics Files
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.
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
Information Systems Design and Development Media Types Computing Science.
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
2.01 Understand Digital Raster Graphics
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
2.01 Understand Digital Raster Graphics
Graphics and Multimedia
2.01 Understand Digital Raster Graphics
Image Formats.
Sci Vis I Exam Review Unit 6 File Formats.
2.01 Investigate graphic image design.
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.
A computer display is made up of small squares, called pixels.
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
McGraw-Hill Technology Education
1.01 Investigate graphic types and file formats.
Web Design and Development
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
Desktop Publishing Features
2.01 Investigate graphic image design.
Lesson 7—Part 1 Working with Graphics
2.01 Investigate graphic image design.
Presentation transcript:

Building an Online Store

Learning Objectives Using a Corporate Template Incorporating a Multimedia File Modifying a Theme Modifying a Picture Utilizing Form Collecting Date via a Form

Planning a Website Simple, yet elegant Add value Tasteful colors Limit font selection to two (use legible sizes) Meaningful graphics that download quickly Add value

Using Corporate Wizard

Enhancing a Web Page 6

Web Page Imagery Graphic image Picture in electronic format Obtain by purchasing or creating using external source Scanner Digital camera File size larger than text files

Image Formats Clipart Common Formats Purchased collections of graphic images Common Formats GIF: Graphics Interchange Format JPEG, JPG: Joint Photographic Experts Group BMP: Windows Bitmap TIFF: Tagged Image File Format PCX: PC Paintbrush WMF: Windows Meta File GIF (Graphics Interchange Format) created by CompuServe two strengths common usage - compatible with almost every computer compression algorithm can shrink files by up to a factor of 10 disadvantage only has 8 bits per pixel (only 256 colors) poor with photos TIF (Tagged Image File Format) sometimes see as TIFF developed originally by Aldus Corporation major use is for large, high-quality or high-resolution images and photographs can use up to 96 bits for each pixel supports several compression schemes are some minor incompatibilities between programs using TIFF system JFIF (JPEG File Interchange Format) based on compression scheme called JPEG (Joint Photographic Experts Group) several decades of research into human vision throws out picture information whose absence won’t be missed called lossy compression because some information removed each time compressed Note: a compression algorithm that does NOT lose info called lossless usually ends with letters JPG

Image Size Formats handle images differently Compression Reducing size of image Lossy: some data is discarded Lossless: all data is retained Number of bits used for color JPEG: 24-bit GIF: 8-bit

Locating Images via Web Searches

Inserting Images Clip Art Files Internet Purchased graphics Video

Ethics Intellectual property Copyright laws Knowledge, information, images and thoughts produced by a person or company Copyright laws Amended to include digital material Web makes obtaining material easy Difficult to police

Check Legalities

Photographs as Images Picture Modify with Picture toolbar Files of photograph purchases, scanned or downloaded from web Modify with Picture toolbar

Sizing Handles 4 corners, 4 side

Inserting Hyperlinks Hyperlink Identified on page Text or images used to jump to another page Hotspot: using specific area of image Identified on page Text: underlined, Image: outlined Cursor changes to shape of pointing hand

Using Multimedia Files Full-motion video, sound, radio files Bandwidth Amount of data that can be received by computer at given moment Cannot control bandwidth available to other sites, but be aware of problem

Using Forms Form Page used to collect data Field Used to record responses to questions

Designing Forms Know purpose of gathering data Show consideration to form respondent Questions should provide selection of responses rather than fill-in Makes analysis easier Easier for user

Designing a Form Make form completion easy for readers Make data easy to analyze Keep form organized Keep form short Too long, reader may not finish

Creating a Form Use web-authoring software Select form element Place on page Use element to submit responses Submit and reset buttons Collected data sent to website where tallied Can also use Form Page Wizard

Form Elements Allow text entry Allows multiple choices Allows a single choice