HTML

¿Qué es HTML (Hyper text markup language)?

Es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.

Un documento hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia.

Los documentos HTML deben tener la extensión “html” o “htm”, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web).

Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado.

Para practicar, vamos a realizar unos ejercicios, una vez los termines, envíame todos juntos en un mismo correo, en asunto, escribe "introducción a HTML"

Ejercicio 1.

Ejercicio 2

Ejercicio 3

Ejercicio 4

Ejercicio 5

Ejercicio 6

Ejercicio 7

Cuando termines, continúa con los siguientes ejercicios, envíame todos juntos en un mismo correo, en asunto, escribe "HTML medio"
Ejercicio 1
Ejercicio 2
Ejercicio 3
Ejercicio 4
Ejercicio 5
Ejercicio 6

Noticia: Wasap mejor que whatsapp: la RAE presenta su primer ‘Libro de estilo’ para “escritores digitales”

Os dejo enlace de noticia sobre el nuevo manual de escritura que ha presentado la RAE (Real Academia Española) que incluye recomendaciones a los medios sobre la pronunciación y consejos para la comunicación en las redes sociales.

1ºBachillerato: Exámen

Os dejo el enlace para que podáis realizar el exámen.

Tenéis dos documentos, en el de instrucciones, están los ejercicios a seguir. En el modelo de exámen, hay un libro de excel a medias de rellenar (para que tengáis tiempo necesario para terminarlo, os lo doy medio hecho), descargarlo, cambiarle el nombre y, al terminar el examen, enviármelo por correo electrónico.

¡Suerte!

Instrucciones
Modelo exámen

Editor de imágenes.

Vamos a empezar a usar un nuevo software libre y gratuito.

Es un programa para edición de imágenes en general, retoque fotográfico, pintura digital, diseño gráfico, etc. con el que vamos a realizar algunas actividades.

Para ello, necesitamos algunas imágenes.

Aquí unas prácticas para practicar...

Práctica 1- Imagen 1

Práctica 2- Imagen 2

Práctica 3- Imagen 3

Práctica 4- Imagen 4

Cuando termines, sube cada una de tus prácticas a tu blog personal.


GImp básico

• GIMP: Conceptos básicos. Tipos de imagen y elementos
• GIMP: Entorno de trabajo. Abrir y guardar imágenes (archivo INTERFAZ.zip)
• GIMP: Tipos de formatos de imagen (archivo FORMATOS.zip)
• GIMP: Tamaño y resolución de una imagen  (archivo tamresol.zip)
• GIMP: Herramientas de pintura básicas (archivo herpintbas.zip)
• GIMP: Herramientas de selección geométrica (archivo selecciones.jpg)
• GIMP: Herramientas de transformación (archivo hertran.zip)
• GIMP: Herramientas de selección libre. Máscara rápida (archivo herselibre.zip)Tarea
• GIMP: Herramienta de texto (archivos paris.xcf y segobriga.xcf)Tarea
• GIMP: Herramienta de mezcla (degradado) (archivos degradados.jpg y espiral.jpg)Tarea
• GIMP: Modos de color (archivos blancoynegro.jpg y escalagris.jpg)TareaURLURLURLURLURLURLURLURLURLURL
• GIMP: Herramientas de color (archivos violeta.jpg y desaturado.xcf)Tarea
• GIMP: La herramienta de clonado (archivo herclonado.zip)TareaURLURLGIMP: Herramientas de selección libre. Máscara rápidaURL

Realiza los ejercicios y envíamelo por correo electrónico. Fecha de entrega 5 de MARZO.

Bachillerato: Crea tu CV

¡Vamos a realizar nuestro CV!

Una cosa muy importante para vuestro futuro es tener un buen currículum vitae, para ello vamos a aprender a realizarlo y maquetarlo.

El currículum es el primer vistazo que tienen las empresas de nosotros. Y, como tal, debe estar completo, totalmente personalizado y con toda la información relevante acerca de nosotros. Si nuestro currículum no llama, simplemente será descartado y por muy aptos que seamos no tendremos oportunidad alguna.

Hay varias aplicaciones online que se pueden utilizar para que el CV sea un documento atractivo y único.

• canva: esta aplicación ya la conocéis, ¡ánimo!

• cv maker :
  Es una app donde puedes crear tu currículum de forma profesional en un instante. Es gratis y muy sencillo e intuitivo de utilizar. Podrás modificar las plantillas sobre la marcha y elegir el diseño que más te guste.
  Esta herramienta te da la opción de importar tu cv finalizado a Linkedin o Facebook.
  

• DoYouBuzz: Esta app te permite crear un CV en formato web, pdf y para móviles en tan solo un par de minutos.Encontrarás decenas de plantillas modificables de currículum. Además, esta herramienta te da visibilidad antes miles de reclutadores.También cuenta con una opción para importar tu cv finalizado a Linkedin o Facebook.

• Resume: Es una app para elaborar tu currículum de forma rápida y eficiente. Cuenta con diseños profesionales para todos los trabajos y sectores profesionales. Además, también incluye algunas frases de ejemplo para rellenar tu cv.
  Es una web muy intuitiva y se va construyendo el cv paso a paso
   

•  Resume now: Es unaEsta app ofrece la oportunidad de crear un currículum vitae a través de una guía muy sencilla. Irás elaborando el currículum paso a paso hasta que hayas hecho un cv profesional.
  Esta herramienta te ofrece varios formatos para descargar el cv (.docx, .pdf, .rtf, .txt, etc.), numerosas plantillas para elegir, y más opciones que te ayudarán a tener el mejor currículum.
  Además, desde tu cuenta, también puedes crear cartas de presentación e incluso realizar pruebas.
  Una vez que hayas creado tu currículum, puedes descargarlo sin problemas, enviar por correo electrónico o imprimirlo.
  
  
  Ahora elige una de las aplicaciones y realiza tu propio CV (¡¡¡¡cuidado donde lo guardas, están TODOS tus datos personales!!!!), cuando lo termines, súbelo a drive y envíame el enlace por correo electrónico.
  
  
  
  

2º bachillerato: Crea tu página web.

La próxima actividad que vamos a realiza es la creación de una página web mediante la herramienta Google Sites, ¿la conocéis?

Google Sites es una aplicación en línea gratuita ofrecida por la empresa estadounidense Google como parte de la suite de productividad de G Suite. Es una herramienta para la creación de páginas web. Esta aplicación permite crear un sitio web o una intranet de una forma tan sencilla como editar un documento

Aquí os enlazo un video donde se explica cómo realizar una, ¡es muy fácil! Os dejo los requisitos que tiene que cumplir la página, el objetivo es promocionar el insti.

Y aquí os dejo el enlace de la mía

1.  Crea el sitio utilizando una plantilla en blanco
2. La página ha de tener al menos una página principal y tres subordinadas. En todas ellas debe haber algo de texto y al menos una imagen. Vamos a tomar de ejemplo la página web del "insti", y vamos a intentar hacer "algo" parecido.
3. La web debe incorporar al menos en una de sus páginas un vídeo de Youtube o Vimeo y una presentación de Slideshare o Prezzi, realizado por vosotros.
4. En la web se debe incorporar algún documento cargado desde el drive que sea de libre acceso
5. En la web se debe incorporar algún documento cargado desde el drive en el que solo tengan permiso para verlo los componentes de la clase
6. Debe haber enlaces internos (entre las páginas de la web) y al menos a alguna página externa

2º Bachillerato: Seguridad en la red IV

¡Protege tus archivos con contraseñas!

Prácticamente todos los programas que puedes utilizar en tu ordenador ofrecen entre sus herramientas de seguridad la opción de proteger los archivos con una contraseña.

Vamos a crear un documento con el procesador de texto, en él, me vais a contar cómo lleváis el curso (2º bachillerato), cuáles son las mejores y las peores asignaturas, cómo os sentís respecto a la prueba de evau, cómo lleváis esta asignatura, si creéis que es fácil, o por el contrario, es difícil... si estáis aprendiendo, o creéis que no vale para nada, qué os gustaría aprender y porqué, si la metodología que seguimos en la clase os gusta, o en qué os gustaría que cambiara.... no te preocupes, seré la única persona en leerlo, ¡lo prometo!

Inserta una imagen que represente vuestros sentimientos hacia la asignatura.

Una vez acabado, vamos a proteger el documento con una contraseña de apertura, ¿cómo lo haremos?

• En archivo, selecciona información. Despliega Proteger documento y elige cifrar con contraseña.
• Escribe una contraseña en el cuadro cifrar documento apertura y, a continuación, haz clic en aceptar.
• Escribe de nuevo la contraseña y haz clic en aceptar.
• Envíamelo por correo electrónico, y...

¡No olvides de enviarme la contraseña por correo electrónico! 

2º Bachillerato: Seguridad en la red II

Tu huella digital

Todos los días, lo queramos o no, la mayoría de nosotros contribuye a la elaboración de un retrato de lo que somos en línea; un retrato que es probablemente más público de lo que nosotros suponemos. Por lo tanto, no importa lo que tú hagas en línea, lo que importa es que sepas qué tipo de huella estás dejando, y cuáles pueden ser los posibles efectos.




Aquí tienes otro video sobre porqué deberíamos preocuparnos por la gestión de nuestra huella digital.

 ¿Cuidamos nuestra huella digital?

Para comprobarlo, vamos a realizar una investigación en Internet, ¿cómo lo vamos a hacer? vamos a trabajar de forma individial.

Cada alumn@ va a realizar una "investigación" sobre sí mismo, ¿cómo lo vamos a hacer? Realizando una presentación con la información (imágenes, videos, comentarios...) que obtengamos de la búsqueda en Google del nombre completo, lo que pretendemos saber es si cuidamos o no nuestra imagen, nuestros datos y nuestra privacidad.

Vamos a utilizar la herramienta CANVA, y vamos a hacer un cartel. Una vez acabemos, lo subiremos a nuestro blog personal y al tablero (haz doble clic en tablero, es una aplicación en la que vamos a subir todos los carteles para que todos los alumnos puedan ver los carteles de todos sus compañeros, es súper intuitiva, no tenemos más que seleccionar el + que esta en la esquina inferior derecha, escribir vuestro nombre y la inicial de vuestros apellido, y adjuntar el fichero, jpg, pdf...). 

 

 

1ºBachillerato:Excel/calc

Empezamos un nuevo tema,.., vamos a aprender a realizar HOJAS DE CÁLCULO, se pueden realizar con varios software, excel, calc, hojas de cálculo de google...

Aquí tenéis los apuntes básicos, son para CALC, aunque se pueden utilizar para todos los software (de uno a otro, cambia muy poquito)


Estos apuntes son nivel intermedio, ¡poco a poco! 


Y para terminar, aquí unos ejercicios. Para realizarlo, tienes que abrir UN LIBRO, y realizar cada práctica en una HOJA (renombrando cada hoja como práctica 1, práctica 2...hasta la práctica 4. Para entregarlo, súbelo a drive, y compartelo conmigo.

Una vez acabes con esto, crea OTRO LIBRO, y realiza los siguientes ejercicios (renombrando cada hoja como práctica 5... práctica 12)

Para entregar los ejercicios, súbelos a drive, copia el enlace y envíamelo por correo electrónico.

Licencias CREATIVE COMMONS (CC)

Todos sabemos que internet está lleno de imágenes, vídeos, música,... y una multitud de archivos. En alguna ocasión nos hemos podido preguntar si estos archivos tienen propietario o, sin embargo, están a nuestra disposición.

Mientras no muestre ningún tipo de licencia de uso, todos ellos están bajo derechos de autor (copyright ©).

   Las licencias de uso más extendidas son las llamadas CREATIVE COMMONS (haz clic y visualiza el video), con las que cualquier autor decide qué uso puede hacer otra persona de su trabajo.

Puedes obtener cualquier licencia en la página oficial de creative commons, en esta página, en "share your work" o "comparta su trabajo", puedes obtener la licencia que desees (puedes obtener la imagen o la URL)


Los próximos trabajos que realicemos para esta asignatura, en los cuales realicemos entradas en nuestro blog, necesitamos que las imágenes, música, videos... no tienen que tener derechos de autor,  porque los autores originales de los mismos, nos dejan usarlo, pero CITANDO QUIÉN ES EL CREADOR. es decir, con licencia CC - by.

Hay varias web para utilizar archivos sin derechos de autor, ¡búscalas! aunque existe un buscador oficial en la página de creative commons.

Search the Commons

2º Bachillerato: ¿Por qué me vigilan, si no soy nadie? |

Os invito a ver este video sobre seguridad en la red:

Consejos compartiendo contenido online:

1. Pensar antes de compartir. Compartimos nuestras fotos, vídeos, experiencias o comentarios con solo hacer clic pero, ¿pensamos antes de hacerlo? Es recomendable preguntarse: ¿me gustaría que esta imagen la vieran desconocidos, mis profesores o mis padres? Si la respuesta es NO, no hay que compartir. 
2. Respetar a los demás como nos gustaría que nos respetaran. Es muy fácil reírse de los comentarios que se hacen sobre otras personas, y a veces se nos olvida el impacto que los nuestros pueden tener en terceros. Una vez más, hay que pararse y pensar: ¿me gustaría ver ese comentario sobre mí? Si la respuesta es NO, no hay que compartir.
3. Asegurarnos de que nuestros datos personales son privados. Cuando vamos a compartir un contenido en redes sociales, es útil preguntarse si realmente queremos que todos sepan dónde vivimos, cuándo hemos nacido y a qué colegio vamos. Si la respuesta es NO, no hay que compartir. Es recomendable entrar en la sección de ajustes para asegurarse de que nuestros datos no son accesibles a nadie; en las apps que nos descarguemos, debemos seleccionar la opción de no compartir datos personales.
4. Ser buenos amigos. Ser un buen amigo es ayudar y apoyar a la persona que tienes cerca. Un amigo puede necesitar nuestra ayuda para denunciar un abuso o para que un adulto le ayude con un problema. Nuestro consejo es que no les dejemos solos y que les prestemos nuestra ayuda. 
5. Y, sobre todo, valorarnos. No valemos más porque a 200 desconocidos les guste nuestra foto o porque el último vídeo que hemos compartido haya recibido más de 50 visualizaciones. No tenemos que impresionar a nadie, solamente tenemos que ser nosotros mismos.

1º Bachillerato: Arquitectura de ordenadores

Busca información actual sobre este tema y realiza una PRESENTACIÓN, tiene que ser concisa y concreta (no vale copiar y pegar).

Podéis utilizar cualquier herramienta para realizarla.

Aquí tenéis varias herramientas para crear presentaciones originales, como alternativa a PowerPoint. Podéis utilizar cualquiera de estas u otras que conozcáis.

• Thinglink: es una herramienta que sirve para crear imágenes interactivas/mapas con diversos contenidos, por medio de enlaces, textos, vídeos, páginas web, etc.
• Knovio: es un programa gratuito que permite agregar audios y videos a tus presentaciones. Además, brinda la posibilidad de compartirlas a través de las redes sociales o el mail. 
• PowToon:  es un programa de animación de videos que llegó para quedarse. Las presentaciones creadas con este programa resultan interesantes, atrapantes y entretenidas.
• Prezi. es un programa para crear presentaciones animadas atrapantes y dinámicas. 
• Emaze: es un programa que tiene algunas de las mejores plantillas de presentaciones, entre las que podéis elegir artículos de diario o afiches publicitarios. Si no sabés usarlo, eso no será problema, ya que antes de habilitar la creación de presentaciones,  la página ofrece un tutorial.
• Google Slides: Otra de las grandes herramientas que ofrece Google en la nube. Con Google Slides podés crear presentaciones de manera colaborativa. Ofrece una gran cantidad de temas, fuentes, la posibilidad de insertar videos y animaciones, entre otras cosas más.

El índice de contenidos a tratar en la presentación es:

• Estructura de un ordenador.

• Hardware
• placa base
• microprocesador
• chipset
• memorias internas
• conectores internos/puertos
• unidades de almacenamiento interno:disco duro
• unidades de almacenamiento externo
• Software
• sistema operativo. funciones
• programas y aplicaciones

• Periféricos de entrada y salida.

• teclado
• ratón
• escáner
• micrófono
• tableta
• pantalla táctil
• monitor o pantalla
• impresora

• Estructura de un móvil.

• Diferencias del hardware y software (sistemas operativos) entre ordenador y móvil

La fecha de entrega es el 25 de Octubre.

La entrega se realzará si es posible mediante una entrada con el enlace de vuestra presentación en vuestro blog, sino es posible debido al tipo de programa que utilicéis, me enviaréis el archivo adjunto por correo electrónico, y creareis una entrada escribiendo sobre este tema en vuestro blog.

La presentación se realizará en clase.

2º Bachillerato: Seguridad en la red

Busca información actual sobre este tema y realiza una PRESENTACIÓN, tiene que ser concisa y concreta (no vale copiar y pegar).

Podéis utilizar cualquier herramienta para realizarla.

Aquí tenéis varias herramientas para crear presentaciones originales, como alternativa a PowerPoint. Podéis utilizar cualquiera de estas u otras que conozcáis.

• Thinglink: es una herramienta que sirve para crear imágenes interactivas/mapas con diversos contenidos, por medio de enlaces, textos, vídeos, páginas web, etc.
• Knovio: es un programa gratuito que permite agregar audios y videos a tus presentaciones. Además, brinda la posibilidad de compartirlas a través de las redes sociales o el mail. 
• PowToon:  es un programa de animación de videos que llegó para quedarse. Las presentaciones creadas con este programa resultan interesantes, atrapantes y entretenidas.
• Prezi. es un programa para crear presentaciones animadas atrapantes y dinámicas. 
• Emaze: es un programa que tiene algunas de las mejores plantillas de presentaciones, entre las que podéis elegir artículos de diario o afiches publicitarios. Si no sabés usarlo, eso no será problema, ya que antes de habilitar la creación de presentaciones,  la página ofrece un tutorial.
• Google Slides: Otra de las grandes herramientas que ofrece Google en la nube. Con Google Slides podés crear presentaciones de manera colaborativa. Ofrece una gran cantidad de temas, fuentes, la posibilidad de insertar videos y animaciones, entre otras cosas más.

El índice de contenidos a tratar en la presentación es:

• Seguridad activa y pasiva.
• Los antivirus.
• Los cortafuegos.
• La identidad digital y el fraude.
• Cifrado de la información.
• Firma digital. 
• Certificados digitales. 

La fecha de entrega es el 25 de Octubre.

La entrega se realzará si es posible mediante una entrada con el enlace de vuestra presentación en vuestro blog, sino es posible debido al tipo de programa que utilicéis, me enviaréis el archivo adjunto por correo electrónico, y creareis una entrada escribiendo sobre este tema en vuestro blog.

La presentación se realizará en clase.

Uso seguro de las TIs

Google sigue cada paso que das en Internet, lo recuerda y lo almacena. Además, lo usa para que te puedan llegar anuncios, publicidad o, por ejemplo, búsquedas relacionadas con tu navegación por la red.

   Ésto puede llegar a incomodarte o, incluso, causarte problemas que desconoces.

Visualiza el siguiente vídeo.

Cuida tu imagen online

Visualiza el video del canal de pantallas amigas sobre el cuidado de la imagen online, os animo a que sigáis su canal, tienen videos súper interesantes sobre el uso seguro y saludable de internet, redes sociales, móviles y videojuegos. 

Ya debes saber que hay que proporcionar mínima información sobre ti en cualquier repositorio o red social y claro, también en tu blog. Debes resistir la tentación, es por tu seguridad.

Por tanto, en tu blog, en la sección PERFIL, incluye datos que no te identifiquen, pero no mientas ni inventes datos. Para la foto de tu perfil, puedes elegir un pictograma o imagen que en el lenguaje de Internet se llama AVATAR (ó alter-ego). Algunas ideas para ser original y crear tu propio avatar (puedes utilizar estas u otras páginas para crearlos): 

• Portrait Ilustration Maker: crea tu avatar personalizando una serie de elementos.
• Face your manga. Crea tu "mangatar". 

• Bloc head Iconizer: Crea tu avatar con formas de bloques como los Legos.
• Paper Critters: Dibuja muñecos de papel en 3D.
• Pocoyízate. Tu avatar en forma de Pocoyó.
• Simpsons Avatar: Crea tu avatar con el look de los Simpson.
• Picassohead: Tu cara cubista, al estilo de Picasso.
• Build your wild self: Crea tu avatar "salvaje".
• DoppelMe: Avatares muy fáciles de construir.
• Ultimate Flas Face: crea tu retrato fácilmente utilizando los patrones de rasgos faciales que tiene el programa. Es sólo en blanco y negro.
• Pimp the face: Con este programa puedes crear tu cara desde cero pero... también puedes "calcar" a partir de una fotografía tuya, eso sí, con mucha paciencia, irás añadiendo las cejas, nariz... lo más parecidas a las tuyas. En la primera pantalla tienes unos vídeos demostrativos.

Tarea -AVATAR - :

Crea tu propio álter-ego y colocalo en vuestro blogs y cuentas de Google!. Como sois seguidores del blog de clase, sabré si habéis hecho la tarea adecuadamente. 

De todas formas, tenéis que publicar en vuestro blog un artículo con la imagen de vuestro pictograma y un enlace al programa con el que habéis decidido hacerlo.

Crea tu propio BLOG

Cada alumno vais a crear vuestro propio blog de clase. Será vuestro PORTFOLIO, es decir, vuestro cuaderno digital de trabajos.

Os servirá como soporte, almacenamiento y publicación de alguna de las tareas que realizaréis    de aquí a final de curso.

 Podréis enseñárselo a vuestros compañeros, amigos y familiares.

 Lo vamos a hacer en BLOGGER.

 Si queréis ver algún ejemplo, redordad que ya tenemos creado un blog de clase:

                                    profedetecnomadrid@blogspot.com

Tutorial para la creación de un blog en Blogger (haz clic aquí para ver cómo se realiza)

Y ahora, a diseñar tu blog y a publicar, como mínimo: 

• Mensaje de bienvenida a tu blog: el primer artículo de vuestro blog.
• Tenéis que haceros seguidores del blog de clase.
• Tenéis también que enviarme un correo a mi cuenta gmail con la URL de vuestro blog, de esa forma podré enlazar, al blog de clase, todos vuestros blogs.
• Tenéis que crear un gatget de seguidores, para que nos podamos seguir entre nosotr@s.

   Y después, configura tu blog siguiendo las siguientes consejos:

Configuración de tu blog

Aunque hay muchas opciones para ver, vamos a revisar las opciones de CONFIGURACIÓN más elementales que debéis comprobar en vuestros blogs. Ya sabéis que tenéis que entrar desde vuestro blog en PERSONALIZAR y elegir la pestaña CONFIGURACIÓN. No olvidéis GRABAR cada vez que modificáis un apartado.

CONFIGURACIÓN>

BÁSICO>

• Título del blog. Puede ser modificado.
•  Descripción. Puede añadirse o modificarse.
• Contenido para adultos: NO. Evidentemente, si el contenido no fuera apto para menores deberíais poner SI.

FORMATO>

• Zona horaria. Elegid (GMT +01:00)Madrid.

COMENTARIOS>

•  Comentarios: Mostrar.
• Personas que pueden realizar los comentarios: Cualquiera (siempre que moderéis los comentarios antes de su publicación).
• Moderación de comentarios: Siempre. Así evitarás que algún TROLL te insulte y se publique automáticamente. Por cierto, si mientras lo cambias tienes algún troll, no le contestes nunca y tu, como administrador de tu blog, puedes eliminar su comentario.
• ¿Mostrar verificación de la palabra para comentarios? SI. Así evitaréis comentarios automáticos desde ordenadores.

PERMISOS>

• Autores del blog: Ahora sois vosotros sólo pero observad que podríais habilitar a hasta 100 autores que publicarían libre y conjuntamente los artículos con vosotros.
• Lectores del blog: Ahora CUALQUIERA. Observad que podríais limitar quiénes ven vuestro blog y, de esa forma, sería privado, pero éste no es el caso.