Ricardo García Jiménez a5939610f0 fix: Corrige enlaces de los proyectos del curso 1 month ago
..
css a5939610f0 fix: Corrige enlaces de los proyectos del curso 1 month ago
fonts a5939610f0 fix: Corrige enlaces de los proyectos del curso 1 month ago
images a5939610f0 fix: Corrige enlaces de los proyectos del curso 1 month ago
js a5939610f0 fix: Corrige enlaces de los proyectos del curso 1 month ago
README.md a5939610f0 fix: Corrige enlaces de los proyectos del curso 1 month ago
contacto.html a5939610f0 fix: Corrige enlaces de los proyectos del curso 1 month ago
index.html a5939610f0 fix: Corrige enlaces de los proyectos del curso 1 month ago
nosotros.html a5939610f0 fix: Corrige enlaces de los proyectos del curso 1 month ago
proyectos.html a5939610f0 fix: Corrige enlaces de los proyectos del curso 1 month ago

README.md

EDteam

Taller: Mi primera página web.

Descripción

Creación de una página web de una agencia de desarrollo de software llamado EDSoft.

Notas

  • Antes de escribir código se debe comprender los requerimientos del sitio web.
  • Los requerimientos y la estructura del sitio web permiten visualizar lo que realmente es necesario, cosas faltantes, sobrantes, cambios, reemplazar, modificar antes de programar.
  • El segundo paso es visualizar el sitio web realizando un mapa o maqueta de como va ser el sitio web (wireframes).
  • Se deben mostrar los wireframes al cliente para que pueda observarlos y dar el visto bueno.
  • Puede suceder que el cliente solicite cambios o modificaciones (se deben de aplicar los cambios sugeridos).

Requerimientos

  • Inicio (Home): es la página principal del sitio web.
  • ¿Quiénes somos?: segunda página que habla sobre la misión, visión e historia de la empresa.
  • Proyectos: tercera página donde se muestra la experiencia de la empresa.
  • Contacto: cuarta página del formulario y medios de contacto para una comunicación directa o de contratación.

Inicio

  • Logo de la empresa y menú de navegación (header).
  • Banner (titulo, descripción, botón e imagen).
  • Segunda sección de servicios que se ofrecen (desarrollo web, móvil y sistemas a medida).
  • Tercera sección de un banner corporativo con el eslogan de la empresa para conectar con los clientes (imagen de fondo, texto principal, secundario y botón de contacto).
  • Cuarta sección con los últimos proyectos (imagen, nombre del cliente y descripción).
  • Quinta sección de bolsa de trabajo (descripción y botón de contacto).
  • Footer con las redes sociales y el copyright.

El header y el footer se repite en todas las páginas del sitio web.

¿Quiénes somos?

  • Primera sección sobre nosotros (imagen y descripción).
  • Segunda sección sobre la misión (imagen y descripción).
  • Tercera sección sobre la visión (imagen y descripción).

Proyectos

  • Cada proyecto tendrá una imagen, nombre del cliente o proyecto, descripción y link del proyecto.

Contacto

  • Una sección con los datos de la empresa (teléfono, dirección, correo y mapa de ubicación).
  • Formulario de contacto (integración con algún servicio como Messenger de Facebook).

Referencias