{"id":3860,"date":"2017-06-30T15:35:35","date_gmt":"2017-06-30T15:35:35","guid":{"rendered":"https:\/\/marketingweb.com.mx\/blog\/?p=3860"},"modified":"2017-06-30T15:35:35","modified_gmt":"2017-06-30T15:35:35","slug":"desarrollo-web-puebla","status":"publish","type":"post","link":"https:\/\/marketingweb.com.mx\/blog\/desarrollo-web-puebla\/","title":{"rendered":"Desarrollo web Puebla"},"content":{"rendered":"<h1>Desarrollo web Puebla<\/h1>\n<figure id=\"attachment_3427\" aria-describedby=\"caption-attachment-3427\" style=\"width: 300px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/uploads\/shutterstock_1836019523.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-medium wp-image-3427\" src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/uploads\/shutterstock_1836019523-300x300.jpg\" alt=\"Desarrollo web Puebla\" width=\"300\" height=\"300\" srcset=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/uploads\/shutterstock_1836019523-300x300.jpg 300w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/uploads\/shutterstock_1836019523-150x150.jpg 150w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/uploads\/shutterstock_1836019523.jpg 721w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-3427\" class=\"wp-caption-text\"><em>Desarrollo web Puebla<\/em><\/figcaption><\/figure>\n<h3><a href=\"https:\/\/marketingweb.com.mx\/diseno-web.html\">Desarrollo web Puebla<\/a><\/h3>\n<div class=\"page\" title=\"Page 50\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>Formatos<\/p>\n<p>Lynch y Horton (2000) sen\u0303alan que los formatos gra\u0301ficos utilizados para la Web deben estar comprimidos por necesidad, debido al reducido ancho de banda con el que cuenta gran parte de los usuarios. Ferna\u0301ndez-Coca (1998) agrega que los gra\u0301ficos utilizados en la World Wide Web tienen formato de mapa de bits<\/p>\n<p>Los formatos gra\u0301ficos que se utilizan en los documentos Web son tres: GIF (Graphic Interchange Format), JPEG (Joint Photographic Expert Group) y PNG (Portable Network Graphics). Cada uno de ellos tiene sus caracteri\u0301sticas en cuanto a cantidad de colores que admite, posibilidades de realizar animacio\u0301n, canales de transparencia y factor de comprensio\u0301n.<\/p>\n<h3>plantillas web<\/h3>\n<p>GIF<\/p>\n<p>Este tipo de archivos fue el utilizado por el Servicio de Informacio\u0301n Compuserve en los an\u0303os \u201980. Los disen\u0303adores de documentos Web comenzaron a emplearlo porque encontraron en e\u0301l eficacia entre el taman\u0303o del archivo y la calidad<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page\" title=\"Page 51\">\n<div class=\"layoutArea\"><\/div>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>de los gra\u0301ficos (Lynch y Horton, 2000).<\/p>\n<p>Su paleta de colores es de 8 bits (o 256 colores) y utiliza un sistema sencillo de compresio\u0301n denominado Lempel Zev Welch o LZW para eliminar datos no necesarios sin perder informacio\u0301n o distorsionar la imagen. Lynch y Horton (2000) sen\u0303alan que este tipo de compresio\u0301n funciona bien en ima\u0301genes con zonas de color homoge\u0301neo, pero pierde eficacia con ima\u0301genes complejas con muchos colores y texturas diferentes. Es por ello que el formato GIF suele emplearse en logotipos, botones, ilustraciones sencillas con pocos colores o fondos de pantalla.<\/p>\n<p>Desde sus ori\u0301genes hasta la actualidad el formato GIF ha ido sumando una serie de caracteri\u0301sticas y mejoras. Lynch y Horton (2000) sen\u0303alan algunas de ellas:<\/p>\n<p>? Entrelazado. Sin esta funcio\u0301n un archivo GIF se descarga desde arriba hacia abajo li\u0301nea por li\u0301nea. Por el contrario, un archivo GIF entrelazado muestra desde un primer momento toda la imagen en baja resolucio\u0301n, y a medida que se va descargando el gra\u0301fico desde la red la resolucio\u0301n va mejorando. La ventaja de este sistema es que permite al usuario ver la totalidad de la imagen desde un comienzo y no necesita que se descargue toda la informacio\u0301n del archivo para hacerse de una idea aproximada acerca del gra\u0301fico con el que se encontrara\u0301. Lynch y Horton (2000) recomiendan utilizar entrelazado so\u0301lo en gra\u0301ficos de gran taman\u0303o, ya que en ima\u0301genes pequen\u0303as ralentiza el proceso de descarga. Los navegadores esta\u0301ndar como Netscape Communicator y Microsoft Internet Explorer soportan esta funcio\u0301n de los archivos GIF.<\/p>\n<p>? Transparencia. Es una utilidad incorporada en una versio\u0301n de GIF conocida se vera\u0301 con los pi\u0301xeles del color anterior.<\/p>\n<p>? Animacio\u0301n. Es una caracteri\u0301stica del formato GIF en su versio\u0301n original a la cual no se le encontraba demasiada utilidad. Un solo archivo GIF permite incluir varias ima\u0301genes en forma secuencial con lo cual es posible que si se<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page\" title=\"Page 52\">\n<div class=\"layoutArea\"><\/div>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>desplaza poco a poco una figura se logre el efecto de movimiento o animacio\u0301n. Se utiliza principalmente para los carteles o banners publicitarios en la Web, aunque tambie\u0301n suelen haber botones o ima\u0301genes animadas en los documentos. Lynch y Horton (2000) recomiendan evitar animar elementos inu\u0301tilmente porque distraen la atencio\u0301n del usuario. Las limitaciones te\u0301cnicas de la animacio\u0301n GIF son: a) no permiten control del usuario, quien solamente puede ver la animacio\u0301n sin accionar sobre ella; y b) no hay compresio\u0301n entre diferentes fotogramas, por lo cual una animacio\u0301n de cinco cuadros de 10 kilobytes tendra\u0301 un taman\u0303o de 50 kilobytes.<\/p>\n<\/div>\n<\/div>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>JPEG<\/p>\n<p>A diferencia del formato GIF, JPEG permite ima\u0301genes con una profundidad de 24 bits o color verdadero. Esta caracteri\u0301stica convierte al formato en ideal para ser utilizado cuando se requiere una exacta representacio\u0301n del color, sea en fotografi\u0301as, ima\u0301genes de diagno\u0301stico me\u0301dico o reproduccio\u0301n de obras de arte.<\/p>\n<p>Lynch y Horton (2000) apuntan que el sistema de comprensio\u0301n JPEG utiliza una te\u0301cnica matema\u0301tica denominada transformacio\u0301n discreta de los cosenos para producir una escala de compresio\u0301n gra\u0301fica en varios niveles. JPEG tambie\u0301n incluye un logaritmo que permite descartar datos no necesarios de la imagen, especialmente aquella informacio\u0301n que no puede ser captada por el ojo humano.<\/p>\n<p>Adema\u0301s de la exacta reproduccio\u0301n del color el formato JPEG presenta otra ventaja: permite seleccionar el ratio de compresio\u0301n. Es decir, el disen\u0303ador Web puede manipular la imagen y comprimirla tanto o tan poco como desee. Obviamente, mientras mayor sea el grado de compresio\u0301n, menor sera\u0301 la calidad de la imagen.<\/p>\n<p>Al igual que GIF, el formato JPEG puede presentar una imagen entrelazada para que el usuario pueda tener una idea aproximada de su contenido mientras se descarga toda la informacio\u0301n. Cabe aqui\u0301 hacer la misma consideracio\u0301n que en el<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page\" title=\"Page 53\">\n<div class=\"layoutArea\"><\/div>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<h3>crear pagina web gratis<\/h3>\n<p>apartado anterior: es aconsejable reservar el entrelazado para ima\u0301genes de grandes dimensiones, ya que en ima\u0301genes pequen\u0303as aumenta su taman\u0303o.<\/p>\n<p>PNG<\/p>\n<p>Los gra\u0301ficos PNG constituyen un nuevo tipo de imagen desarrollado como una alternativa de cara\u0301cter pu\u0301blico, frente al cara\u0301cter privado de los GIF. A diferencia de GIF y JPEG, el formato PNG fue desarrollado expli\u0301citamente para la distribucio\u0301n de archivos gra\u0301ficos en red. Segu\u0301n Lynch y Horton (2000), pronto este formato se convertira\u0301 en el esta\u0301ndar de la World Wide Web.<\/p>\n<p>Algunas de sus ventajas son: a) permite una gama completa de profundidad de color; b) la elaboracio\u0301n de transparencias es mucho ma\u0301s sofisticada que en GIF; c) el entrelazado esta\u0301 mejor resuelto; d) permite correcciones automa\u0301ticas del factor gamma en la pantalla de las computadoras; y e) permite incluir texto con una breve descripcio\u0301n de la imagen para facilitar su localizacio\u0301n por los motores de bu\u0301squeda.<\/p>\n<p>Pese a estos puntos positivos, no todos los navegadores soportan la totalidad de sus caracteri\u0301sticas. En general, las pa\u0301ginas Web siguen utilizando los formatos GIF y JPEG para garantizar que los gra\u0301ficos sean vistos por la mayor cantidad de usuarios posibles.<\/p>\n<h3>crear mi pagina web<\/h3>\n<p>Desde nuestra o\u0301ptica, si el disen\u0303o puede resolverse utilizando los formatos esta\u0301ndar como GIF y JPEG, deberi\u0301a evitarse la utilizacio\u0301n de PNG ya que \u2013a pesar de estar recomendada su utilizacio\u0301n por el World Wide Web Consortium, el organismo que se encarga de fijar los esta\u0301ndares de la Web- su uso no esta\u0301 demasiado extendido.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>Desarrollo web Puebla<\/strong><\/p>\n<p>#Desarrolloweb<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Desarrollo web Puebla Desarrollo web Puebla Formatos Lynch y Horton (2000) sen\u0303alan que los formatos gra\u0301ficos utilizados para la Web deben estar comprimidos por necesidad, debido al reducido ancho de banda con el que cuenta gran parte de los usuarios. Ferna\u0301ndez-Coca (1998) agrega que los gra\u0301ficos utilizados en la World Wide Web tienen formato de &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"ast-button\" href=\"https:\/\/marketingweb.com.mx\/blog\/desarrollo-web-puebla\/\"> <span class=\"screen-reader-text\">Desarrollo web Puebla<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":18,"featured_media":3427,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","_joinchat":[],"footnotes":""},"categories":[55],"tags":[362,299,68,646,46],"class_list":["post-3860","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-agencia-de-desarrollo-web-guadalajara","tag-agencia-de-diseno-web-df","tag-desarrollo-web","tag-desarrollo-web-puebla","tag-diseno-web"],"_links":{"self":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/3860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=3860"}],"version-history":[{"count":0,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/3860\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media\/3427"}],"wp:attachment":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=3860"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=3860"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=3860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}