Image Sprites. Uso de Image Sprites Es una colección de imágenes colocadas en una simple imagen: Una página web con muchas imágenes puede tardar mucho.

Slides:



Advertisements
Presentaciones similares
IMÁGENES PARA MI MINIQUEST-WEBQUEST
Advertisements

Estructuras With Leonel Morales Díaz Ingeniería Simple Disponible en: Copyright.
Distribución de Vídeo Interconectaremos servidores para hacer llegar los flujos, de manera eficaz, al cliente. Palma de Mallorca, Noviembre 2003 David.
LOS SECRETOS PARA CREAR PÁGINAS QUE CARGAN RÁPIDO Y FÁCIL DE NAVEGAR Preparado Por Prof. Edgar Lopategui.
CI-2413 Desarrollo de Aplicaciones para Internet
Laboratorio 5 Hojas de Estilo CSS
Visualización de documentos XML con CSS
Presenta miWEB La manera más simple y rápida de tener su sitio en Internet Obtenga su página en TRES PASOS.
Ing. Jéber G. Martínez. HTML: Definiéndolo de forma sencilla, "HTML es lo que se utiliza para crear todas las páginas web de Internet". Más concretamente,
HOJAS DE ESTILO EN CASCADA CSS
Tutorial de Using R Markdown
7. Programación en Videojuegos 2D I.
INTRODUCCION A HTML Y JAVASCRIPT Ing. Diego J. Arcusin
Buscar contenido de la WEB Subir archivos desde el PC local Open audio chat only Abrir ventana de chat de mensajería instantánea (modo de reducir al mínimo)
CLASE 4: SLICES Y DISEÑO Tutorial de práctica. Ejercicio – Clase 4  Puntos importantes: 1. Evaluar el contenido 2. La navegación (menú) 3. Elementos.
Aplicaciones Web Enriquecidas By Jimmy Campo Modulo 2 – Evolución de los sistemas Web
Kompozer.
USECAD 2008 HTML Y PHP (BÁSICO).
DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB
Tecnología de la Comunicación II
CSS Módulo V. Funcionamiento Visor Web Servidor Web Documentos Página Web Solicitud Entrega.
Hojas de Estilo en Cascada MC Beatriz Beltrán Martínez.
Hypertext Markup Language HTML
Sandra Constanza Rubiano
Curso de Diseño Web Profesor: Mario Figge. El Modelo de Cajas (Box Model)
Anatomía de la declaración La declaración consta de dos partes:  Propiedad  Valor Selector Propiedad Valor A { color: #000013;}  La propiedad es una.
Disposición de la división de las páginas: La zona de contenido principal tendrá 25 píxeles de espacio en blanco en la parte izquierda superior. /*División.
Sistemas de Administración de Contenido Álvaro Olivares Noviembre 2003.
DESARROLLO DE APLICACIONES
CSS div.
Diseño de páginas Web Elaboración de Unidades Didácticas en Web.
CSS Estructura.
Ingeniero de Sistemas – Universidad de Los Andes
Visualizador Web de imágenes médicas Rawb

Preparación de textos HTML, PDF y MSWord Julio Takayama Silvia de Medeiros Cabral Oficina de Comunicación y Marketing BIREME - OPAS - OMS Julio Takayama.
Por principio un DIV, aunque su contenido sea muy pequeño ocupa todo el ancho de su padre generalmente el body, ya que son elementos de bloque. Recordar.
Relación cuello-saco Saco Cuello.
+ Optimización de imágenes para la Web Dirección General de Tecnología de Información.
El HTML ( Hyper Text Markup Language ) es el lenguaje con el que se escriben las páginas web. Etiqueta de apertura: Etiqueta de cierre:
HTML. Que es HTML? ● Nace del XML en los principios de la “web” ● Es un lenguaje de estructuracion de documentos ● NO es considerado un lenguaje de programacion.
ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de.
I M A G E N E S. muestra la imagen "IMAGEN.JPG" que se encuentra en la URL
Listas Una lista permite organizar la totalidad o parte de un documento HTML estructurándolo de la forma más clara posible para hacerlo más perceptible.
Instituto Tecnológico Superior “Daniel Álvarez Burneo” Propiedades de Tipo, Fondo, Bloque, Borde de CSS Integrantes: Anita Carrión Mercedes Rodríguez María.
Imágenes.
ÁLBUM DE FOTOS CLÁSICO. Este álbum de fotos contiene ejemplos de páginas para comenzar. Para agregar sus propias páginas, haga clic en la ficha Inicio.
Jairo Andres Mutis MacDonald Hans Nieto Damian Sanchez Alejandro Garzón.
SlideShare es un servicio al que se accede a través de un sitio web, y mediante el cual podemos publicar, ver, compartir, intercambiar y socializar presentaciones,
CODIGO HTML HTML, siglas de HyperText Markup Language
 Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.
Como Crear tu Propia Pagina Web Por John Véliz C.
Imágenes para generar Preguntas
Karina Quispe. Multiplataforma Simple Esta en todos lados No es mas que simple texto Libre.
Trabajos grupos de 3 – 4 Personas Semana 8.  Crear Páginas adicionales en un Blogger  Insertar un video en HTML  Enlazar Páginas Web HTML  Enlazar.
Workshop de Responsive Web Design Hernán Beati.
Weebly Nueva Interfaz del escritorio. Weebly Weebly es una plataforma para crear páginas web. Estas páginas pueden contener uno o más blogs. Recientemente.
El color El tamaño del texto Tipo de letra Listas.
Una de las características de un sitio Web eficaz es mostrar sus contenidos de manera accesible y vincular de manera fácil a documentos de diferentes.
HTML5. HISTORIA En 1986 la organización internacional de Estándares publica el SGML (Standard Generalized Markup Language) En 1990 Tim Berners-Lee crea.
Alejandro Caballero Daza Juan Camilo Arévalo Arboleda.
Integración de objetos y de multimedia en páginas HTML5.
Irune Yarza – Barakaldo Berritzegune.  EMBED es una etiqueta que se usa en HTML para incrustar o empotrar un OBJETO dentro de tu sitio.  Nos permite.
CSS fondos saregune CC 2009.
COLORES, FONDOS Y FUENTES CON CSS
CSS: “CASCADING STYLE SHEETS”
SERVIDOR PUBLICO. Servidor Público.
HTML.
HTML.
Guía Básica de HTML.
Transcripción de la presentación:

Image Sprites

Uso de Image Sprites Es una colección de imágenes colocadas en una simple imagen: Una página web con muchas imágenes puede tardar mucho tiempo en cargarse y genera múltiples peticiones al servidor. Usando sprites imagen se reducirá el número de peticiones al servidor y ahorrar ancho de banda.

Image Sprites

CSS more-link { background: url("img/sprites.png") no-repeat; color: #ffffff; display: block; font: 11px/29px serif; height: 35px; text-align: center; text-transform: uppercase; }.more-link { width: 118px; }.more-link { background-position: -413px -61px; HTML Ver galería

background-position: -413px -61px;

Herramientas para realizar sprites