Diseño y maquetación de sitios web INFORMATICA APLICADA A LA EDUCACIÒN

Transcripción

1 Diseño y maquetación de sitios web INFORMATICA APLICADA A LA EDUCACIÒN

2 Definición del proyecto web Finalidad del proyecto. Objetivo, contexto, valor = Tipo de proyecto (tienda virtual, periódico). Público. Edad, lugar, idioma, género. Competencia. Ranking, contenidos, temas, actualización. Equipo. Coordinador, desarrollador web, diseñador web, community manager, generador de contenidos.

3 Clave La clave es no duplicar lo que está disponible en otros medios. Los únicos proyectos que van a sobrevivir a largo plazo son los originales, no los que hacen el copy-paste. Sandra Crucianelli

4 Estructura y composición de un sitio

5 Conceptos básicos Dominio. Un conjunto de caracteres alfanuméricos que conforman un nombre único el cual está ligado y define a un sitio web. -Nombre del dominio -Extensión del dominio

6 Dominio Nombre: marca Extensión: indican la orientación geográfica del sitio y tipo de organización o fin.

7 Extensiones geográficas Delimitan país o región. Actualmente existen 243 y lleva dos palabras que corresponden a la abreviación del nombre del país:.es - España.co- Colombia.eu - Europa.mx - Mexico.cl - Chile.us - Estados Unidos.ar - Argentina.pe - Peru.br - Brasil.ve- Venezuela.in - India.bo - Bolivia

8 Extensiones genéricas Hacen referencia al tipo de actividad o información que ofrece el sitio web..com = comercio.net = redes, internet..org = organizaciones.gob = Entidades públicas..info = Información.edu= Universidades, educación.

9 Combinaciones De la combinación de extensiones nacen dominios como:

10 Dominio Se pagan anualmente. Se puede consultar la disponibilidad de un dominio en: En Ecuador se compra de El costo oscila entre 10 y 100 dólares.

11 Hosting El Hosting es el servicio de alojamiento de paginas web y de cada uno de sus componentes. Es muy similar a rentar el local en una plaza comercial, pero a nivel mundial.

12 CMS Sistema de gestión de contenidos. Es un programa desarrollado para que cualquier usuario pueda administrar y gestionar contenidos de una web con facilidad y sin conocimientos de programación Web. Front end, lo que se mira Backend, lo que no se mira

13 CMS El sistema permite manejar de manera independiente el contenido y el diseño. Así, es posible manejar el contenido y darle en cualquier momento un diseño distinto al sitio web sin tener que darle formato al contenido de nuevo, además de permitir la fácil y controlada publicación en el sitio a varios editores.

14

15

16 Clasificación de CMS Propietarios. Herramientas creadas a medida para actualizar una página web No propietarios. Sistemas desarrollado por empresas o instituciones que están disponibles para ser utilizados. Son, en muchos de los casos, completamente configurables, sirven para producir cualquier tipo de web con cualquier clasificación de secciones y contenidos.

17

18

19

20

21

22

23

24

25

26

27 EJEMPLOS DE WIX

28

29

30 Cómo elegir un CMS Definir necesidades Mirar mercado (oferta) Mirar comunidad

31 Índice (mapa) de sitio Un mapa de sitio web es una lista de las páginas de un sitio web accesibles para los buscadores y usuarios. Puede ser un documento en cualquier formato usado como herramienta de planificación para el diseño o una página que lista las páginas de una web (ya realizada), organizadas comúnmente de forma jerárquica.

32

33

34

35 Maquetación La forma en que se organiza la información. Donde están los textos, imágenes y enlaces. Se debe tener en cuenta información sobre patrones de visualización de los usuarios.

36 Estructura de un sitio web

37 Nombre del sitio Logo Buscador Publicidad Información de contexto Redes sociales 1 Cabecera

38 2,4 Navegación Menús Enlaces a ciertos contenidos destacados Módulos (Galerías de imagen, videos, audios, comentarios, noticias recientes, lo más popular, publicidad, hemerotecas, baners, ) Widgets de redes sociales. Servicios (clima, clasificados, guías, etc.)

39 3 Contenido Diarios digitales: Noticias (formato multimedia, Sitio web institucional: Noticias, documentos, actividades, convocatorias). Sitio web de Universidad: Oferta académica

40 5 Pie de página Enlaces a datos legales correspondientes a cada país. Servicios Mapas de sitios Logos de apoyos o patrocinios Dirección de contacto Créditos Términos y condiciones

41 Ejemplos

42

43 Plantillas

44 Estrategia de palabras clave Son palabras o frases que Google y otros motores de búsqueda priorizan para posicionarlo en los primeros sitios de su ranking. En un comienzo debe ser genérica y puede incluir temas, productos, nombres. Puede combinar palabras clave

45

46 Deber -Describir el proyecto web incluyendo nombre, tipo, público y competencia, objetivo del sitio -Proponer dominio y CMS para el proyecto. -Entregar un índice de contenidos (mapa de sitio). -Maqueta del sitio web. -Lista de palabras clave.