Actividades Segundo Período - Diseño Multimedia

Mayo 21 Lenguajes en el Diseño Web (2 horas)

Mayo 22 Dibujar en el cuaderno el mapa para el maquetado Web (1 hora)

Mayo 28 y 29 Edición y maquetación de documentos web (3 horas)

Junio 1 Reseña de los 5 primeros videos del curso HTML Básico (2 horas)
* Video 1 - Introducción (15 min) https://youtu.be/cqMfPS8jPys
* Video 2 - Etiquetas para Texto (9 min) https://youtu.be/TNQleomUw6U
* Video 3 - Enlaces (11 min) https://youtu.be/RdnS55MbdY4
* Video 4 - Listas (5 min) https://youtu.be/IRbEXqBBOCo
* Video 5 - Imágenes (7 min) https://youtu.be/lAoeALwWKo0

Junio 4 y 5 Práctica 1 de HTML (3 horas)

Junio 11 y 12 Tablas básico (3 horas)
Reseña del Video 6 del curso HTML Básico
Video 6 - Tablas (5 min) https://youtu.be/LmSUS6MuSzk
y pequeña práctica de aplicación realizando en el cuaderno el código para la siguiente tabla.

Julio 3 y 6 Productos Multimedia e Introducción al Branding (2 horas)

Julio 9 Importancia del branding en las empresas y cuestionario (2 horas)

Julio 10 Aportes individuales al marco teórico de la empresa - 5 preguntas en el cuaderno de cada uno (1 hora)

Receso estudiantil del 11 al 20 de julio

Julio 24 Retomando Portafolio digital de actividades y manejo de los gadgets Archivo del blog y Etiquetas (2 horas)

Julio 27 Trabajo Teoría del color y cómo compartir un link de acceso a un archivo en Google Drive.

Agosto 3 Insertar un PowerPoint en un blog de blogger (2 horas)

Agosto 10 Evaluación final de período y Asignación del Taller final del Segundo Período (2 horas). Inicia plan de mejoramiento.

Reconociendo CMS gratis

Descargue el PDF de Aquí.

Actividad en Pencil prototype

Pencyl Prototype o Pencil Project es un software libre para crear prototipos visuales o wireframes de un proyecto, por ejemplo: una páginas web o una interfaz de usuario para aplicaciones.

Práctica 1 con la herramienta

Descargue de aquí el diseño básico que se va a trabajar.
Descargue de aquí las imágenes que necesitará y que debe instalar más adelante en la aplicación. Que las imágenes queden en una carpeta llamada Redes sociales.
Su trabajo debe quedar lo más parecido posible a la imagen que se les entregó. Si no alcanza a ver que dicen los textos, porque no están claros, digite unos similares y acordes (por favor, sin errores de ortografía y gramática).

• Comience guardando el documento para asignarle nombre y observe donde quedará ubicado ese nombre (Ctrl + S o desde el ícono del menú elegir Guardar)
• Asigne el fondo gris del diseño al documento en blanco en Pencil. Esto se hace en Propiedades, y de una vez puede darle el nombre a esa página. Asignemos como nombre index (clic derecho sobre Página sin título, abajo en la barra de estado y elija Propiedades). Cambie el nombre por Index y elija Fondo de color, para luego asignar un gris.
• Arrastre rectángulos y vaya conformando la estructura haciendo los cambios de color correspondientes (con la figura seleccionada, de clic en Propiedades para hacer los cambios de color en relleno y contorno). De igual forma trabaja con la herramienta de texto plano para el contenido.
• Para las imágenes es necesario crear una nueva colección de imágenes con las que necesitemos.

Cómo crear una nueva categoría de imágenes

• Primero se buscan las imágenes, para crear la colección e instalarla en el programa
• Las imágenes deben buscarse de acuerdo con las necesidades, lo más recomendable en este caso es que sean de 128 x 128.
• Se crea una carpeta con los iconos.
• Vamos a Pencil, menú Tool > Developer Tools > Stencil Generator…
• En la ventana que se abre se arrastran las imágenes seleccionadas de la carpeta al cuadro Select images, le damos un nombre a la colección, por ejemplo, Iconos Práctica 1 y se continúa; vuelve a pedir un nombre, se le da el mismo y clic en Finalizar. Ahora pide guardar un comprimido al cual le damos el mismo nombre y una buena ubicación. Yo aconsejo en la carpeta de Pencil.
• Ahora Menú > Tools > Manage Collections > Install from file… y damos la ruta del comprimido creado
• Cuando termine su diseño exporte a PNG y a PDF y envíe por correo.

Para: sistemasjdsm@gmail.com

Asunto: Práctica 1 con Pencil

Adjuntar los 2 archivos (.png y .pdf)

Fuentes de consulta:

Sitio web de descarga Versión 3.0.4 (a 20 de mayo):

http://pencil.evolus.vn/

Crear un boceto de una página web con Pencil Prototype

https://youtu.be/avz6L9Glgdo

Conceptos importantes en el diseño y estructura de una página web

Actividad de consulta

- Opciones efectivas de estructura y composición de una página web. ¿Cómo se recomienda estructurar una página web?

- ¿Qué características recomendables deben tener cada uno de los elementos que puede contener una página web?

- Analizar el significado de términos como: layout, sketch, mockups, wireframes, prototipos.

- Boceto a lápiz y en el cuaderno de su propuesta sobre el proyecto digital que se quiere crear, en este primer caso: la página web empresarial (utilice internet para ver ejemplos de páginas web relacionadas con su temática):

·         Donde pondremos los elementos más característicos como logos, nombre de la empresa, etc.

·         Dónde estará la zona de menús o de navegación y qué otras barras o zonas se tendrán

·         Cómo y dónde irá el contenido principal y otro tipo de contenidos

·         Dónde irá la zona para acceso o uso de las redes sociales

·         Qué otros servicios se quieren presentar en el proyecto

·         Qué irá en el pie de página

Fuente recomendada:

Artículo: Elementos que componen un sitio web

https://www.gradiweb.com/elementos-que-componen-la-estructura-de-un-sitio-web/