SlideServe
Télécharger Obtenir Pro
Menu
Accueil Pro
Préférences
ApparenceLight Aide et commentaires
© SlideServe · v2026

Working Graphics

edolie avatar
edolie
8 diapositives · 203 Views · Jul 26, 2014

This lecture provides a comprehensive overview of graphics and their use in web development. It covers various graphical file types and their performance characteristics, such as size, color depth, and compression techniques. Additionally, it introduces the concept of image maps that allow for interactive links on web pages by defining hot zones within images. The session outlines best practices for creating image maps efficiently, emphasizing the use of dedicated tools for better usability. Gain insights into optimizing graphics for improved web performance.

Working Graphics - slide 1
01 / 8Working Graphics
1 / 17

Télécharger la présentation

Working Graphics
Une image / un lien ci-dessous est fourni (tel quel) pour télécharger la présentation

Politique de téléchargement : le contenu du site vous est fourni TEL QUEL pour votre information et votre usage personnel ; il ne peut être vendu, concédé sous licence ni partagé sur d’autres sites sans l’accord de son auteur.Le contenu vous est fourni TEL QUEL, pour votre information et votre usage personnel uniquement. Téléchargez la présentation en cliquant sur ce lien. Lors du téléchargement, si vous ne parvenez pas à télécharger une présentation, l’éditeur a peut-être supprimé le fichier de son serveur.Pendant le téléchargement, si vous ne parvenez pas à obtenir une présentation, le fichier a peut-être été supprimé par l’éditeur.

F I N

Plus de contenu associé

Transcription de la présentation

  1. Working Graphics

  2. Lecture Overview • Formatting Text • Understanding whitespace

  3. A Graphics Primer • There are several types of graphical files • Some work on the Web better than others • We could spend quite a bit of time talking about images and their characteristics • My discussion is quite cursory

  4. Graphics (Characteristics 1) • Images have various characteristics that affect performance • Size (number of pixels) – Large images can be several megabytes • Color (bits per pixel) – The more colors, the larger the image • Compression – Algorithms exist to compress images without any loss of fidelity

  5. Graphics (Characteristics 2) • Interlacing – loads and renders alternating lines to improve perceived performance

  6. Image Maps (Introduction) • Simply put, they allow you to create links to other Web pages using images • Different links are visited depending on where in the image the user clicked • These regions are called hot zones

  7. Image Maps (Creating) • Use the <img> element • The <src> element contains the name of the image file • The usemap attribute contains a bookmark • The <map> element contains multiple <area> elements • <area> elements define the shape and the link visited when the area is clicked

  8. Image Maps (Best Practices) • They are a pain to create by hand • You really need a tool to create these easily • See http://www.recreation.gov/browseMapsRecGov.do?topTabIndex=CampgroundMap