Fase 4 P.E (Informática)

Desarrollo de la Fase #4

De la Hoz Escorcia Maria Fernanda. (11)

Meza Gonzalez Catalina. (20)

Pineda Montoya Estefanía. (24)

Torres Caicedo Diego Andrés. (34)

10C.

José Aurelio Torres.

Mg. en Educación Básica con énfasis en Tecnología e Informática.

Tecnología e Informática.

Colegio del Sagrado Corazón.

Puerto Colombia-Atlántico.

1 de Agosto  de 2020.

Diseño

El diseño web es una actividad que consiste en la planificación, diseño, implementación y mantenimiento de sitios web. No es simplemente la implementación del diseño convencional ya que se abarcan diferentes aspectos como el diseño gráfico web, diseño de interfaz y experiencia de usuario, como la navegabilidad, interactividad, usabilidad, arquitectura de la información; interacción de medios, entre los que podemos mencionar audio, texto, imagen, enlaces, video y la optimización de motores de búsqueda.

De acuerdo con la temática ecológica que busca tratar el proyecto, es idónea la utilización de ayudas de tipo audiovisual, en la entrada del blog, al igual que el apoyo informativo en enlaces que desplieguen en el indice de contenidos.

Como modelo del blog, hemos optado por un prototipo funcional, práctico pero a la vez temático y concreto.

 

 

 

Imágen#1 Boceto del diseño del proyect

En la imagen mostrada se puede observar el diseño esogido para nuestro modelo de blog, fue realizado acorde a los modelos planteados por la plataforma "Blogger" de plantillas, en donde procederemos a construir nuestro proyecto, se pueden identificar las partes esenciales de un  blog; Siguiendo con los parámetros de diseño, se inicia con la cabecera, cómo su nombre lo indica, la cabecera de un blog está en la parte superior del mismo y es donde en primer lugar debe estar el logo de tu blog. Luego está la columna principal, esta es la parte donde aparecen los posts que publicamos y se despliega el contenido de cada post o página, y por último el pie de página, el pie de página es la parte inferior en el cual se coloca el nombre del servidor que se está utilizando. Además se puede agregar los íconos de las redes sociales, foto y nombre del autor. El pie de página puede ser utilizado como herramienta de recordatorio a elementos que no sean las publicaciones.

Adicionalmente, al ser ultilizado una plataforma de tipo electronica es posible la personalización de las plantillas prediseñadas que ofrece la herramienta, por lo que se realizó una búsqueda de formatos disponibles en la platforma, y de manera grupal se decidió utilizar una gama de colores que se relacionaran con nuestro tema principal, es decir, la ecología y a la vez era necesario que el diseño del blog fuera interactivo y a la vez reflejara el sentido de nuestro proyecto. De entre todas las opciones que proveía el desarrollador de páginas web y otros sitios con plantillas disponibles, se optó el diseño mostrado a continuación.

Imágen#2 Plantilla personalizada elegida para el diseño

Webgrafía

-"Página Web". Autor: María Estela Raffino. De: Argentina. Para: Concepto.de. Fuente: https://concepto.de/pagina-web/#ixzz6Vn11qKNq

-"Diseño de una página web" Autor: María Estela Raffino. De: Argentina. Para: Concepto.de.

Fuente: https://concepto.de/diseno/#ixzz6Vn1VKJu2