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