Imprimir

Tarea #08: Proyecto

Publicado en Práctica # 6

proyectotargetObjetivos:

  • Diseñar un Website Responsive desde cero utilizando todo lo aprendido sobre HTML5 y CSS3 y diseño Web.

processCaracterísticas del Proyecto

El tema del proyecto estará inspirado en la famosa "Ruta 66" de USA.

La Ruta 66, también conocida como U.S. Route 66, formó parte de la Red de Carreteras Federales de Estados Unidos. Una de las rutas federales originales, la U.S. 66 se estableció el 11 de noviembre de 1926, aunque no se señalizó hasta el año siguiente. Originalmente discurría desde Chicago (Illinois), a través Misuri, Kansas, Oklahoma, Texas, Nuevo México, Arizona y California, hasta finalizar en Los Ángeles con un recorrido total de 2.448 millas (3.939 km).

Tema:

Cada uno debe elegir una ruta con un recorrido total similar en km, por el continente que más os guste, en la que debéis describir el recorrido y las ciudades más interesantes por las que pase.

El contenido del sitio tendrá las siguientes características:

  1. Portada: Logo, presentación de la ruta y Mapa
  2. Menú: Inicio | La ruta | Qué ver | Qué hacer | Qué Comer | Referencias
  3. La ruta: Descripción, medio de transporte, duración, km, coste,...
  4. Qué ver: Monumentos, lugares de interés, miradores,...
  5. Qué hacer: Parques temáticos, zoos, museos, mercadillos, conciertos, estadios,...
  6. Qué comer: Restaurantes y bares típicos, tipos de comida,....
  7. Referencias: Enlaces a todas las páginas web que hemos utilizado tanto para el contenido como para las imágenes y/o vídeos.
Características técnicas:
  • Número mínimo de páginas Web del sitio: 10
  • Sistema de navegación principal y secundario para algún menú vertical
  • Maquetación: Cabecera | 2 columnas (1:3) | Pie de página
  • Resolución: optimizada para 960 pixels (ancho máximo)
  • Diseño: Web Responsive para Smartphone (480), Tablet (768px) y Desktop
  • Columnas, tipografía e imágenes que respondan al tamaño del dispositivo
  • Imágenes: .jpg, .png o .gif, con un peso inferior a 200KB y dimensiones adecuadas
  • Vídeos: Se pueden incluir referencias a vídeos de Youtube, Vineo, etc...
  • Código: Menús, maquetación y diseño, todo mediante hoja/s de estilo CSS
  • Validaciones W3C: HTML5 y CSS3 y normas WAI-A
Valoración del proyecto: se evaluará positivamente...
  • El diseño gráfico en su conjunto: logo, cabeceras, fondos, etc...
  • La robustez de la maquetación y facilidad de navegación
  • Respuesta a distintos dispositivos
  • La armonía de colores y formas
  • El funcionamiento correcto del sitio (enlaces, menús, estructura, etc...)
  • El peso total de cada página (rapidéz de carga)
  • La dificultad general: etiqueta utilizadas, listas, tablas, etc...
  • Los contenidos incluidos
  • La originalidad del proyecto
Guión de trabajo:
  • Esquema básico en papel (boceto) de lo que pensamos poner.
  • Búsqueda de contenidos en Internet (texto, imágenes, enlaces, etc...)
  • Elaboración del Website
  • Comprobación de su correcto funcionamiento
  • Publicación en Internet

Utilidades ...

imprescindibles Chrome Safari Opera IE9 Adobe Reader 7zip Flash Java Filehippo Ninite

Recursos ...

aula virtualforo

Visitas ...

Hoy2
Ayer42
Mes808
TOTAL98515

En línea ...

Tenemos 6 visitantes y ningun miembro en Línea