Resumen I
Parte I: Linea del tiempo
Hoy voy a explicarte qué hicimos en la primera actividad del curso.Fue una línea de tiempo sobre las fechas de lanzamiento de los múltiples Sistemas Operativos, tanto de ordenadores, servidores y móviles.
La hice con Google Presentaciones, ya que es una aplicación que ya había usado. Es una aplicación muy fácil de usar ya que es muy intuitiva, además posee varias plantillas predeterminadas y modificables, en mi caso use la de línea temporal.
Si en el caso de que no te gusten las plantillas predeterminadas, tienes la posibilidad de crearla mediante las figuras y los colores que trae por defecto la aplicación.
Te dejo el enlace a Google Presentaciones:
Parte II
Creación de una página web con HTML
¡Hola! hoy voy a hablarte y explicarte como crear una pagina web simplemente con el blog de notas, mas adelante subiré como hacerlo con una aplicación de HTML.
Pasos:
Lo primero que tenemos que hacer es abrir la aplicación Bloc de Notas. Una vez abierto tenemos que poner este código:
<!DOCTYPE HTML PUBLIC "-//W3C// DTD HTML 4.0 Transitional//EN" http:// w3.org/TR/REC-html40/loose.dtd>
<html>
<head>
<title>Mi documento HTML</title>
</head>
<body>
Este código permite crear la pagina web.
Ya tenemos copiado y pegado el código en el bloc, querremos escribir el contenido de la web; para ello tendremos que escribir el siguiente código: <h1>xx</h1> . Este código permite establecer el tamaño de fuente de las letras. El tamaño va inversamente proporcional al número, es decir, el nº1 es el tamaño de letra mas grande, en cambio 3 es mas pequeño que 1 y 2. Las xx que he puesto es el lugar donde escribir.
De manera predeterminada el texto se alinea a la izquierda, si queremos escribir pero que se alinee en el centro tendremos que escribir el siguiente código <center>xx</center> Las xx que he puesto es el lugar donde escribir. El código de centralización tiene que escribirse entre el código de tamaño de fuente.
Así con todo lo que queramos escribir.
Una vez creada toda esta parte hay que guardar el archivo en una carpeta en la que guardemos todos los archivos de las paginas que vamos a crear. Una vez ya creada la carpeta, volvemos al bloc y le damos a ctrl+g para guardar este archivo. Después hay establecer como queremos guardarlo, tenemos que cambiar documento txt por todos los archivos. Esto permitirá que el ordenador lo lea como un archivo HTML y lo abramos en una páginas de nuestro navegador predeterminado. También lo podremos abrir con otros programas pinchando con botón derecho-abrir con- y ya elegimos; para seguir editado lo abrimos con el bloc de notas, y si lo abrimos con el navegador veremos lo que hemos escrito
Después de esto hay que copiar el archivo que hemos creado y pegarlo el mismo nº de veces que las páginas internas que vas a crear.
Para insertar hipervínculos entre las páginas que creemos, o con páginas ajenas a las nuestras tenemos que insertar una serie de códigos. Hay 2 tipos de hipervínculos, los que funcionas pinchando sobre texto y te redirige a la pagina que hemos enlazado; o por imágenes, que la función es la misma pero en vez de pinchar sobre texto pinchamos en una imagen.
<a href="número.htm/ URL" target="_blank"> TEXTO SOBRE EL QUE CLICAR </a>
<a href="número.htm/ URL" target="_blank"><img src="NOMBRE DE LA IMAGEN, extension" width="nº de pixeles" height="nº de pixeles"></a>
En mi caso, he creado una página principal con hipervínculos a otras cuatro más, que son las páginas que habíamos pegado y pegado antes, y que hemos editado en función de la finalidad . En la página principal hemos usado hipervínculos de texto. El primero conducía a mis hobbies; el segundo te lleva a las una tabla creada de HTML que contiene las diferentes asignaturas, un contenido o proyecto, después un hipervínculo de imagen que redirige a un video explicativo; el tercer vinculo redirige a una página en la que hablo sobre el colegio y santa bárbara.
También podemos añadir colores a las palabras con el siguiente código <font color="#0033CC"> este código viene definido por 6 dígitos modificables en función del color que queremos establecer. Te dejo un enlace a una página en la que puedes seleccionar el color que desees y te dará el código del color.
Página de colores
Si queremos decorar la página para que no quede muy sobria podemos insertar una imagen con un código. Tendremos que hacer lo mismo que con las imágenes del hipervínculo de imagen, descargarnos la y guardarla en la misma carpeta de HTML :
<img src="nombre archivo de la imagen.extensión" width="número de pixeles" height="número de pixeles">
Eso es todo lo que hemos aprendido sobre HTML en clase de TIC, te dejo una imagen de como quedaría por ejemplo esta página en HTML
Parte III
Creación de una página web con KompoZer
¡Hola! hoy voy a enseñarte como crear una página web con la app KompoZer, te voy a explicar lo que he hecho yo:
Lo primero es descargarse la app KompoZer, después copié la carpeta de HTML, pero eliminando las páginas que hemos creado anteriormente; que ya he explicado en otra entrada.
Abrimos la app y los bloc de notas que hemos creado en a actividad anterior.
En la app elegimos para decorar un fondo, ya sea un color sólido o una imagen que queramos.
Lo siguiente que tenemos que hacer es crear un archivo de KompoZer con el color que queremos, por cada archivo del bloc de notas que tenemos creados en la página web anterior.
Una vez tenemos creado los archivos, en mi caso una página principal y 4 secundarias, lo que hay que hacer es copiar y pegar toda los códigos que teníamos en cada uno de los archivos del bloc de notas en el archivo correspondiente de la app.
Por último tenemos que guardar los archivos con el mimo nombre que teníamos anteriormente, ya que los códigos al ser copiados y pegados tal cual los del bloc de notas y no los hemos modificado, los hipervínculos están configurados para que nos lleven a una determinada página secundaria, pero si no tiene el mismo nombre, el ordenador no las va a poder encontrar
Parte IV
Creación de un Blog
Hola, hoy voy a explicarte la actividad que realizamos en TIC: La creación de un Blog con la aplicación Google Blogger.
Lo primero que tuvimos que hacer fue registrarnos en la app con un correo electrónico, elegir un nombre para el blog y la URL de búsqueda.
Posteriormente tuvimos que editar el tema o diseño del la página con el fin de darle un aspecto llamativo y que llamase la atención del lector.
Después creamos una entrada a modo introductorio sobre la finalidad de dicho blog en la asignatura
Aquí te dejo el vínculo a la entrada para que puedas verla
Después creamos un Favicon para la imagen que aparece en la parte izquierda de la pestaña del navegador; en mi caso elegí la letra E ya que mi nombre empieza por E y así me gustaba. Blogger exige el requisito de que la imagen del Favicon sea de 16*16 píxeles asique tuve que descargarme la imagen y pasarlo por el siguiente enlace que te voy a dejar para que el tamaño se redujese al tamaño deseado
Enlace
También tuvimos que poner una serie de Gadgets para el blog. Estos se puedes establecer de diferentes maneras, pero en nuestro caso elegimos hacerlo mediante Java. Tuvimos que insertar 3 videos de YouTube con la posibilidad de ser reproducidos dentro del mismo blog, y 3 hipervínculos con imagen que nos llevasen a 3 páginas de internet.
Parte V
Creación de un Gift
Hola, hoy voy a hablarte sobre la creación de gift. Un gift es una secuencia de fotos o videos que se repiten de una manera secuenciada.
En clase usamos la siguiente página web: Piacasion. Es muy sencilla de usar y muy intuitiva.
Te dejo una infografía sobre piacasion y como crear un gift 😊
Comentarios
Publicar un comentario