Diseño Web

Diseño Web
El diseño web es un área enfocada en el desarrollo de interfaces digitales, como el

diseño de sitios y aplicaciones para web. Para ello, los diseñadores web crean las
páginas utilizando lenguajes de marcado como HTML.
¿Alguna vez has estado navegando en un sitio web, pero pensaste en irte porque
el diseño no le atrajo, como la tipografía y la forma en que se distribuyó el
contenido?
¿Y qué pasa con los sitios web lentos que no se cargan en tu teléfono o tablet
justo cuando más necesita acceder rápidamente al contenido?
Todo esto hace que la experiencia de los visitantes a un sitio sea muy mala y la
consecuencia de esto es la disminución de la conversión en de estos visitantes a
clientes. Para que no suceda con el sitio web de tu empresa, debes tener un
diseño web de calidad.
Y para entender este concepto, las ventajas de invertir en el diseño de un sitio web
y cómo identificar el perfil de un buen diseñador web, ¡sigue leyendo este post
hasta el final!
Procesamiento de Información por Medios digitales

¿Qué es el diseño web?
El diseño web implica trabajo relacionado con el layout y diseño de páginas online,
así como la producción de contenido, aunque generalmente se aplica a la creación
de sitios web.
En este caso, los diseñadores web crean las páginas utilizando lenguajes de
marcado como HTML o XML.
Por otro lado, la parte visual de los sitios está a cargo del CSS, término utilizado
para estilizar los elementos escritos en HTML.
Por lo tanto, es común que los diseñadores web utilicen ambos para construir un
site porque juntos definirán cómo aparecerán las páginas en los navegadores.
El proceso de creación de sitios se puede realizar desde herramientas como

Adobe Dreamweaver (que requerirá que el profesional sepa más sobre los
códigos) y CMS que son plataformas de administración de contenido.

Qué es Hipertexto:
El hipertexto es un concepto asociado a la informática. Hace referencia al sistema
que permite enlazar fragmentos de textos entre sí, lo que permite al usuario
acceder a la información a través de los ítems relacionados en vez de hacerlo de
forma secuencial.
El concepto de hipertexto fue creado en la década de los 60 por el filósofo y

sociólogo estadounidense Theodor Holm Nelson para designar la nueva lectura no
lineal e interactiva que surgió con la informática y la aparición del internet.
Para llevar a cabo el proceso de hipertexto, la World Wide Web (www) utilizó el
protocolo HTTP, acrónimo de Hyper Text Transfer Protocol que en español
significa Protocolo de Transferencia de Hipertexto, que consiste en un protocolo
de comunicación entre sistemas de información que permite la transferencia de
dados entre redes de computadores para enlazar páginas HTML o páginas web y
archivos multimedia.
hipertexto
Ejemplo de hipertexto. Cada enlace lleva a otra página, lo que interrumpe la
linealidad de la lectura.
En este sentido, podemos observar una gran diferencia en la lectura con respecto
a los libros impresos, ya que en ellos la lectura se realiza en forma secuencial
desde el principio hasta el final, y en el caso de los hipertextos, los usuarios

pueden realizarla en forma no lineal, es decir, pueden visualizar la información sin
una secuencia sino siguiendo sus intereses en su búsqueda o concepto.
A partir de la aparición de computadores, los textos adquirieron una nueva

dinámica interactiva de acuerdo con la rapidez de las informaciones que
actualmente se reciben, siendo ventajosa para el área de la educación por facilitar
la comprensión y presentar un tipo de narrativa dinámica e interactiva.
Un ejemplo notorio de hipertexto son los artículos de internet, que en el cuerpo de

texto presentan diversos links o enlaces de hipertexto en las palabras o en los
temas que estén relacionados con el tema principal o en desarrollo, lo que permite
al lector tener una lectura más activa y escogiendo la información que prefiere
acceder. También podemos mencionar, diccionarios, enciclopedias, entre otros.
HTML
HTML (Lenguaje de marcado de hipertexto) es el más básico componente de la
Web. Define el significado y la estructura del contenido web. Además de HTML, se
utilizan otras tecnologías generalmente para describir la apariencia/presentación
de una página web (CSS) o la funcionalidad/comportamiento (JavaScript.
"Hipertexto" se refiere a enlaces que conectan páginas web entre sí, ya sea dentro
de un único sitio web o entre sitios web. Los enlaces son un aspecto fundamental

de la Web. Al cargar contenido en Internet y vincularlo a páginas creadas por otras
personas, te conviertes en un participante activo en la «World Wide Web».
Un elemento HTML se distingue de otro texto en un documento mediante
"etiquetas", que consisten en el nombre del elemento rodeadas por "<" y ">". El
nombre de un elemento dentro de una etiqueta no distingue entre mayúsculas y
minúsculas. Es decir, se puede escribir en mayúsculas, minúsculas o una mezcla.
Por ejemplo, la etiqueta <title> se puede escribir como <Title>, <TITLE> o de
cualquier otra forma.
Programas para el diseño Web
Adobe Dreamweaver
A día de hoy es una de las mejores opciones
por las que puedes apostar. Es un programa
de diseño web muy potente, a través del cual
podrás hacer muchas cosas
sin complicarte demasiado la vida. De aquí
que sea uno de los programas más usados.
Es un programa a través del cual podrás
crear diseños realmente bonitos
y adaptativos, es decir, funcionarán sin
problemas en los ordenadores, como en
las tablets o en los móviles. A esto hay que
sumar un programa de actualizaciones
continuo, a través del cual te garantizarás
poder tener las últimas novedades, las
cuales podrás añadir fácilmente a tu web.

Google Sites
Este programa del gran buscador es la
evolución del conocido
programa Jotspot. Es verdad que el
programa ya no parece ni su sombra,
pero me pareció importante
destacarlo.
Es una opción interesante si buscas
un programa gratuito de diseño web.
Con este programa podrás elaborar
tus páginas web, a la vez que debes
saber que se integra muy bien con
otros servicios que ofrece Google de
manera gratuita. Es muy fácil de
diseñar y cuenta con un apartado
especial para que puedas
añadir Google Adsense y añadir
publicidad para ganar dinero.
Kompozer
Hacer páginas web escribiendo el código
HTML resulta complejo y laborioso cuando
queremos utilizar tablas, elementos
animados o cualquier otro elemento de
diseño. Si a esto le añadimos la inclusión de
hojas de estilos CSS o los lenguajes PHP o
ASP, la labor se convierte en una cuestión
de expertos.
Para facilitar el diseño de páginas web se

usan herramientas que nos permiten usar las
ventajas de una interfaz GUI (interfaz
gráfica) que permite insertar elementos
fácilmente y después lo "traduce" a código
HTML. Son las herramientas WYSIWYG.
Seguro que te suenan programas como FrontPage (de Microsoft Office) o
Dreamweaver (de Macromedia). El mercado del software libre también nos ofrece
posibilidades. El más sencillo es el editor NVU.
En este tema vas a utilizar Kompozer, herramienta que destaca por su sencillez y
capacidad.

Características de una página web:
La página web además es un producto complejo, formado por diferentes obras

que se conjugan en la presentación a través del navegador:
Código HTML, es una obra de carácter escrito que recopila comandos en lenguaje
comprensible por los navegadores world wide web para poder ordenar todos los
demás elementos.
Bases de datos: obras intelectuales que organizan información
Los textos
Las imágenes
El diseño de la web, es decir su organización y apariencia externa visible.
Todos estos elementos se conjugan en un producto único, aunque puedan ser de
diferentes autores. Así, el fotógrafo no tiene por qué haber diseñado la apariencia
de la web, ni el redactor de los textos tiene porqué conocer las bases de datos, ni
el programador tiene necesidad de haber realizado el diseño que puede venir
ofrecido de antemano.
Sin embargo, el titular de la web dispondrá de un derecho de uso (al menos) de
todos los elementos utilizados en la creación de la web.

administrador de sitio web
En casi todas las organizaciones, los administradores de sitio web sirven como
conectores del día moderno en todos los oficios. Se espera que posea los
conocimientos suficientes para dirigir a un equipo de expertos en la creación y
mantenimiento de un sitio web. Su función requiere creatividad, conocimientos
técnicos y multimedia.
Jefe de proyecto
Esta es la función principal de un administrador de sitio web, la cual involucra la
responsabilidad total de la planificación y ejecución de proyectos de desarrollo
web. Debido al enfoque de los proyectos que se realizarán, se espera que un jefe
de proyecto tenga un amplio conocimiento técnico. Dado que se espera que un
jefe de proyecto dirija a las personas, el tiempo y los recursos, es de gran
importancia que sea capaz de hacer malabares con las tres tareas al mismo
tiempo para el éxito de cualquier proyecto. Por lo tanto, las funciones del jefe de
proyectos requieren de personas con habilidades que vayan más allá de lo técnico
y que incluya habilidades interpersonales, de análisis y administrativas.
Director técnico
El administrador de sitio web toma la función de los desarrolladores de las
aplicaciones de alto nivel o del ingeniero de software senior, quien supervisa la
arquitectura subyacente de cualquier proyecto de desarrollo de software. El
director técnico también es responsable de liderar los demás ingenieros de
software y actúa como un mentor para el equipo de desarrollo.

Jefe creativo
Esta función consiste en tomar la iniciativa en diseño multimedia y gráfico en el
proyecto de desarrollo de software o desarrollo web. También se llama diseñador
jefe o a cargo, y es responsable de la visión, diseño y dirección del proyecto o
producto. Un jefe creativo se espera igualmente que posea algunos conocimientos
técnicos referentes a la publicidad, mercadeo o un campo como el desarrollo de
videojuegos antes de tomar este papel.
Analista de sistemas
Esta función incluye el análisis de los requisitos de software, definición de
parámetros y especificaciones de desarrollo de programas, pruebas y control de
los productos y orientar al equipo de documentación de software. Debido a su
frecuente interacción con los clientes para asegurar los proyectos se encuentran
alineados con los requisitos del cliente, también se espera que tenga buenas
habilidades de comunicación y capacidad de articular las visiones de forma clara,
así como de pensar y conceptualizar de una manera creativa.

Diseño Web

Cargado por

Copyright:

Formatos disponibles

Diseño Web

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Diseño Web

Cargado por

Copyright:

Formatos disponibles

Diseño Web

El diseño web es un área enfocada en el desarrollo de interfaces digitales, como el

Procesamiento de Información por Medios digitales

El proceso de creación de sitios se puede realizar desde herramientas como

Procesamiento de Información por Medios digitales

El concepto de hipertexto fue creado en la década de los 60 por el filósofo y

Procesamiento de Información por Medios digitales

A partir de la aparición de computadores, los textos adquirieron una nueva

Un ejemplo notorio de hipertexto son los artículos de internet, que en el cuerpo de

Procesamiento de Información por Medios digitales

Procesamiento de Información por Medios digitales

Para facilitar el diseño de páginas web se

Procesamiento de Información por Medios digitales

La página web además es un producto complejo, formado por diferentes obras

Procesamiento de Información por Medios digitales

Procesamiento de Información por Medios digitales

Procesamiento de Información por Medios digitales

También podría gustarte