Prueba Práctica de HTML

<b>Mañana</b> <span style="background-color: = yellow;">martes 2 de abril </span>
<lu>
<li>Cumpleaños de Marta</li>
<li>Cumpleaños de Luis</li>
</lu>
<br>
<u>Recordad: </u>
<br />
<ol>
<li>Comprar pilas <strike> recargables</strike> en Carrefour</li>
<li>Traer al IES una caja de cartón de doble capa</li>
<li>Traer papel de aluminio</li>
</ol>



Mañana martes 2 de abril

Cumpleaños de Marta

Cumpleaños de Luis

Recordad:

1. Comprar pilas recargables en Carrefour
2. Traer al IES una caja de cartón de doble capa
3. Traer papel de aluminio

Práctica de programación HTML en tu blog

Lista<i> de </i> <u>recados</u> <strike> de</strike> mañana lunes 1 de abril:
<br />
<ol>
<li>recoger botas en zapatero.</li>
<li>comprar 2 bombillas led.</li>
<li>hacer la compra en Lild
<a es="" href:="" href="https://www.blogger.com/null" https:="" lild.es="" ndex.html="">(https://lild.es/es/Index.html)</a>
abre de 9 a 21 horas.</li>
<ul>
<li>sal</li>
<li>patatas</li>
<li>leche</li>
<li>pan integral</li>
</ul>
</ol>


Lista de recados de mañana lunes 1 de abril:

1. recoger botas en zapatero.
2. comprar 2 bombillas led.
3. hacer la compra en Lild (https://lild.es/es/Index.html) abre de 9 a 21 horas.
• sal
• patatas
• leche
• pan integral

Mapas vectoriales e imágenes de satélite on-line

Todos conocemos Google Maps, pero hay mas sitios semejantes. Aquí recogeré

Satélite artificial Swift

los sitios web que voy encontrando:

• Satellites https://satellites.pro/plan/Asturias_map.Spain#E43.557929,-5.918133,17
• ...

Programación Informática

La forma mecánica de realizar una programación cíclica era en el pasado con un cilindro o similar que abría y cerraba conexiones de diferentes receptores de una o varias máquinas, por ejemplo, las diferentes funciones de una lavadora, de un semáforo...

https://electricidad-3b.blogspot.com/

Con la electrónica analógica (con relés temporizadores), se pudo hacer control de receptores de una máquina con mas facilidad, y con la electrónica digital, se hizo aún más facil.

https://50ciclosporsegundo.blogspot.com/2014/11/reles-temporizadores.html

Posteriormente, la electrónica digital permitió realizar estas labores de control, con menor consumo de potencia y con reducción de tamaño de los componentes, las puertas lógicas agrupadas en circuitos integrados, permitieron este cambio.

Hoy en día, se continua utilizando las tecnologías antiguas en viejas máquinas, pero se tiende a programar con ordenadores el software que las hace funcionar, por ello es tan importante tener unas nociones de programación. La programación por sofware permite reprogramar las máquinas para que hagan otra tarea diferente, o para mejorar su funcionamiento con las actualizaciones regulares de software.

Algunos programas no controlan máquinas, pero hacen otros tipos de funciones, como escribir en la pantalla de un ordenador, hacer animación, ordenar datos, diseñar páginas web...

El código HTML se utiliza en la creación de páginas web. Hoy en día se utiliza una mejora de él, en concreto el HTML5.

Se puede aprender a utilizar haciendo pequeñas modificaciones en la edición de los artículos de nuestro blog, siempre que entendamos algunas instrucciones básicas que ya hemos estudiado en clase. Para mas información  https://www.uv.es/cerveron/paginasweb/notashtml.html

Práctica código HTML

Escribe tu nombre en negrita y analiza el código HTML que se ha generado en tu artículo

Ana María

Ahora te traduciré lo que acabas de hacer en HTML, utilizando el símbolo / para escribir detrás del código y que el programa no lea ese texto explicativo.

Escribe tu nombre en negrita y analiza el código HTML que se ha generado en tu artículo
<br />              / sirve para añadir un cambio de renglón
<br />              / sirve para añadir un cambio de renglón
<b>                / abre la orden de escribir en negrita
Ana María           / es el texto que quiero escribir en negrita
</b>                / cierra la orden de escribir en negrita

Comienza en tu libreta un listado de la utilidad de cada orden que la profe va utilizando hoy en clase,el el mismo orden que lo vamos utilizando:

Código HTML
1º día: jugamos con los tipos de letra, tamaños, cursiva, subrayado, tachado, cambio de color a rojo, y cambio de color a lila...

Código HTML
2º día:

Hoy probaremos el efecto del color de fondo, el enlace a Internet, lista numerada, lista con viñetas...

- insertar color de fondo de texto:  Ana María  

Para abrir la orden  <span style="background-color: yellow;">
Para cerrarla       </span>

- insertar enlace de Internet: mi blog

<a href="https://tic4salinas.blogspot.com/">mi blog</a>

Para abrir la orden <a href="...nombre de la web.../">...texto que aparece escrito...
Para cerrarla </a>

- insertar listas numeradas:

1. desenchufar la nevera
2. vaciarla
3. limpiarla
4. dejarla secar
5. llenarla de nuevo

Para abrir la orden de que comience una lista numerada  <ol>
Para abrir la orden de que comience un renglón con puntito <li> antes de escribir lentejas
Para cerrar el renglón </li>
Para cerrar la lista de viñetas </ol>

- insertar listas con viñetas:

• lentejas
• manzanas
• arroz

Para abrir la orden de que comience una lista  <ul>
Para abrir la orden de que comience un renglón con puntito <li> antes de escribir lentejas
Para cerrar el renglón </li>
Para cerrar la lista de viñetas </ul>


Práctica: realiza en un papel en blanco la programación del código html necesario para que aparezca en pantalla lo siguiente:

Lista de recados de mañana lunes 1 de abril:

1. recoger botas en zapatero.


2. comprar 2 bombillas led.


3. hacer la compra en Lidl (https://www.lidl.es/es/index.html) recordar que abre de 9 a 21 horas.
• sal
• patatas
• leche
• pan integral

Curso de HTML

Haz una web

es una web en la que puedes ir aprendiendo código HTML para diseñar páginas web. Lo utilizaremos en clase para aprender unas nociones.

https://www.hazunaweb.com/curso-de-html/

Práctica de código HTML

Escribe tu nombre en negrita y analiza el código HTML que se ha generado en tu artículo

Ana María

Ahora te traduciré lo que acabas de hacer en HTML, utilizando el símbolo / para escribir detrás del código y que el programa no lea ese texto explicativo.

Escribe tu nombre en negrita y analiza el código HTML que se ha generado en tu artículo
<br />              / sirve para añadir un cambio de renglón
<br />              / sirve para añadir un cambio de renglón
<b>                / abre la orden de escribir en negrita
Ana María           / es el texto que quiero escribir en negrita
</b>                / cierra la orden de escribir en negrita


Comienza en tu libreta un listado de la utilidad de cada orden que la profe va utilizando hoy en clase,el el mismo orden que lo vamos utilizando:

1º día: jugamos con los tipos de letra, tamaños, cursiva, subrayado, tachado, cambio de color a rojo, y cambio de color a lila.

2º día:

Hoy probaremos el efecto del color de fondo, el enlace a Internet, lista numerada, lista con viñetas...

- insertar color de fondo de texto: Ana María

Para abrir la orden <span style="background-color: yellow;"> Para cerrarla </span>

- insertar enlace de Internet: mi blog

<a href="https://tic4salinas.blogspot.com/">mi blog</a>

Para abrir la orden <a href="...nombre de la web.../">...texto que aparece escrito… Para cerrarla </a>

- insertar listas numeradas:

1. Desenchufar la nevera.
2. Vaciarla.
3. Limpiarla.
4. Llenarla de nuevo.

Para abrir la orden de que comience una lista numerada <ol>

Para abrir la orden de que comience un renglón con puntito <li> antes de escribir lentejas, para cerrarlo </li>

Para cerrar la lista de viñetas </ol>

- insertar listas con viñetas:

• lentejas
• manzanas

Para abrir la orden de que comience una lista <ul>

Para abrir la orden de que comience un renglón con puntito <li> antes de escribir lentejas, para cerrarlo </li>

Para cerrar la lista de viñetas </ul>

Práctica: realiza en un papel en blanco la programación del código html necesario para que aparezca en pantalla lo siguiente:

Lista de recados de mañana lunes 1 de abril:

1. recoger botas en zapatero.

1. comprar 2 bombillas led.
2. hacer la compra en Lidl (https://www.lidl.es/es/index.html) abre de 9 a 21 horas.
   • sal
   • patatas
   • leche
   • pan integral
     

1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

6 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

7 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

9 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

10 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

11 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

12 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

13 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

14 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Informática y Medio Ambiente trabajo con HTML

Piensa en las ventajas y desventajas que ofrece la Informática sobre el Medio Ambiente.

Para hacer una tabla vacía puedes escribir código html, o realizarla en una hoja de cálculo y copiarla en el artículo. El código utilizado para crear esta sería:

<table bgcolor="#804000" border="1" cellpadding="5" style="width: 100%;">
<tbody>
<tr><td>Texto o imagen 1</td><td>Texto o imagen 2</td></tr>
<tr><td>Texto o imagen 3</td><td>Texto o imagen 4</td></tr>
</tbody>
</table>

Ventajas de la Informática sobre el M. A	Desventajas de la Informática sobre el M. A
sxysh .......	dfsdgf ..........

Edición de vídeo

Con esta herramienta se puede cortar un vídeo, juntar vídeos, añadir imágenes, música, marca de agua, texto con animaciones, en tres tamaños diferentes con tres formatos distintos y todo ello on-line.

https://www.flexclip.com/

Ejemplo de creación de un vídeo: https://www.flexclip.com/learn/how-to-create-a-youtube-video.html