Second Part

¿Cómo es un Wireframe?

hemos visto, un wireframe es una representación esquemática de una página web sin elementos gráficos que muestran contenido y comportamiento de las páginas. Sirven como herramienta de comunicación y discusión entre arquitectos de información, programadores, diseñadores y clientes. También se pueden utilizar para pruebas de usuarios. "Wireframes: recopilación de enlaces" en No lo entiendo.

Es muy importante aclararle siempre al cliente qué es un Wireframe, estar seguros de que entiende que ese no es el aspecto final del sitio, sino una mera representación gráfica de su contenido.

Por tanto, antes de hacerlo, es necesario tener todos los requisitos del proyecto: requisitos de negocio, de contenido, de diseño, de accesibilidad, etc.

, antes de acometer un wireframe, realizo una serie de tareas previas: Entrevistas con el cliente y el equipo de desarrollo para definir los requisitos, los objetivos y el público objetivo. Estudio del portal actual (si existe): problemas de usabilidad y accesibilidad, estadísticas de acceso, test con usuarios y encuestas (en función del tipo del portal). Benchmarking, o estudio comparativo de la competencia. Definición de la arquitectura de informacón y mapa web.

Planos o blueprints son para hacer las rutas

wireframe es para hacer el boseto "en blanco y negro, power point"

Se puede empezar con sketches"bosetos de papel hechos a mano, informales, despues puede ser wireframe que tiene notas de como se debe mostrar y su fucionamiento

Etiqueta strong

Se usa para destacar un texto

Los metadatos en head

Son información sobre la pàgina e instrucciones sobre como procesar la pàgina web

Etiqueta em cursiva

texto emphatizado en cuursiva

• ejemplo de listas
• ejemplo de listas
• ejemplo de listas

atributos start y type para listas ordenadas

start para saber donde comienza y type para poner numeros romanos etc

2. ejemplo de listas
3. ejemplo de listas
4. ejemplo de listas

Listas de descripciòn

HTMl

Hiper Text Markup Lenguage

HTTP

Hiper text transfer protocol

URL

Uniform Resourse locator

Listas combinadas

• Primera linea
1. primero
2. segundo
3. tercero
• Segunda linea
1. primero
2. segundo
3. tercero

Referencias de caracteres

" " significa no-break space

empiezan con "&" y terminan con ";" ejemplo &nombre;

Referencias de caracteres numéricas decimales

&#xnnnn; ampersone, signo numeral, exadecimal (del 1 al 9), n=varios dìjitos

5 consejos ùtiles antes de diseñar una pàgina web

1. Buscar inspiraciòn
2. Paleta bàsica de colores, utilizar paleta bàsica de tres colores y despuès crear gamas de colores apartir de ella
3. Busca recursos gràficos:
• Imàgenes y elementos gràficos
• Tipografìas
• Iconos
• El material del cliente
4. Define las Tipografìas o tipos de letras
5. Recopilar y organizar la informaciòn del material de trabajo:
• Mockup
• Informaciòn del cliente
• Recursos
• Logos

Compra un dominio web

1. Primero hay que verificar el nombre del dominio que no este registrado, ejemplo:whois webpage

¿Que se necesita para publicar un sitio web en internet

• Nombre de dominio
• Publicar un sitio web:
• Alojamiento propio
• Alojamiento web, en inglès Web hosting que es un sistema que provee a los usuarios de internet almacenar informaciòn de Imàgenes, video, o cualquier contenido via web
• Tipos de alojamiento:
• Gratuito
• Pàginas personales
• Pruebas
• No queremos gastar dinero
• Prestaciones limitadas
• Publicidad
• Pago
• Compartido
• Servidor virtual privado
• Servidor dedicado
• Housing:
• Plataforma tecnològica propia
son ideales para clientes que tienen su propia plataforma tecnològica
• En la nube:
• Seguro
• Flexible

Ejemplos de host gratuitos

webs

wix.com

googlesites(bueno)

blogger

Alojamientos de Pago

hosting

Calcular el tamaño de una pàgina Web

ç

En la developer toolbar, en el menu de informaciòn vemos el tamaño de la Web

Tambien en el menù archivo guardar como, y despuès de guardada vemos cuanto pesa