construcción de páginas web. metodologías para el diseño de sitios web html java - script php...

22
Construcción de Páginas WEB

Upload: teofila-milian

Post on 12-Jan-2015

18 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

Construcción de Páginas WEB

Page 2: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

Metodologías para el diseño de sitios WEB

• HTML

• Java - Script

• PHP

• ASP

• DHTML: CSS

• XML

• XHTML

Diseño Multimedia

Page 3: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

Proceso de Diseño WEB

Es una etapa importante que permite editar muchos errores.Se determinan los recursos.Calendario, cronograma de trabajos, tareas/actividades, roles.

Planificación:

Page 4: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

Establecer los objetivos

• Formular los objetivos, determinarlos, establecerlos.

• Guían el diseño del sitio y a la vez permiten evaluar los resultados del diseñador. Depende del propósito de la WEB: Educativa, personal, comercial, fines de lucro.

Page 5: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

Definir la audiencia Principal

• Condiciona en gran medida el diseño de nuestra WEB.

• Selección de contenidos, así como las tecnologías a emplear.

• Crear un inventario de recursos informáticos, que pueden ser organizados por áreas, temática, importancia.

Page 6: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

Selección de contenidos

• Los que van a ser publicados:

Fuentes, Autores, Gestión de los derechos de autor.

Page 7: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

Proyecto de Estructura y Navegación

• Secuencial: Es la forma mas simple de organizar la información. Puede tener forma alfabética, por números, etc.

Page 8: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

• Rejilla: Son ideales para relacionar temas.

Ejemplo: Lista de libros universitarios, descripción de casos médicos.

Pero tiene una desventaja: Puede ser difícil de comprender para usuarios qie no son de la audiencia esperada.

Page 9: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

• Jerárquica: Una de las mejores formas de organizar grandes cuerpos de informacion completos.

Ventaja: Es mayormente comprendida por las personas.

Page 10: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

• Malla: La meta es explotar al máximo el poder del hipertexto en la Web, pero este tipo de estructuras confunden al usuario fácilmente, por lo que, irónicamente, resultan muchas veces poco apropiadas para Sitios Web.

Page 11: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

• Mixta: Los usuarios recuerdan mejor la información con este tipo de estructura.

Jerárquica con enlaces cruzados de tipo malla.

Page 12: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

Consejos para la Estructura de un sitio WEB

• La estructura no debe reflejar en ningún caso la organización de su compañía.

• La estructura debe determinarse por las tareas.

• Si la audiencia es variada, se debe pensar en la mas alta.

Page 13: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

Planificación y desarrollo WEB

• Conformación del equipo que va a llevar acabo la pagina WEB.

Conformación del Equipo.

Este equipo es el que desarrolla el documento de especificación.

Programador HTML.

Diseñador Grafico.

Experto en Seguridad.

Expertos en contenido.

Escritores.

Editores

Productor o comité.

Page 14: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

Documento de especificación del sitio

• ¿Qué se pretende?¿por que?• ¿Que tecnologías y contenidos se necesitaran?• Duración del proceso de diseño / implementación.• Presupuesto.• Calendario o cronograma que asegure el cumplimiento de los

objetivos.• Metas y estrategias que se definen en base a: Misión de la

organización. Como ayuda el desarrollo del sitio WEB al cumplimiento de la misión.

• 2 ó 3 objetivos mas importantes.• Cuál es la audiencia.• Como se medirá el éxito del sitio.• Mantenimiento del sitio (Como se realizara).• Productos a elaborar: Cantidad de Paginas, Procesamiento de

Material.

Page 15: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

Recomendación

• Evitar aspectos nuevos de forma indiscriminada (Mantener firme la posición del diseño).

Page 16: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

Arquitectura de la información

• Se realiza un inventario del contenido.

• Estructura del sitio.

• Construcción de prototipos.

• Mapa del Sitio: Tablas de contenido.

• Velocidad de conexión soportada.

• Navegadores (Browser) soportados, requerimientos del servidor WEB.

Page 17: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

Diseño del sitio

• Componentes de texto editados y probados (si se despliegan bien en un navegador, color de fuentes cómodos).

• Especificaciones de diseño grafico para todas las paginas: Interfase, encabezados, pie, logo, fondos, botones, colores, ilustraciones, fotos, etc.

Page 18: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

Diseño del sitio

• Componentes lógicos y funcionales: Scripts, applets(Java), Bases de Datos, Motor de búsqueda del sitio, etc.

• Plantillas: Mostrar colecciones de objetos que podemos aplicar para mayor rapidez.

Page 19: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

Accesibilidad

• Posibilidad de garantizar que personas con discapacidades puedan tener la oportunidad de navegar.

Page 20: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

Construcción del sitio

• Se deben ir realizando pruebas o test para verificar que el sitio va por el camino correcto.

• De ser posible es mejor que el cliente vaya revisando secuencialmente para dar sugerencias.

Page 21: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

Mercadeo del Sitio WEB

• Forma parte de cualquier campaña publicitaria (Spot publicitarios).

• Documentos impresos, lugares visibles y visitados, tarjetas, boletos, manuales, etc.

• Incluir nuestra dirección (URL) en los mejores buscadores.

Page 22: Construcción de Páginas WEB. Metodologías para el diseño de sitios WEB HTML Java - Script PHP ASP DHTML: CSS XML XHTML Diseño Multimedia

Monitoreo, Evaluación y Mantenimiento

• Buscar información de visitas de los usuarios, que páginas del sitio son las mas visitadas, incluir el análisis de horas mas visitadas o el ancho de banda mas utilizado a determinada hora.