{"id":3881,"date":"2017-07-06T17:20:14","date_gmt":"2017-07-06T17:20:14","guid":{"rendered":"https:\/\/marketingweb.com.mx\/blog\/?p=3881"},"modified":"2017-07-06T17:22:24","modified_gmt":"2017-07-06T17:22:24","slug":"desarrollo-web-oaxaca","status":"publish","type":"post","link":"https:\/\/marketingweb.com.mx\/blog\/desarrollo-web-oaxaca\/","title":{"rendered":"Desarrollo web Oaxaca"},"content":{"rendered":"<h1>Desarrollo web Oaxaca<\/h1>\n<figure id=\"attachment_2716\" aria-describedby=\"caption-attachment-2716\" style=\"width: 300px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/web-design.jpg.webp\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-medium wp-image-2716\" src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/uploads\/web-design-300x300.jpg\" alt=\"Desarrollo web Oaxaca\" width=\"300\" height=\"300\" srcset=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/uploads\/web-design-300x300.jpg 300w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/uploads\/web-design-150x150.jpg 150w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/web-design.jpg.webp 400w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-2716\" class=\"wp-caption-text\"><em>Desarrollo web Oaxaca<\/em><\/figcaption><\/figure>\n<h3><a href=\"https:\/\/marketingweb.com.mx\/diseno-web.html\"><strong>Desarrollo web Oaxaca<\/strong><\/a><\/h3>\n<div class=\"page\" title=\"Page 63\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>Tablas<\/p>\n<p>Una de las particularidades del disen\u0303o Web es que el disen\u0303ador desconoce co\u0301mo sera\u0301 visualizado su producto. Adema\u0301s de la posibilidad que tienen los usuarios de configurar su navegador, se suma el hecho que una misma pa\u0301gina puede ser visualizada por diferentes dispositivos y taman\u0303os de pantalla.<\/p>\n<p>Hasta hace unos an\u0303os atra\u0301s, el esta\u0301ndar gra\u0301fico de las computadoras hogaren\u0303as era una configuracio\u0301n de monitor de 640 por 480 pi\u0301xeles con 256 colores. Hoy es de 800 por 600 pi\u0301xeles a millones de colores, y varios usuarios ya disponen de placas gra\u0301ficas que admiten resoluciones de 1024 por 720 pi\u0301xeles y utilizan monitores de 17 pulgadas. Para que la estructura del sitio sea reproducida fielmente en cualquier resolucio\u0301n, una de las estrategias a utilizar es disen\u0303ar con tablas.<\/p>\n<h3>paginas web economicas<\/h3>\n<p>El lenguaje HTML admite un amplio manejo de tablas, que fueron destinadas originalmente a mostrar informacio\u0301n tabulada. Sin embargo, en el disen\u0303o Web se utilizan tablas que son invisibles al usuario, pero que permiten al disen\u0303ador organizar<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page\" title=\"Page 64\">\n<div class=\"layoutArea\"><\/div>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>la informacio\u0301n en bloques que permanecera\u0301n inamovibles, independientemente del taman\u0303o de pantalla y las dimensiones de la ventana del navegador. \u201cPara un disen\u0303ador Web, y debido a las limitaciones del lenguaje HTML, la u\u0301nica herramienta de composicio\u0301n que funciona hasta ahora en todos los navegadores son las tablas\u201d (Lynch y Horton, 2000: 68).<\/p>\n<p>Para Lynch y Horton (2000) las tablas permiten controlar varios aspectos del disen\u0303o: a) longitud de li\u0301nea; b) ma\u0301rgenes; c) columnas; d) canalones \u2013espacio entre columnas-; y e) bordes. Ferna\u0301ndez-Coca (1998) apunta que dentro de la tabla pueden colocarse enlaces, gra\u0301ficos, color, animaciones y textos. Holzschlag (2001) recomienda aprovechar las caracteri\u0301sticas avanzadas que el HTML en su versio\u0301n 4 admite para las tablas como las opciones de alineacio\u0301n \u2013izquierda, centro y derecha; y borde superior, borde inferior, y centro vertical-, agrupacio\u0301n de celdas y posibilidad de anidar \u2013colocar tablas dentro de otras tablas-. Lynch y Horton (2000) agregan que las tablas ayudan a controlar mejor la insercio\u0301n de ima\u0301genes ya que reservan el espacio exacto que ocupa el gra\u0301fico.<\/p>\n<p>Un aspecto que \u2013en nuestra opinio\u0301n- es interesante destacar en la utilizacio\u0301n de tablas es que los taman\u0303os se pueden fijar en forma absoluta, especificando el alto o ancho de pi\u0301xeles, o relativa, indicando el porcentaje de pantalla que cada fila o columna ocupa. Los valores absolutos permiten manejar con precisio\u0301n la disposicio\u0301n gra\u0301fica de los elementos: por ma\u0301s que el usuario ampli\u0301e o reduzca la ventana de su navegador, cada elemento del disen\u0303o se mantendra\u0301 en su lugar sin alterar la estructura ba\u0301sica del sitio. Por otra parte, los taman\u0303os relativos permiten construir pa\u0301ginas flexibles, es decir que si el usuario vari\u0301a el ancho o alto de su ventana el contenido se redibujara\u0301 proporcionalmente en su interior.<\/p>\n<h3>dise\u00f1o web malaga<\/h3>\n<p>La utilizacio\u0301n de valores absolutos o relativos es una eleccio\u0301n que el disen\u0303ador Web debe realizar de acuerdo a i su disen\u0303o es ma\u0301s ri\u0301gido o flexible. Nielsen (2000) recomienda introducir valores relativos para garantizar que usuarios con diferentes configuraciones y taman\u0303os de pantalla vean un disen\u0303o semejante.<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page\" title=\"Page 65\">\n<div class=\"layoutArea\"><\/div>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>Desde nuestra o\u0301ptica, este criterio puede resultar u\u0301til en algunos casos pero puede presentar inconvenientes en otros. Por ejemplo, si se le adjudica a una columna un porcentaje reducido \u201310 o 15%- su contenido puede ser muy difi\u0301cil de visualizar a escala pequen\u0303a porque puede que el espacio no permita ubicar ma\u0301s de una palabras por li\u0301nea. Adema\u0301s, un taman\u0303o relativo impide que el disen\u0303ador sepa exactamente donde se cortara\u0301 una li\u0301nea o frase que quiera conservar en un mismo renglo\u0301n.<\/p>\n<p>Una forma de solucionar esto es utilizar varias tablas en el disen\u0303o y otorgarles valores relativos a unas y absoluto a otras, especialmente en aquellas cuyas a\u0301reas son ma\u0301s reducidas. El aspecto negativo de esta estrategia para utilizar tablas es que el disen\u0303o puede tornarse demasiado complejo y difi\u0301cil de manejar.<\/p>\n<h3>plantillas paginas web gratis<\/h3>\n<p>Holzschlag (2001) indica sen\u0303ala cuatro puntos a tener en cuenta en el disen\u0303o con tablas:<\/p>\n<ul>\n<li>? \u00a0Alinearlas verticalmente y no horizontalmente. \u201cLa gente que lee y escribe un idioma horizontalmente tiende a organizar la informacio\u0301n visual tambie\u0301n horizontalmente, lo que puede ser perfecto para el flujo de contenido, pero no tanto para estructurar una pa\u0301gina\u201d (Holzschlag. 2001: 20). Las columnas verticales son las que controlan en mayor medida la estructura y presentacio\u0301n de una pa\u0301gina Web.<\/li>\n<li>? \u00a0Evitar huecos entre ima\u0301genes ensambladas. Para evitar cargar ima\u0301genes de gran taman\u0303o una a estrategia utilizada es fraccionarlas en varias partes y unirlas luego en una tabla. Esta tarea requiere prestar atencio\u0301n a varios aspectos: a) medir y cortar las ima\u0301genes con precisio\u0301n para evitar desajustes de taman\u0303o al unirlas; b) indicar el taman\u0303o de la tabla, ya sea en forma absoluta o relativa; c) colocar \u201c0\u201d en las opciones de relleno y espacio entre celdas; d) sen\u0303alar en la celda su ancho en forma absoluta; y e) utilizar las opciones de alineacio\u0301n de cada celda.<\/li>\n<li>? \u00a0Anidar y apilar. Anidar consiste en colocar tablas unas dentro de otras.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page\" title=\"Page 66\">\n<div class=\"layoutArea\"><\/div>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>Apilar es colocar una tabla encima de otra. Ambas opciones permiten lograr disen\u0303os complejos y manejar elementos como gra\u0301ficos y textos de una manera muy precisa. Holzschlag (2001) recomienda no abusar de estas estrategias porque requieren muchas li\u0301neas de co\u0301digo HTML y aumenta el taman\u0303o del archivo. Adema\u0301s, el disen\u0303ador puede desorientarse fa\u0301cilmente con lo cual el proceso de disen\u0303o se vuelve ma\u0301s lento y poco claro para otros disen\u0303adores que deban modificar la pa\u0301gina.<\/p>\n<p>? Utilizar funciones de HTML versio\u0301n 4. Esta versio\u0301n del lenguaje incluye una serie de elementos para aumentar la accesibilidad y mejorar el resultado final de las pa\u0301ginas. Algunas de estas funciones son: a) an\u0303adir una cabecera a la tabla, para sen\u0303alar su contenido y permitir que los sistemas de voz para discapacitados visuales puedan conocer la informacio\u0301n que hay dentro; b) agrupar columnas, lo cual permite producir un co\u0301digo ma\u0301s \u201climpio\u201d; y c) utilizar las opciones de alineacio\u0301n vertical y horizontal para filas y columnas.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>Desarrollo web Oaxaca<\/strong><\/p>\n<p>#Desarrolloweb<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Desarrollo web Oaxaca Desarrollo web Oaxaca Tablas Una de las particularidades del disen\u0303o Web es que el disen\u0303ador desconoce co\u0301mo sera\u0301 visualizado su producto. Adema\u0301s de la posibilidad que tienen los usuarios de configurar su navegador, se suma el hecho que una misma pa\u0301gina puede ser visualizada por diferentes dispositivos y taman\u0303os de pantalla. Hasta &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"ast-button\" href=\"https:\/\/marketingweb.com.mx\/blog\/desarrollo-web-oaxaca\/\"> <span class=\"screen-reader-text\">Desarrollo web Oaxaca<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":18,"featured_media":2716,"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":[299,330,68,533,46,50],"class_list":["post-3881","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-agencia-de-diseno-web-df","tag-agencia-de-diseno-web-guadalajara","tag-desarrollo-web","tag-desarrollo-web-oaxaca","tag-diseno-web","tag-marketing-web"],"_links":{"self":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/3881","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=3881"}],"version-history":[{"count":0,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/3881\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media\/2716"}],"wp:attachment":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=3881"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=3881"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=3881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}