lunes, 24 de abril de 2017

DISEÑA TÚ PÁGINA WEB

 vamos a elaborar nuestra página web personal,siendo opcional la elección de otra página como por ejemplo la de un negocio.
La técnica para desarrollar nuestra web, será mediante una aplicación que la editará en línea y quedará directamente almacenada en el servidor .
 La crearemos en un sitio gratuito como es wix.com 
Incluye los recursos necesarios para crear, de forma sencilla, una página web atractiva, puesto que nos permite utilizar plantillas y añadir elementos de manera GRATUITA, y sin necesidad de conocer el lenguaje HTML (hiper texto markup lenguage ). 
Elige tu plantilla de diseño y personalìzala.
Existen otros editores como Google sites , one.com, joomla.com, etc.

LOS ELEMENTOS EN LA WEB 

Son un conjunto de elementos de vital importancia a considerar antes de su realización para obtener una buena usabilidad.
Todos estos dependen de que el visitante primero llegue hasta el sitio y una vez en su interior, cumpla con los objetivos que lo condujeron hacia él de una manera rápida y simple, garantizando un futuro regreso.
En ocasiones se piensa que sólo con tener un sitio Web en Internet se logra que sea visitando por las personas que tengan interés en su contenido, pero realmente no funciona así tan simple.
Hay que tener en cuenta un conjunto de elementos desde su diseño e implementación para que felizmente esto ocurra.
Los elementos fundamentales son:

LA PÁGINA DE INICIO

El primer éxito de una página de inicio es responder a dos cuestiones:

  • ¿Dónde estoy?
  • ¿Qué hace este sitio?

La página de inicio debe dar una idea general del sitio, pues está constituye su punto de entrada fundamental.
Es lo primero que ven los usuarios y crea esa primera impresión que es tan importante.
Es en ella donde se determina si se continuará explorando las páginas o si se navegará hacia otro lugar más interesante.
Los textos son elementos significativos dentro del diseño del sitio Web. Estos contienen la mayor parte de la información que se brinda, las explicaciones y los detalles de los elementos que componen el sitio, constituyen la vía principal de comunicación con el cliente.
Esta es la razón fundamental para que los textos sean escogidos, revisado y corregidos de forma tal, que se reflejen las ideas que se quieren transmitir.
Es necesario tener en cuenta el tamaño del texto, que debe ser pequeño y claro para permitir la lectura rápida.
Por lo que se recomienda utilizar la división por secciones de la página lo que posibilita que el usuario pueda leer más sobre un tema sin que pierda atractivo de la página.
La implementación de imágenes o gráficos complementa la información que se quiere brindar en el sitio. Constituyen una herramienta fundamental pues proporciona al usuario un criterio visual.
Hay que tener en cuenta que el uso indiscriminado puede hacer más lento el proceso de carga de las páginas o provocar estrés visual. Se recomienda usar imágenes cuando realmente sea necesario para comunicar el mensaje que se desea.
El formato dependerá de la estructura en cuento a colores y definición, se pueden seleccionar distintos tipos, los más utilizados  son los .jpg, .gif y .png, realmente aunque existen algunos patrones no siempre se cumplen en todos los casos.

¿Dónde estoy?

Esto implica así mismo, que el usuario no sabrá en qué sitio está a menos que se lo digas. Por ello, la norma número uno es colocar tu logo o marca identificativa en todas tus páginas.
http://www.flamingtext.com/
La situación en cuanto a la estructura del sitio se consigue mediante la inclusión de cabeceras que muestran a grandes rasgos la estructura del web y resaltan la situación actual.
Un tercer elemento a tener en cuenta es el propio título de la página, que debe ser significante e individualizado.

¿Donde he estado?

En este sentido, es importante respetar la convención en cuanto a la representación de los links (azul para los activos y rosa para los visitados).
El usuario sabe siempre de esta manera lo que ha visto y lo que no, dentro siempre de lo que puede ver.

¿A dónde puedo ir?

Esta cuestión se responde con las opciones visibles de navegación y con el resto de enlaces dentro de la página.
Hay tres clases de hyperenlaces que pueden ser usados en una página:
  • Enlaces embebidos (El tradicional texto subrayado)
  • Enlaces asociativos (Proporcionan información adicional o colateral, del tipo de "ver también")

QUÉ TAN ANCHA DEBE SER LA PÁGINA

En términos de anchura lo mejor es crear páginas adaptables al ancho.
Si no es posible, es mejor asumir que muchos usuarios lo verán pantallas de 1024 píxeles, lo que deja en términos reales poco más de 800 píxeles.

LAS PÁGINAS DE ENTRADA (INTRO) DEBEN MORIR

Frente a quien dice que es una buena manera de arrancar y dar una bienvenida, lo cierto es que los usuarios las saltan tan rápido como pueden.
Es mejor diseñar una página de inicio sencilla que unifique la información situacional con la presentación de noticias útiles e información del directorio.

PÁGINA DE INICIO VS. PÁGINAS INTERIORES

El elemento de diseño más importante de la página de inicio debería ser el nombre personal o de la compañía.
No tiene que ser necesariamente el más grande, pero al menos debe estar en la esquina superior izquierda de la pantalla.
Esta información debería repetirse en todos los lugares interiores, especialmente porque desconocemos el punto de entrada del usuario.
Las páginas interiores deben centrarse en los contenidos y dejar las bienvenidas para la home page.
Para facilitar este acceso y reubicar al usuario, coloca siempre un enlace directo a la página de inicio.

ENTENDER LA RESOLUCIÓN

Un píxel es la menor unidad de medida de un monitor, también conocida como punto.
Una resolución de 1024x768 significa que se muestra una cuadrícula que tiene 1024 píxeles de ancho y 768 de alto (con un total de 786,432).
La resolución menor que puede encontrar actualmente (sin contar los teléfonos móviles) es 1024x600, el tamaño de una pantalla típica de un netbook.

PLANTILLAS DE ESTILO

Es importante usar un único estilo para el sitio(colores, formato de las fuentes del texto), incluso cuando se personalice por áreas de contenido, ya que da coherencia y unidad al sitio.

CONCLUSIÓN

La simplicidad debería ser la meta del diseño de páginas.
El usuario accede a la red buscando algo, no disfruta viendo el diseño.
Las páginas deben hacerse para que funcionen:
  • Con distintos tipos de tecnologías
  • En distintos monitores y plataformas
  • Accesible para cualquier tipo de usuario

ESTÁNDARES Y PAUTAS PARA EL DISEÑO DE LA PÁGINA WEB

Cambio de Tipologías de Letras, Tamaños y Fondos
Tres páginas, inicio + desarrollo + contacto.
Menú de navegación
Botones sociales (twiter, facebook, g+..)
Formulario de contacto
Enlaces web con páginas asociadas
Insertar Vídeos,Texto e Imágenes
Música(opcional)
Si la web es de un negocio tendrás que insertar un mapa o plano donde se encuentre.