8º TALLER PRÁCTICO #3

 INSERTAR TABLAS - IMÁGENES CON ENLACES - COLOR TEXTO Y FONDO

Escudo del CAE

VIDEO EXPLICACIÓN

8º TALLER PRÁCTICO #2 USO DE ENLACES

EXPLICACIÓN EN KOMPOZER

EXPLICACIÓN EN HTML.AM

BARRA DE TÍTULO: FORMATOS USADOS EN LA WEB - Nombre Estudiante

FORMATOS DE IMÁGEN, VIDEO Y AUDIO

FORMATOS DE IMAGEN
PNG 
JPEG
TARGA
BMP 
GIF 

FORMATOS DE VIDEO
WEBM 
FLV 
AVI 
MP4 
OGG
WMV 

FORMATOS DE AUDIO
MP3
AAC 
WMA

DEFINICIÓN DE CADA UNO DE LOS FORMATOS MENCIONADOS EN EL INDICE.

Una opción (un enlace) para ir al principio de la página y otro para ir desde el final hasta el inicio

OJO Debe realizar una explicación de cada formato con sus características Debe incluir un ejemplo solo para los formatos de imagen (JPG, GIF, PNG, TARGA, BMP)

LA SIGUIENTE INFORMACIÓN LA PUEDA COPIAR PARA REALIZAR LA ACTIVIDAD

FORMATOS DE IMAGEN

PNG (siglas en inglés de Gráficos de Red Portátiles, pronunciadas"ping") es un formato gráfico basado en un algoritmo de compresión sin pérdida para bitmaps no sujeto a patentes.

JPEG Es el formato de imagen más común, utilizado por las cámaras fotográficas digitales y otros dispositivos de captura de imagen

TGA Es un formato de fichero digital para imágenes rasterizadas o de mapas de bits

BMP Es un formato de imagen de mapa de bits, propio del sistema operativo Microsoft Windows. Puede guardar imágenes de 24 bits (16,7 millones de colores), 8 bits (256 colores) y menos. Puede darse a estos archivos una compresión sin pérdida de calidad: la compresión RLE (Run-length encoding)

GIF Formato de Intercambio de Gráficos, GIF (Compuserve GIF), es un formato gráfico utilizado ampliamente en la World Wide Web, tanto para imágenes como para animaciones.

FORMATOS DE VIDEO

WEBM formato multimedia abierto y libre desarrollado por Google y orientado a usarse con HTML5.

FLV formato contenedor propietario usado para transmitir video por Internet usando Adobe Flash Player (anteriormente conocido como Macromedia Flash Player), desde la versión 6 a la 10. Los contenidos FLV pueden ser incrustados dentro de archivos SWF

AVI (siglas en inglés de Audio Video Interleave) es un formato contenedor de audio y video lanzado por Microsoft en 1992.

MP4 es un formato de archivo contenedor que forma parte del estándar MPEG-4

OGG es un formato contenedor libre y abierto, desarrollado y mantenido por la Fundación Xiph.Org que no está restringido por las patentes de software, y está diseñado para proporcionar una difusión de flujo eficiente y manipulación de multimedios digitales de alta calidad.

WMV es un nombre genérico que se da al conjunto de algoritmos de compresión ubicados en el set propietario de tecnologías de vídeo desarrolladas por Microsoft, que forma parte del framework Windows Media.

FORMATOS DE AUDIO

MP3 MPEG-1 Audio Layer III o MPEG-2 Audio Layer III, más comúnmente conocido como MP3 es un formato de compresión de audio digital patentado que usa un algoritmo con pérdida para conseguir un menor tamaño de archivo. Es un formato de audio común usado para música tanto en ordenadores como en reproductores de audio portátil.

AAC (del inglés Advanced Audio Coding) es un formato informático de señal digital audio basado en un algoritmo de compresión con pérdida, un proceso por el que se eliminan algunos de los datos de audio para poder obtener el mayor grado de compresión posible, resultando en un archivo de salida que suena lo más parecido posible al original.

WMA es una tecnología de compresión de audio desarrollada por Microsoft. El nombre puede usarse para referirse alformato de archivo de audio o al códec de audio. Es software propietario que forma parte de la suite Windows Media.

EJEMPLO DE COMO PODRÍA VERSE SU TRABAJO

4º TALLER #2 INTERFAZ DEL NAVEGADOR WEB

 

Dibuje en su cuaderno la interfaz del navegador Web de Chrome y escriba los nombres de cada una de las partes

8º TALLER PRÁCTICO #1 KOMPOZER

 Abra Kompozer y realice una página Web con lo siguiente:

1) El título (equivale a la etiqueta title - y esta se pone al guardar el archivo la primera vez): Kompozer
2) Una definición de: ¿Que es Kompozer?

3) Una explicación de: ¿Para que sirve Kompozer?

4) Coloque la imagen de la Interfaz con el nombre de las Barras que usted realizó en la actividad # 1

5) Coloque la imagen de los Botones con los Nombres que usted realizó en la actividad # 2

Cualquier pregunta o duda, recuerde que puede consultar un manual o tutorial a través de Internet o PUEDE LEER LA SIGUIENTE EXPLICACIÓN

Luego nos pregunta el nombre de nuestro archivo html y el lugar donde lo vamos a guardar.


Después de realizado estos sencillos pasos, podemos trabajar en nuestro documento y visualizarlo en un navegador Web.


Trabajar en Kompozer es tan sencillo como usar un procesador de texto como Microsoft Word.

Escribimos nuestro texto y podemos añadirle formato usando los botones de negrita, cursiva o subrayado, también podemos cambiar la alineación.




Para insertar una imagen, debemos ubicar el botón de imagen y hacer clic en él.


Luego en la ventana de propiedades de la imagen, ubicamos la figura de la carpeta que se abre


En la ventana que se abre, seleccionamos la ruta de la imagen que queremos usar


Al regresar a la ventana de Propiedades de Imagen, marcamos la opción NO USAR TEXTO ALTERNATIVO y luego hacemos clic en aceptar. Recuerde que la imagen debe estar ubicada en la misma carpeta donde se encuentra el archivo .html

https://wordsearchlabs.com/

https://wordsearchlabs.com/

5º INTERFAZ DEL CORREO ELECTRÓNICO

 Dibuje en su cuaderno la interfaz del correo electrónico de Gmail

4º ACTIVIDAD #1 NAVEGADORES WEB

 Dibuja, colorea y escribe (el nombre del navegador) en tu cuaderno el logo de los siguientes navegadores web

9º BOTONES DE EXCEL

Señala/escribe el nombre de cada uno de los siguientes botones de Excel

 

8º BOTONES DE KOMPOZER

 Usando la información disponible en el manual de usuario: https://www.jesusda.com/docs/ebooks/ebook_disenno-web-con-kompozer.pdf

Puede descargar e instalar el programa de Kompozer desde el siguiente enlace: https://drive.google.com/file/d/12R10fLwtl5lQeisA4-wL3ol5RVn-a7Cy/view?usp=sharing, luego abrilo y al ubicar el ratón por encima del botón, este mostrara una pequeña "ventanita" con el nombre del botón y/o función.

Identifique y señales los nombres de los botones de Kompozer

9º INTERFAZ DE EXCEL

 Usando la imagen de la Interfaz de Excel de esta entrada, señale las siguientes barras en la imagen y publíquela en su blog.

1. Barra de Título
2. Barra de Menú
3. Barra (Ribbon-Cinta) de Opciones
4. Barra de Fórmula
5. Barra de Filas 
6. Barra de Columnas

7. Grilla (Cuadrícula)
8. Barra de Desplazamiento
9. Barra de Hojas
10. Barra de Estado

6º TALLER 1 TECNOLOGÍAS DEL MAÑANA

 En su cuaderno, responda:

¿Qué es ciencia?

¿Qué es tecnología?

¿Qué es un invento?

¿Qué es un científico?

Escriba acerca de un invento que le haya gustado mucho y escriba ¿por qué le gusto?

8º INTERFAZ DE KOMPOZER

 SUGERENCIA: Llea el manual de Kompozer: https://www.jesusda.com/docs/ebooks/ebook_disenno-web-con-kompozer.pdf

KOMPOZER

KompoZer es un editor de páginas web WYSIWYG (What you see is what you get - Lo que ves es lo que recibes). Es un derivado de NVU, es decir, una versión no oficial de NVU, el cual ha reparado ciertos errores(bugs) que este presentaba. Komposer está basado en Mozilla Composer pero con ejecución independiente. Su objetivo es facilitar el desarrollo de páginas web, gracias a las distintas formas de visualización disponibles en su interfaz como: código fuente, ventana WYSIWYG, visión con tags de HTML realzados) Presenta características como el soporte integrado de CSS y mejor gestión del soporte FTP para actualización de los ficheros, soporte de marcos, formularios, tablas, pantillas de diseño, etc. Cabe destacar que está disponible para diversas plataformas: Windows, Mac OS, y Linux.

ENTORNO DE TRABAJO

La ventana principal de KompoZer esta formada por varias barras, a continuación una descripción de cada una de ellas.

Barra de titulo:
A la izquierda de esta barra aparece el título de la página web que estamos editando o el nombre del archivo que le hayamos asignado. A la derecha los botones de control de la venta minimizar, maximizar/restaurar y cerrar.

Barra de menús:
Formado por los menús Archivo, Editar, Ver, Insertar, Formato, Tabla, Herramientas,
Ayuda. A través de estos menús podemos acceder a todas las opciones del programa.

Barra de Redacción:
Esta barra está formada por botones con las opciones de uso más habitual que se encuentran en la barra de menú. A través de estos botones accedemos más rápidamente.

Barras de Formato:
Con botones que nos permiten acceder a opciones más básicas de formato de texto y párrafos. Estas son similares a las de cualquier procesador de textos. Bajo esta tenemos otra barra con más opciones de formatos y además de otras relacionadas con el formato aplicando estilos y las capas.

Ventana administración sitios web:
Esta barra esta situada a la izquierda y en ella podremos configurar los sitios web, para poder acceder de forma rápida a las distintas páginas web. A través de ella también podremos publicar en Internet Webs y editar directamente las paginas ya publicadas sin necesidad de tenerlas guardadas en nuestro disco local.

Ventana de área de edición:

Esta es el área principal, en la que podremos diseñar y editar la página web. Es el espacio de trabajo. Cada página que se edite se mostrará en esta área, pudiendo cambiar de una a otra mediante las pestañas que se muestran en la parte superior con el titulo de cada página. También podemos mostrar las reglas en esta área, que nos ayudaran a dimensionar diversos objetos.

Barra de modo de edición:
En esta barra nos encontraremos cuatro pestañas que permiten cambiar el modo de
edición:
· Normal (o modo Wysiwyg)
· Etiquetas HTML (muestra de forma esquemática las etiquetas utilizadas)
· Código Fuente (acceso al código HTML de la página)
· Vista Preliminar (Como se vería la página en el navegador)

Barra de estado:
Proporciona información como la relativa a dentro de qué etiqueta nos encontramos. Además a través de ella podemos seleccionar de forma fácil y rápida las etiquetas con sus contenidos para realizar acciones sobre ellos como dar formatos, eliminar, etc.

ACTIVIDAD: Usando la imagen de la interfaz de Kompozer de esta publicación, señale y escriba el nombre de cada una de las barras que componen el entorno de trabajo de Kompozer y que se describen en esta entrada.

5º ACTIVIDAD #1 CORREO ELECTRÓNICO

Realice la siguiente actividad en su cuaderno

¿Que es un correo electrónico (e-mail)?
¿Para que sirve un correo electrónico?

¿Que es un servidor de Correo electrónico?
¿Que es una bandeja de entrada (en el correo electrónico) ?
Dibuje el icono (logo) con su nombre, de OUTLOOK, YAHOO MAIL, GMAIL

11º CRUCIGRAMA REDES E INTERNET

Historia de la redes

Tipos de Redes y Dispositivos de Red

Modelo OSI y Protocolo TCP/IP

Direccionamiento IP

Crossword Puzzle Maker

9º CRUCIGRAMA CONVERSIÓN DE UNIDADES CON DIVISIÓN

 Resuelva la actividad. Al terminar, presione el botón 

FINISH, luego seleccione la opción EMAIL MY ANSWERS TO MY TEACHER, Luego llene los datos solicitados

ENTER YOUR FULL NAME: NOMBRE DEL ESTUDIANTE
GRADE/LEVEL: 9
SCHOOL SUBJECT: informática
ENTER YOUR TEACHER'S EMAIL OR KEY CODE : cjisi221d2

y Finalmente presione el botón SEND 

Crucigrama Conversión División, una ficha interactiva de chrisayuron
liveworksheets.com

 Resuelva la actividad. Al terminar, presione el botón 

FINISH, luego seleccione la opción EMAIL MY ANSWERS TO MY TEACHER, Luego llene los datos solicitados

ENTER YOUR FULL NAME: NOMBRE DEL ESTUDIANTE
GRADE/LEVEL: 9
SCHOOL SUBJECT: informática
ENTER YOUR TEACHER'S EMAIL OR KEY CODE : cjisi221d2

y Finalmente presione el botón SEND 

1º ACTIVIDAD FINAL RATÓN Y TECLADO

Al terminar la actividad presione el botón terminado, luego seleccione la opción enviar respuestas a mi profesor y llene los datos

Nombre: Colocar el nombre del estudiante

Curso/Nivel:1

Asignatura: Informática

Código del profesor: cjisi221d2

Después de llenar los datos, presione el botón Enviar

 

Actividad Final Ratón y Teclado, una ficha interactiva de chrisayuron
liveworksheets.com

Al terminar la actividad presione el botón terminado, luego seleccione la opción enviar respuestas a mi profesor y llene los datos

Nombre: Colocar el nombre del estudiante

Curso/Nivel:1

Asignatura: Informática

Código del profesor: cjisi221d2

Después de llenar los datos, presione el botón Enviar

Tº ACTIVIDAD FINAL - TECLADO

 
Al terminar la actividad del rompecabezas, toma una captura de pantalla o foto y envía al profesor a través de la plataforma.

5º CRUCIGRAMA SCRATCH-VARIABLE

 Al terminar la actividad debe tomar una captura de pantalla o foto y enviar en la plataforma

Crossword Puzzle Maker

2º CRUCIGRAMA WORDPAD

 Al terminar la actividad debe tomar una captura de pantalla o foto y enviar en la plataforma

Crossword Puzzle Maker

9º SOPA DE LETRAS UNIDADES DE MEDIDA DE ALMACENAMIENTO

  Resuelva la actividad. Al terminar, presione el botón 

FINISH, luego seleccione la opción EMAIL MY ANSWERS TO MY TEACHER, Luego llene los datos solicitados

ENTER YOUR FULL NAME: NOMBRE DEL ESTUDIANTE
GRADE/LEVEL: 9
SCHOOL SUBJECT: informática
ENTER YOUR TEACHER'S EMAIL OR KEY CODE : cjisi221d2

y Finalmente presione el botón SEND 

Sopa Letras Unidades Almacenamiento, an interactive worksheet by chrisayuron 
liveworksheets.com

Resuelva la actividad. Al terminar, presione el botón 

FINISH, luego seleccione la opción EMAIL MY ANSWERS TO MY TEACHER, Luego llene los datos solicitados

ENTER YOUR FULL NAME: NOMBRE DEL ESTUDIANTE
GRADE/LEVEL: 9
SCHOOL SUBJECT: informática
ENTER YOUR TEACHER'S EMAIL OR KEY CODE : cjisi221d2

y Finalmente presione el botón SEND