{"id":3876,"date":"2017-07-05T16:11:56","date_gmt":"2017-07-05T16:11:56","guid":{"rendered":"https:\/\/marketingweb.com.mx\/blog\/?p=3876"},"modified":"2017-07-05T16:20:02","modified_gmt":"2017-07-05T16:20:02","slug":"desarrollo-web-guerrero","status":"publish","type":"post","link":"https:\/\/marketingweb.com.mx\/blog\/desarrollo-web-guerrero\/","title":{"rendered":"Desarrollo web Guerrero"},"content":{"rendered":"<h1>Desarrollo web Guerrero<\/h1>\n<figure id=\"attachment_3232\" aria-describedby=\"caption-attachment-3232\" style=\"width: 300px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/uploads\/j.png\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-medium wp-image-3232\" src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/uploads\/j-300x192.png\" alt=\"Desarrollo web Guerrero \" width=\"300\" height=\"192\" srcset=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/uploads\/j-300x192.png 300w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/uploads\/j.png 625w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-3232\" class=\"wp-caption-text\"><em>Desarrollo web Guerrero<\/em><\/figcaption><\/figure>\n<h3><a href=\"https:\/\/marketingweb.com.mx\/diseno-web.html\">Desarrollo web Guerrero\u00a0<\/a><\/h3>\n<div class=\"page\" title=\"Page 56\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>Texto e hipertexto<\/p>\n<p>En la mayori\u0301a de los sitios Web informativos el texto constituye el principal soporte y es uno de los elementos al que se le dedica mayor espacio. En nuestra opinio\u0301n, la redaccio\u0301n y el disen\u0303o del texto para la Web es uno de los aspectos que<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page\" title=\"Page 57\">\n<div class=\"layoutArea\"><\/div>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>mayor diferencia posee respecto al disen\u0303o en papel.<\/p>\n<p>Lynch y Horton (2000) sen\u0303alan que las fuentes de libros y revistan se reproducen a una resolucio\u0301n de 1200 dpi, mientras que en el monitor no suele sobrepasar de los 85 dpi. Los autores tambie\u0301n indican diferencias respecto de la visio\u0301n global de la informacio\u0301n: mientras que la pa\u0301gina de un libro puede verse en su totalidad, las pantallas de los sitios Web muestran generalmente solo parte de la informacio\u0301n, siendo necesario desplazarse para visualizar el resto del contenido.<\/p>\n<p>Las estrategias de lecturas vari\u0301an segu\u0301n sean desarrolladas ante un texto impreso o en pantalla. Nielsen (2000) indica que en la Web es mucho ma\u0301s frecuente que las personas hojeen las pa\u0301ginas, es decir, miran ra\u0301pidamente los ti\u0301tulos, subti\u0301tulos, palabras coloreadas, ilustraciones o texto resaltado y el comienzo de algunos pa\u0301rrafos. El autor cita un estudio realizado por e\u0301l junto a John Morkes donde se establece que el 79% de los usuarios hojean el contenido de una pa\u0301gina Web nueva, y so\u0301lo un grupo reducido lee palabra por palabra. Algunas causas enumeradas por Nielsen (2000) son: a) leer en pantalla cansa ma\u0301s la vista y es un 25% ma\u0301s lento que en papel; b) la Web es un medio donde el usuario busca activamente informacio\u0301n, lo cual hace que descarte fa\u0301cilmente aquella informacio\u0301n que no le interesa; c) existen muchas pa\u0301ginas Web con la misma informacio\u0301n por lo cual si el usuario no encuentra ra\u0301pidamente lo que busca se dirige a otro sitio.<\/p>\n<p>Lynch y Horton (2000) sen\u0303alan otra caracteri\u0301stica del texto en la Web: su disen\u0303o se va construyendo mientras se descarga la informacio\u0301n. En un texto sobre papel donde el disen\u0303o es cerrado, esto es, que el lector no puede intervenir sobre e\u0301l. En la Web, el usuario puede configurar su navegador para que le muestre informacio\u0301n con determinada tipografi\u0301a, color y taman\u0303o.<\/p>\n<h3>publicidad en google<\/h3>\n<p>Otro aspecto que conviene considerar esta\u0301 relacionado con las limitaciones del lenguaje HTML. Como afirman Lynch y Horton (2000) este lenguaje fue desarrollando atendiendo a una lo\u0301gica estructural de la informacio\u0301n sin considerar la lo\u0301gica visual. El HTML presenta bastantes limitaciones para el manejo del texto:<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page\" title=\"Page 58\">\n<div class=\"layoutArea\"><\/div>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>no es posible justificar un pa\u0301rrafo, no permite incorporar sangri\u0301as, no admite distintos tipos de interlineado, no se puede controlar con precisio\u0301n el taman\u0303o de la tipografi\u0301a, y el nu\u0301mero de tipografi\u0301as disponibles para utilizar es muy reducido. Estas limitaciones han comenzado a superarse mediante la creacio\u0301n de Hojas de Estilo en Cascada (CSS, Cascading Style Sheets), un esta\u0301ndar que permite un mejor manejo de los elementos gra\u0301ficos de un documento Web. Las hojas de estilo deben utilizarse con cuidado porque no todos los navegadores interpretan de igual manera la misma informacio\u0301n.<\/p>\n<p>Estas particularidades de texto en la Web exigen estrategias especi\u0301ficas para su utilizacio\u0301n tanto en la redaccio\u0301n y tratamiento de la informacio\u0301n como en el disen\u0303o.<\/p>\n<p>Redaccio\u0301n de textos para documentos Web<\/p>\n<p>Nielsen (2000) sen\u0303ala tres directrices para escribir en la Web: a) ser sucinto, escribir la mitad del texto que se usari\u0301a si el documento fuera impreso; b) escribir para poder encontrar las cosas, para que los usuarios no deban leer extensos bloques de textos y hallen los puntos de su intere\u0301s con facilidad; c) utilizar hipertexto para dividir la informacio\u0301n extensa en mu\u0301ltiples pa\u0301ginas. Adema\u0301s de ello, Nielsen (2000) sugiere a los responsables de los sitios Web contratar editor Web que adapten el texto para ser lei\u0301do en Internet.<\/p>\n<p>Para facilitar la lectura en pantalla de un texto es recomendable utilizar pa\u0301rrafos cortos, emplear listas numeradas o vin\u0303etas para organizar la informacio\u0301n, agregar subti\u0301tulos para orientar al lector sobre el contenido de los pa\u0301rrafos. Nielsen (2000) considera importante estructurar los arti\u0301culos con dos o tres niveles de titular fa\u0301cilmente visibles, utilizar encabezados significativos, resaltar y hacer e\u0301nfasis en las palabras importantes para atraer la atencio\u0301n de los usuarios.<\/p>\n<p>Respecto de la estructura de los arti\u0301culos, Nielsen (2000) recomienda seguir<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page\" title=\"Page 59\">\n<div class=\"layoutArea\"><\/div>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>el modelo periodi\u0301stico de pira\u0301mide invertida: colocar la informacio\u0301n ma\u0301s importante o las conclusiones al comienzo, y luego ir agregando la informacio\u0301n secundaria. Con ello el usuario puede fa\u0301cilmente saber si el contenido de la pa\u0301gina sera\u0301 o no de su intere\u0301s.<\/p>\n<p>En la Web, la titulacio\u0301n asume caracteri\u0301sticas particulares por la especificidad del medio. La utilizacio\u0301n de motores de bu\u0301squeda \u2013por ejemplo- provoca que un titular pueda aparecer fa\u0301cilmente descontextualizado en la pa\u0301gina de resultados, por lo cual debe ser explicativo por si mismo y no requerir el apoyo de una ilustracio\u0301n, un subti\u0301tulo u otro elemento.<\/p>\n<p>Algunas propuestas de Nielsen (2000) para escribir titulares son: a) escribir utilizando un lenguaje claro y sin juego de palabras; b) evitar titulares \u201cseductores\u201d y en su lugar presentar claramente el tema del texto; c) la primera palabra deberi\u0301a ser la ma\u0301s importante para facilitar su hallazgo por parte de los motores de bu\u0301squeda, es aconsejable que esta palabra sea el concepto principal o un nombre propio.<\/p>\n<p>Diagramacio\u0301n de textos para la Web<\/p>\n<p>Como se sen\u0303alo\u0301 anteriormente, la diagramacio\u0301n de textos para la Web debe considerar dos aspectos fundamentales: las limitaciones te\u0301cnicas de la Web y la posibilidad de que el usuario establezca su propia configuracio\u0301n de tipografi\u0301a, taman\u0303os y colores.<\/p>\n<p>Lynch y Horton (2000) indican que un texto bien diagramado debe garantizar la legibilidad, para lo cual la informacio\u0301n se debe organiza en bloques claramente diferenciables y organizados para que puedan ser vistos como una unidad visual. Esto se logra trasladando al plano visual la lo\u0301gica estructural de un documento: reservar mayor espacio para los ti\u0301tulos, colocar el texto en un bloque uniforme manteniendo siempre la misma alineacio\u0301n.<\/p>\n<p>Sobre el largo de las li\u0301neas, Lynch y Horton (2000) sen\u0303alan que<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page\" title=\"Page 60\">\n<div class=\"layoutArea\"><\/div>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>frecuentemente los documentos Web tienen un ancho excesivo, lo cual hace ma\u0301s dificultosa la lectura. Los autores afirman que la distancia que el ojo puede abarcar correctamente es de unos ocho centi\u0301metros, por lo cual el largo de una li\u0301nea no debe sobrepasar demasiado a esta longitud. Ferna\u0301ndez-Coca (1998) agrega que es conveniente mantener una misma longitud de li\u0301nea en cada uno de los documentos.<\/p>\n<p>En cuanto a la utilizacio\u0301n de mayu\u0301sculas y minu\u0301sculas, tanto Nielsen (2000) como Ferna\u0301ndez-Coca (1998) y Lynch y Horton (2000) recomiendan evitar los textos en mayu\u0301sculas porque la velocidad de lectura se reduce entre un 10 y un 12%. Tambie\u0301n coinciden en respetar las reglas gramaticales de cada lengua, en el caso del castellano, colocando en mayu\u0301scula solamente el comienzo de la oracio\u0301n y los nombres propios. Lynch y Horton (2000) indican que utilizar mayu\u0301sculas en las iniciales de cada palabra \u2013Como En El Caso De Este Texto- interrumpe la visualizacio\u0301n de las palabras al obligar al ojo efectuar saltos verticales en el inicio de cada palabra.<\/p>\n<p>Aunque la sangri\u0301a no es un recurso que este disponible en el lenguaje HTML, se puede simularla a trave\u0301s de la incorporacio\u0301n de espacios invisibles en el inicio de cada pa\u0301rrafo mediante la etiqueta &lt;&amp;NBSP&gt;. La sangri\u0301a se utiliza para ofrece un espacio de descanso visual en textos largos. Otra recurso para lograr esto en la Web, es colocar el contenido del pa\u0301rrafo entre las etiquetas<\/p>\n<p>y<\/p>\n<p>para lograr que entre el final de uno y el comienzo de otro quede un espacio en blanco.<\/p>\n<p>Respecto a la eleccio\u0301n de tipografi\u0301as, el HTML permite especificar el tipo de letra a utilizar para visualizar los documentos. Sin embargo, es necesario que el usuario tenga instalada esa fuente en su sistema, en caso contrario, el texto se mostrara\u0301 con la tipografi\u0301a configurada por defecto, generalmente, Times New Roman. Esto obliga al disen\u0303ador a utilizar solamente un grupo reducido de fuentes y emplear las que habitualmente se instalan junto con el sistema operativo por defecto. Algunas de ellas son Times New Roman, Georgia, Verdana, Arial y Trebuchet en el sistema Windows, mientras que en Macintosh Helve\u0301tica remplaza<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page\" title=\"Page 61\">\n<div class=\"layoutArea\"><\/div>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>a Arial.<\/p>\n<p>La visualizacio\u0301n de las tipografi\u0301as es diferente en papel que en pantalla. Lynch y Horton (2000) sen\u0303alan que una fuente tradicional como Times New Roman es considerada como la ma\u0301s legible sobre el medio impreso. En pantalla, su taman\u0303o es demasiado pequen\u0303o y la forma de las letras muy irregular. Otras tipografi\u0301as como Georgia o Verdana \u2013afirman los autores- fueron especialmente disen\u0303adas para ser lei\u0301das en pantalla.<\/p>\n<p>Un estudio realizado por Aric Sigman en 2001, indica que las diferentes tipografi\u0301as tienen connotaciones emocionales y psicolo\u0301gicas, y pueden influir en el receptor del documento gra\u0301fico8. A trave\u0301s de consultas con disen\u0303adores de tipografi\u0301as, consultores de disen\u0303o gra\u0301fico, imprentas, editores de libros y usuario de procesadores de palabras, Sigman determino\u0301 cualidades de algunas tipografi\u0301as.<\/p>\n<ul>\n<li>? \u00a0Courier. Asociada con la mezquindad y lo anticuado. Suele ser utilizada por bibliotecarios y compan\u0303i\u0301as que procesan datos.<\/li>\n<li>? \u00a0Tipografi\u0301as con serif. Times, Times New Roman o Palatino conjuran confiabilidad. Georgia se asocia con lo moderno.<\/li>\n<li>? \u00a0Tipografi\u0301as sin serif. Arial, Modern y Universal reflejan una cualidad contempora\u0301nea. No llaman demasiado la atencio\u0301n y denotan cierto conservadurismo.<\/li>\n<li>? \u00a0Tipografi\u0301as decorativas. Comic Sans permite una mayor expresio\u0301n de cara\u0301cter y comunica familiaridad.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>Hipertexto<\/p>\n<p>8 Citado en Interlink Headline News, suplemento Nro. 2340 (www.ilhn.com)<\/p>\n<h3>precio pagina web<\/h3>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page\" title=\"Page 62\">\n<div class=\"layoutArea\"><\/div>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>El te\u0301rmino hipertexto fue acun\u0303ado por Theodor H. Nelson y hace referencia a \u201cuna escritura no lineal, a un texto que se bifurca, que permite que el lector elija y que se lea mejor en una pantalla interactiva. De acuerdo con la nocio\u0301n popular, se trata de una serie de bloques de texto conectados entre si\u0301 por nexos, que forman diferentes itinerarios para el usuario\u201d (Nelson, 1981 en Landow, 1995: 14)<\/p>\n<p>El hipertexto es uno de los principales elementos que componen un documento Web, permite conectar pa\u0301ginas con informacio\u0301n relacionada, y posibilita al usuario desplazarse a lo largo de un sitio y acceder a pa\u0301ginas de otros sitios. Como sen\u0303ala Berners-Lee (1999), el propio lenguaje en el cual se escriben los documentos que son publicados en la Web \u2013el HTML- es una simplificacio\u0301n del Standard General Markup Lenguaje (SGML), el lenguaje de programacio\u0301n utilizado por los desarrolladores de hipertexto.<\/p>\n<p>Algunos autores proponen establecer una diferenciacio\u0301n entre hipertexto e hipermedia, reservando el primer te\u0301rmino solo para textos compuestos por otros textos y conectados mediante nexos electro\u0301nicos, mientras que el segundo extiende esta nocio\u0301n a otro tipo de informacio\u0301n como gra\u0301ficos, sonidos, y animaciones, por ejemplo (Landow, 1995). Otros, como Landow (1995), utilizan el concepto de hipertexto en un sentido amplio para referirse a un medio informa\u0301tico que relaciona informacio\u0301n tanto verbal como no verbal.<\/p>\n<p>Es importante sen\u0303alar que cuando se habla de hipertexto no se esta\u0301 haciendo referencia u\u0301nicamente a un recurso te\u0301cnico, una herramienta al alcance del autor de un documento para la Web para enlazar informacio\u0301n. Como apunta Landow (1995), en la conceptualizacio\u0301n de nocio\u0301n de hipertexto convergen dos campos del saber que frecuentemente han avanzado sin conocer demasiado uno del otro: la teori\u0301a de la literatura y del hipertexto informa\u0301tico. Tanto unos como otros postulan que \u201cdeben abandonarse los actuales sistemas conceptuales basados en nociones como centro, margen, jerarqui\u0301a y linealidad y sustituirlos por otras como multilinealidad, nodos, nexos y redes. Casi todos los participantes en este cambio<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page\" title=\"Page 63\">\n<div class=\"layoutArea\"><\/div>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>de paradigma, que marca una revolucio\u0301n en el pensamiento, consideran la escritura electro\u0301nica como una reaccio\u0301n directa a las ventajas e inconvenientes del libro impreso\u201d (Landow, 1995: 14).<\/p>\n<div class=\"layoutArea\">\n<div class=\"column\">\n<h3>nombres de paginas web<\/h3>\n<\/div>\n<\/div>\n<div class=\"layoutArea\"><\/div>\n<p>El autor agrega que el hipertexto guarda una estrecha relacio\u0301n con postulados de las teori\u0301as literaria y semiolo\u0301gica, en especial, con Derrida en el descentrar y la concepcio\u0301n de Barthes de texto de lector frente al del escritor. Respecto del descentrar, el lector de un hipertexto puede seleccionar su propio centro de investigacio\u0301n y experiencia. El lector no esta\u0301 atrapado dentro de una estructura jera\u0301rquica u organizacio\u0301n (Landow, 1995). En relacio\u0301n con la distincio\u0301n que realiza Barthes entre texto de autor y lector, el hipertexto permite al lector mucho ma\u0301s que aceptar o rechazar un texto ya que puede seguir algunas de las conexiones sugeridas, volver al texto original, realizar anotaciones y adosarlas al escrito del autor, o buscar nuevas conexiones (Landow, 1995).<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>Desarrollo web Guerrero\u00a0<\/strong><\/p>\n<p>#desarrolloweb<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Desarrollo web Guerrero Desarrollo web Guerrero\u00a0 Texto e hipertexto En la mayori\u0301a de los sitios Web informativos el texto constituye el principal soporte y es uno de los elementos al que se le dedica mayor espacio. En nuestra opinio\u0301n, la redaccio\u0301n y el disen\u0303o del texto para la Web es uno de los aspectos que &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"ast-button\" href=\"https:\/\/marketingweb.com.mx\/blog\/desarrollo-web-guerrero\/\"> <span class=\"screen-reader-text\">Desarrollo web Guerrero<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":18,"featured_media":3232,"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,653,654,46,50],"class_list":["post-3876","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-guerrero","tag-desarrolo-web","tag-diseno-web","tag-marketing-web"],"_links":{"self":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/3876","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=3876"}],"version-history":[{"count":0,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/3876\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media\/3232"}],"wp:attachment":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=3876"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=3876"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=3876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}