Diferencia entre revisiones de «Diseño web»
Contenido eliminado Contenido añadido
m Revertidos los cambios de 190.248.128.106 a la última edición de Diegusjaimes |
|||
Línea 18:
Para el diseño de páginas web debemos tener en cuenta tres etapas:
* La primera es el diseño visual de la información que se desea editar. En esta etapa se trabaja distribuyendo el texto, los gráficos, los [[vínculo]]s a otros documentos y otros objetos [[multimedia]] que se consideren pertinentes. Es importante que antes de trabajar sobre el computador se realice un bosquejo o prediseño sobre el papel. Esto facilitará tener un orden claro sobre el diseño.
* La segunda, una vez que se tiene este boceto se pasa a 'escribir' la página web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de [[hipertexto]] o HTML. Los enlaces que aparecen subrayados en este documento y otros de [[Wikipedia]] son ejemplos de hipertexto, puesto que al pulsar sobre ellos conducen a otras páginas con información relacionada.
* La tercera, etapa consiste en el [[posicionamiento en buscadores]] o [[Posicionamiento en buscadores|SEO]]. Ésta consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en determinada búsqueda. Etapa no gustosa por los diseñadores gráficos, por que a diferencia del texto, aún para el año 2009 no se pueden tener nuevos resultados en los buscadores con sitios muy gráficos.
El [[HTML]] consta de una serie de elementos que estructuran el texto y son presentados en forma de hipertexto por [[agentes de usuario|agente de usuario]] o [[navegador]]es. Esto se puede hacer con un simple [[editor de texto]]s (debe guardarse como [[texto plano]], sin ningún tipo de formato y con extensión <code>.html</code> o <code>.htm</code>). Aprender HTML es relativamente fácil, así que es sencillo crear páginas web de este modo. Esta era la única manera de generarlas hasta que aparecieron, a mediados de [[1996]], algunos editores visuales de HTML, como ''[[FrontPage|MS FrontPage]]'' y ''[[Dreamweaver|Adobe Dreamweaver]]''. Con estas herramientas no es necesario aprender HTML (aunque sí aconsejable), con lo cual el desarrollador se concentra en lo más importante, el diseño del documento.
Todo esto teniendo en cuenta el nivel de programación en el diseño de las aplicaciones y del impacto visual que se quiere generar en el usuario.
=== Fundamentos ===
| |||