{"id":3444,"date":"2017-07-26T21:46:26","date_gmt":"2017-07-26T21:46:26","guid":{"rendered":"http:\/\/disenoweb.mx\/?p=3444"},"modified":"2017-07-26T21:46:26","modified_gmt":"2017-07-26T21:46:26","slug":"diseno-web-guadalajara","status":"publish","type":"post","link":"https:\/\/disenoweb.mx\/blog\/diseno-web-guadalajara\/","title":{"rendered":"Dise\u00f1o Web Guadalajara"},"content":{"rendered":"\n

Dise\u00f1o Web Guadalajara.<\/a><\/h1>\n

\"dise\u00f1o<\/p>\n

Elaboraci\u00f3n del boceto para tu p\u00e1gina web:<\/p>\n

Con la estructura de navegaci\u00f3n definida y las decisiones m\u00e1s importantes respecto al dise\u00f1o ya<\/strong> definidas desarrollo web<\/strong> es importante elaborar un boceto previo de como ser\u00e1\u0301 una p\u00e1gina est\u00e1ndar del sitio\u00a0 dise\u00f1o web Lynch y Norton (2000) se\u00f1alan la importancia de realizar varios bocetos explorando distintas alternativas de dise\u00f1o gr\u00e1fico\u00a0 dise\u00f1o web<\/strong> En el mismo sentido desarrollo web Ferna\u0301ndez-Coca (1998) anota que deben probarse varios bocetos y observar los resultados obtenidos\u00a0 dise\u00f1o web<\/p>\n

La confecci\u00f3n de un boceto debe considerar una serie de aspectos t\u00e9cnicos como el equipamiento de hardware y software que posee el usuario tipo al que va dirigido el sitio\u00a0 dise\u00f1o web<\/strong> En cuando al hardware desarrollo web el aspecto m\u00e1s importante a considerar es la velocidad de conexi\u00f3n del usuario al Internet\u00a0 dise\u00f1o web La descarga de informaci\u00f3n var\u00eda considerablemente si el usuario tiene una conexi\u00f3n telef\u00f3nica est\u00e1ndar desarrollo web a trav\u00e9s de<\/p>\n

35<\/p>\n

EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIO\u0301N en RED CAPI\u0301TULO I<\/p>\n

ADSL5 desarrollo web o si accede desde una Intranet con fibra \u00f3ptica\u00a0 dise\u00f1o web<\/p>\n

Respecto del software desarrollo web la informaci\u00f3n m\u00e1s importante a saber es que\u0301 navegadores y que versiones de ellos emplea la mayor\u00eda del p\u00fablico\u00a0 dise\u00f1o web Este aspecto de suma importancia ya que un mismo documento Web puede ser visualizado de forma diferente de acuerdo con el programa que se utilice para su visualizaci\u00f3n desarrollo web y permite que el constructor del sitio elimine aquellas caracter\u00edsticas de programaci\u00f3n que pueden resultar incompatibles con un navegador en particular\u00a0 dise\u00f1o web Adem\u00e1s desarrollo web si se presenta contenido que requiere de alg\u00fan programa extra al navegador para ser visualizado \u2013como puede ser utilizar tecnolog\u00eda Real Media para transmitir videos en tiempo real desarrollo web el plugo-in Macromedia Flash para animaciones o Socave para contenido interactivo- es necesario saber si la mayor\u00eda de los usuarios cuenta con estos recursos\u00a0 dise\u00f1o web<\/strong><\/p>\n

Dise\u00f1o Web Guadalajara.<\/a><\/h2>\n

Con estas consideraciones desarrollo web el dise\u00f1o del boceto debe permitir \u201cver\u201d como funciona cada una de las elecciones de navegaci\u00f3n y dise\u00f1o que se han adoptado previamente\u00a0 dise\u00f1o web Ferna\u0301ndez-Coca (1998) sen\u0303ala que un boceto debe incluir aquellos elementos que contendra\u0301 el sitio una vez acabado como: a) diagramacio\u0301n del texto dise\u00f1o p\u00e1ginas web<\/strong><\/p>\n

    \n
  1. b) colores de fondo dise\u00f1o p\u00e1ginas web<\/li>\n
  2. c) gra\u0301ficos no animados dise\u00f1o p\u00e1ginas web<\/li>\n
  3. d) gra\u0301ficos animados dise\u00f1o p\u00e1ginas web<\/li>\n
  4. e) videos dise\u00f1o p\u00e1ginas web<\/li>\n
  5. f) mu\u0301sica dise\u00f1o p\u00e1ginas web<\/li>\n
  6. g) uso de Shockwave desarrollo web Java u otros co\u0301digos de programaci\u00f3n dise\u00f1o p\u00e1ginas web<\/li>\n<\/ol>\n

    y h) efectos de refresco de pantalla o refresh\u00a0 dise\u00f1o web<\/p>\n

    De acuerdo con el objetivo del sitio y su pu\u0301blico desarrollo web<\/strong> el tiempo disponible y el intere\u0301s de la institucio\u0301n que elabora el sitio desarrollo web el boceto puede ser evaluado por el propio equipo de dise\u00f1o desarrollo web o puede incluir una prueba beta entre una muestra de posibles futuros usuarios del mismo\u00a0 dise\u00f1o web<\/p>\n

    5 Asyncronic Digital System Line es un sistema de modulacio\u0301n de la sen\u0303al telefo\u0301nica que permite multiplicar hasta diez veces la velocidad respecto a una conexio\u0301n telefo\u0301nica convencional\u00a0 dise\u00f1o web<\/p>\n

    \u00a0<\/p>\n

    Dise\u00f1o Web Guadalajara.<\/a><\/h3>\n

    EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIO\u0301N en RED CAPI\u0301TULO I<\/p>\n

    3\u00a0 dise\u00f1o web3\u00a0 dise\u00f1o web4 Correccio\u0301n final de boceto y plan de trabajo<\/p>\n

    De acuerdo con los resultados obtenidos de las pruebas realizadas con el boceto puede ser o no necesaria una correccio\u0301n y modificacio\u0301n de algunos elementos gra\u0301ficos o la reorganizacio\u0301n del esquema de navegaci\u00f3n\u00a0 dise\u00f1o web<\/p>\n

    Una vez que el boceto final esta\u0301 concluido desarrollo web Ferna\u0301ndez-Coca (1998) recomienda elaborar un meticuloso plan de trabajo para organizar la fase de construccio\u0301n del sitio\u00a0 dise\u00f1o web Algunos elementos a considerar en la elaboracio\u0301n del plan de trabajo son: a) elaboracio\u0301n del guio\u0301n de las pa\u0301ginas dise\u00f1o p\u00e1ginas web<\/p>\n

      \n
    1. b) control de los contenidos dise\u00f1o p\u00e1ginas web<\/strong>\n<\/li>\n
    2. c) control de los enlaces dise\u00f1o p\u00e1ginas web<\/strong>\n<\/li>\n
    3. d) adecuacio\u0301n del dise\u00f1o gra\u0301fico a las pautas establecidas dise\u00f1o p\u00e1ginas web<\/strong>\n<\/li>\n
    4. e) creacio\u0301n de i\u0301conos dise\u00f1o p\u00e1ginas web<\/strong>\n<\/li>\n
    5. f) recoleccio\u0301n y edicio\u0301n de ima\u0301genes desarrollo web videos y sonidos\u00a0 dise\u00f1o web<\/li>\n<\/ol>\n

      La organizacio\u0301n m\u00e1s utilizada para el plan de trabajo consiste en un cuadro de doble entrada desarrollo web sobre cuyo eje horizontal se muestra una escala de tiempo y en forma vertical se detallan las diferentes tareas a realizar (figura 1\u00a0 dise\u00f1o web<\/strong> 6)<\/p>\n

      Desde nuestra o\u0301ptica desarrollo web el mayor o menor detalle del plan de trabajo debe considerar la envergadura del sitio Web a desarrollar\u00a0 dise\u00f1o web Por otra parte desarrollo web frecuentemente no es posible organizar la tarea de forma tan eficiente porque se incorporan informaciones de u\u0301ltimo momento o hay modificaciones sobre la marcha\u00a0 dise\u00f1o web Al igual<\/p>\n

      Figura 1\u00a0 dise\u00f1o web<\/strong><\/p>\n

      Organizacio\u0301n del plan de trabajo<\/p>\n

      37<\/p>\n

      EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIO\u0301N en RED CAPI\u0301TULO I<\/p>\n

      que con el modelo para el desarrollo de sitios Web que estamos presentando desarrollo web el plan de trabajo debe tener por objetivo trazar los ejes principales para organizar las diferentes tareas a realizar y no ser un marco restrictivo que imponga reglas fijas al proceso de creacio\u0301n\u00a0 dise\u00f1o web<\/p>\n

      3\u00a0 dise\u00f1o web4 Disen\u0303o del sitio<\/p>\n

      \u201cEl dise\u00f1o gra\u0301fico es ba\u0301sicamente la gestio\u0301n visual de informacio\u0301n utilizando herramientas como la composicio\u0301n desarrollo web la tipografi\u0301a y la ilustracio\u0301n desarrollo web para guiar el ojo del lector a trave\u0301s de la p\u00e1gina\u201d (Lynch y Horton desarrollo web 2000dise\u00f1o p\u00e1ginas web<\/p>\n

      53)\u00a0 dise\u00f1o web Disen\u0303ar desarrollo web podemos decir desarrollo web es organizar la informacio\u0301n utilizando elementos gra\u0301ficos de acuerdo con una serie de principios que faciliten la lectura y ayuden a transmitir una idea o concepto determinado\u00a0 dise\u00f1o web \u201cDisen\u0303o gra\u0301fico es comunicacio\u0301n visual\u00a0 dise\u00f1o web A trave\u0301s de gra\u0301ficos desarrollo web textos y formas se expresan ideas\u201d (Ferna\u0301ndez-Coca desarrollo web 1998: 143)\u00a0 dise\u00f1o web<\/p>\n

      En general desarrollo web muchos de los principios aplicados al dise\u00f1o provienen de la psicologi\u0301a de la percepcio\u0301n a trave\u0301s del estudio sobre como el ojo humano recoge informacio\u0301n y e\u0301sta es organizada e interpretada en el cerebro\u00a0 dise\u00f1o web Atributos tales como la forma y el color de un objeto desarrollo web su ubicacio\u0301n desarrollo web proximidad o semejanza con otros configuran determinadas sensaciones y efectos sobre la percepcio\u0301n humana\u00a0 dise\u00f1o web \u201cNuestro mundo fenome\u0301nico desarrollo web constituido por los objetos y por los hechos que vivimos como presentes alrededor nuestro no es una copia directa del ambiente fi\u0301sico sino el resultado de una serie de mediaciones\u201d (Kanizsa desarrollo web 1986: 20)\u00a0 dise\u00f1o web guadalajara<\/strong><\/p>\n

      No vamos a abundar demasiado en esta tema\u0301tica ya que existe una extensa serie de trabajos que explican algunos feno\u0301menos de la percepcio\u0301n visual y su aplicacio\u0301n en el dise\u00f1o gra\u0301fico\u00a0 dise\u00f1o web Rescatamos en este sentido las afirmaciones de Lynch y Horton (2000) respecto de que la mayor parte de los principios del dise\u00f1o en papel se pueden aplicar a la Web desarrollo web aunque muchos deben ser adaptados a las caracteri\u0301sticas te\u0301cnicas de este medio\u00a0 dise\u00f1o web<\/strong><\/p>\n

      \u201cNo debemos considerar el desarrollo gra\u0301fico como un mero adorno desarrollo web ya 38<\/p>\n

      EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIO\u0301N en RED CAPI\u0301TULO I<\/p>\n

      que sus funciones [\u00a0 dise\u00f1o web\u00a0 dise\u00f1o web<\/strong>\u00a0 dise\u00f1o web] van mucho m\u00e1s alla\u0301 de la mera percepcio\u0301n este\u0301tica\u201d (Sueiro y Blanco desarrollo web 2001: 16)\u00a0 dise\u00f1o web Jerarqui\u0301a visual desarrollo web consistencia en los contenidos y una adecuada composicio\u0301n de la p\u00e1gina son algunos de los elementos a tener en cuenta en el dise\u00f1o\u00a0 dise\u00f1o web Como venimos repitiendo a lo largo de la exposicio\u0301n de este modelo para desarrollo de sitios Web desarrollo web es necesario pensar el dise\u00f1o en funcio\u0301n de los objetivos y el pu\u0301blico del sitio desarrollo web y no disen\u0303ar en funcio\u0301n de un gusto y una este\u0301tica personal aunque su influencia en el producto final es innegable\u00a0 dise\u00f1o web En nuestra opinio\u0301n desarrollo web el verdadero desafi\u0301o del disen\u0303ador Web no consiste en superarse creando pa\u0301ginas cada vez m\u00e1s complejas e incorporar las u\u0301ltimas tecnologi\u0301as a sus disen\u0303os desarrollo web sino ser capaz de interpretar las necesidades del sitio y la demanda de su pu\u0301blico a trave\u0301s de un dise\u00f1o que convierta la navegaci\u00f3n en una experiencia agradable\u00a0 dise\u00f1o web guadalajara<\/strong><\/p>\n

      Una vez determinados los lineamientos que trazara\u0301n el estilo gra\u0301fico del sitio desarrollo web es necesario trasladar estas ideas al dise\u00f1o concreto de cada p\u00e1gina\u00a0 dise\u00f1o web<\/p>\n

      A los fines de organizar la exposicio\u0301n sobre los aspectos del dise\u00f1o que creemos necesario considerar en las pa\u0301ginas Web desarrollo web tomamos las enumeracio\u0301n de los elementos ba\u0301sicos que definen el estilo de un sitio Web propuesta por Ferna\u0301ndez- Coca (1998)\u00a0 dise\u00f1o web<\/p>\n

      3\u00a0 dise\u00f1o web4\u00a0 dise\u00f1o web1 Estructura de los documentos<\/p>\n

      La estructura de los documentos se refiere \u2013en general- a la confeccio\u0301n de cada p\u00e1gina del sitio siguiendo los lineamientos trazados en la estructura de navegaci\u00f3n\u00a0 dise\u00f1o web Ferna\u0301ndez-Coca (1998) sen\u0303ala una serie de errores frecuentes al estructurar los documentos:<\/p>\n

      ? Error en el ti\u0301tulo de la p\u00e1gina\u00a0 dise\u00f1o web Ya sea por su ausencia o poca claridad desarrollo web<\/strong> una mala titulacio\u0301n de la p\u00e1gina no es un error menor\u00a0 dise\u00f1o web Es la primera informacio\u0301n que visualiza el usuario al cargar la p\u00e1gina desarrollo web y si se almacena en la lista de favoritos o bookmarks es el texto que establece por defecto el navegador\u00a0 dise\u00f1o web<\/p>\n

      autor:\u00a0disenoweb.mx<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

      Dise\u00f1o Web Guadalajara. Elaboraci\u00f3n del boceto para tu p\u00e1gina web: Con la estructura de navegaci\u00f3n definida y las decisiones m\u00e1s importantes respecto al dise\u00f1o ya definidas desarrollo web es importante elaborar un boceto previo de como ser\u00e1\u0301 una p\u00e1gina est\u00e1ndar del sitio\u00a0 dise\u00f1o web Lynch y Norton (2000) se\u00f1alan la importancia de realizar varios bocetos …<\/p>\n

      Dise\u00f1o Web Guadalajara<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":149,"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":[1189,55],"tags":[68,48,46,143,47],"class_list":["post-3444","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","category-diseno-web","tag-desarrollo-web","tag-diseno-de-pagina-web","tag-diseno-web","tag-diseno-web-df","tag-diseno-web-guadalajara"],"_links":{"self":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/3444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/comments?post=3444"}],"version-history":[{"count":0,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/3444\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/media?parent=3444"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/categories?post=3444"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/tags?post=3444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}