El blog de Esther

lunes, 27 de marzo de 2017

HTML

HTML (HyperText Markup Language) es el lenguaje usado en las páginas webs.

Es un lenguaje que puede ser interpretado por cualquier equipo informático independientemente del sistema operativo y explorador que utilice.

HyperText se refire a que aparecen enlaces a otras páginas, utilizando links.

Conoceremos el código básico, con el que podrás realizar tus primeras páginas web, antes de pasar a ver algún editor de código concreto como el Dreamweaver que facilitan la tarea.

Es muy importante tener ciertos conocimientos del lenguaje ante posibles problemas que, sin lugar a dudas, se nos van a presentar al editar nuestras páginas.

Desde aquí podrás acceder a otros cursos sobre este tema que hay en la red.

ACTIVIDAD: 1. Deberás copiar todas las sentencias que aparecen en el manual explicando para qué se utilizan y en caso de que tengan algún parámetro que valor puede tomar. Además, realiza a la vez las actividades que se van proponiendo, escribiendo el código adecuado y actualizando la página para ver los resultados.

1. Antes de empezar, veamos en qué consiste este código:

Actividad: Situate con el puntero del ratón sobre cualquier punto vacío de esta página. Pulsa el botón derecho y selecciona en el menú contextual la opción VER CÓDIGO FUENTE. Aparecerá algo similar a esto:

En el caso de que estés con el Explorer. O algo así:

En el caso del Firefox.

Aunque veas muchas sentencias raras, cuando te familiarices con ellas verás lo sencillo que puede ser programar en HTML.

2. Mi primera página:

Para escribir el código fuente utilizaremos un procesador de textos básico como el BLOC DE NOTAS. Inicio > Todos los programas > Accesorios > Bloc de notas. Se abrirá una ventana como ésta:

En el código HTML cada sentencia aparecerá introducida una ETIQUETA de entrada y otra de SALIDA.

1º-La primera etiqueta será la que indique que estamos escribiendo en lenguaje HTML:
<html>
</html>
2º Dentro de esta etiqueta deberemos distinguir lo que es el encabezado y el cuerpo de la página usando las etiquetas HEAD y BODY, respectivamente. El encabezado lo usaremos para el título que aparecerá en la pestaña y en el body estará el contenido del programa.
3º Tendremos en cuenta siempre la siguiente norma: Tabula las etiquetas según el lugar que ocupen en el código, aunque puede parecerte un poco engorroso al principio, esta nota te hará más sencillo encontrar cada parte del código.
El código quedará tabulado así:

Para que se vea el documento como una página web, es necesario que le demos nombre y extensión. Así que lo guardaremos en el escritorio como índex.html
Observa que aparecerá el archivo en el escritorio con el icono de una página web.
Cierra el archivo y ábrelo de nuevo. Verás como de forma automática se abre el explorador mostrando tu página web.
Si quieres volver a editarla tendrás que hacer clic con el botón derecho sobre el archivo y darle a abrir como, escogiendo la opción editor de textos.

Actividad 2: cambia el cuerpo de tu página por el siguiente texto: Hola a tod@s!!!

3. Mejorando la página:

3.1. Centrar el texto: CENTER: Permite centrar el texto que se encuentre dentro de la etiqueta:
pondremos:
<center>
Hola a tod@s!!!
</center>

Para comprobarlo basta con guardar y hacer doble clic. O si tenemos abierto el archivo en el explorador bastaría con actualizar la página.

3.2. Aumentar el tamaño del texto: Hnumero: Cambia el tamaño según el valor numérico que pongamos, siendo el 1 el tamaño más grande y 6 el más pequeño:

pondremos:
<center>
<h6>Hola</h6> <h3>a</h3> <h2>tod@s</h2><h1>!!!</h1>
</center>

3.3. Poner un color e fondo: Se entiende que el color de fondo es una propiedad que afecta a todo el documento por lo que esta característica será lo que se llama un ATRIBUTO del cuerpo (BODY). Este atributo se llama BGCOLOR, BG de background.
Los parámetros que toma son los colores escritos en código hexadecimal que consiste en 6 cifras/letras agrupadas de dos en dos, que nos indican la cantidad de rojo, verde y azul que contiene ese color, o bien, con la palabra inglesa que corresponde al color.
Ejemplo para poner el fondo de color verde:
<body bgcolor="green">

</body>

Para que veas cómo utilizar el sistema hexadecimal accede al enlace.

Actividad 3:
a) Busca una página donde puedas acceder al código hexadecimal de los colores. Escribe su dirección web en tu libreta.
b) Utiliza el código hexadecimal para poner de color lila el fondo de la página.
c) Explica la diferencia entre utilizar Comillas dobles y no utilizarlas. (libreta)

c) Copia el siguiente texto y explica cómo podemos mejorarlo para que el título sea del mismo color, ponle un color azul.

recursos: http://roble.pntic.mec.es/apuente/html/paginas/seis.htm

PROGRAMACIÓN

ÍNDICE
0. Introducción a la programación
1. Fundamentos de la programación. Algoritmos.

DISEÑO WEB
2. Lenguaje HTML. Uso en la creación de páginas web.
4. Editores web. Servidores de páginas web: Googe page, Blogger. JIMDO, etc.

PROGRAMACIÓN
5. SCRATCH
6. Procesing
7. Unity

miércoles, 22 de febrero de 2017

TRABAJO EN EQUIPO

TRABAJO COLABORATIVO: INSTRUCCIONES:

-Se puntuará cada equipo en el orden en el que terminen de realizar correctamente cada actividad.
-Para que la actividad sea considerada válida es necesaria que todos y cada uno de los miembros del equipo hayan terminado la actividad en su LIBRETA junto con los CÁLCULOS NECESARIOS realizados a mano.
-Una vez que todos hayan terminado la actividad llamarán a la profesora para que pueda comprobar si la solución es correcta así como si todos la han realizado. En ese momento se establecerá la puntuación del equipo.
Los equipos irán teniendo una puntuación correspondiente a la posición en la que hayan terminado la actividad. En que tenga la menor puntuación será el equipo que estará en la primera posición y en que tenga la mayor puntuación el que estará en la última posición.

SI ALGÚN MIEMBRO DEL EQUIPO SE LEVANTA E INTENTA COPIARSE DE OTRO GRUPO SERÁ INVALIDADA LA PREGUNTA CORRESPONDIENTE PONIÉNDOSE UN +5 EN SU LUGAR.
NO SE PERMITE LA CALCULADORA POR LO QUE SERÁ IMPRESCINDIBLE QUE ESTÉN REALIZADOS TODOS LOS CÁLCULOS EN LA LIBRETA.

FICHA DECIMALES1. Realiza los siguientes ejercicios en la libreta. (Copia los enunciados y los gráficos)

1.
(I) Expresa en centésimas como en el ejemplo:
a) 5 unidades=500 centésimas
b) 3 décimas c) 2 milésimas d) 6 decenas
(II) Expresa en décimas:
a) 8 unidades; b) 50 centésimas c) 300 milésimas d) 2 decenas
(III) expresa en milésimas:
a) 6 unidades; b)30 centésimas c) 4 décimas d) 3 decenas

2. Copia en la LIBRETA el cuadrado amarillo de la página 93 y utilízalo para ordenar las siguientes series de números decimales:
a) 6,3 6,365 6,36 6,369 6,4
b) 9,7 9,75 9,76 9,754 9,8

c) 0,349 0,345 0,34 0,4 0,376

d) 8,35 8,3 8,36 8,354 8,4

4. Realiza las siguientes operaciones (mira la página 96)
a) 62,36 + 3,891 - 4,141 =
b) 19, 537 + 30,608 - 41,574 =
c) 13,54 + 6,325 - 8,212 =
d) 5,234 + 57,26 - 32,024 =
e) 11,29 + 8,085 - 9,119 =
f) 2,141 + 98,34 - 26,055 =

5. Calcula: (página 97)
a) 8,23 · 3,6 =
b) 0,16 · 0,04 =
c) 3,15 · 2,5 =
d) 0,18 · 0,03 =
e) 6,25 · 3,4 =
f) 0,24 · 0,05 =
g) 2,25 · 2,5 =
h) 0,13 · 0,06 =

6. (I) MIRA LA página 98 Y COPIA EL EJEMPLO.
(I) Calcula hasta las centésimas:
a) 7 : 8 =
b) 54 : 0,75 =
c) 49 : 0,6 =
d) 7 : 6 =
e) 38 : 0,25 =
f) 86,125 : 6,5 =
g) 11 : 12 =
h) 90 : 0,45 =

7. Realiza los cálculos siguientes . (Página 97 y 98)
a) 33,85 : 100
b) 0,0059 : 1000

FICHA DECIMALES2. Realiza los siguientes ejercicios en la libreta. (Copia los enunciados y los gráficos)

1. Indica el orden de unidad que representa la cifra 2 en cada uno de los siguientes números.
a) 325,742 c) 20,02020
b) 100,492 d) 201,525

2. Expresa cada número en UNIDADES:
a) 54 milésimas. d) 25,7 décimas
b) 6804 décimas. e) 0,004 millones
c) 62 centésimas f) 18,472 milésimas.

3. Representa en la recta numérica los siguientes números:
a) 1,2; 1,3 y 1,7
b) 0,3 0,34 y 0,38
c) 1,74 1,79 y 1,76
d) 0,123 0,125 y 1,13

4. Ordena de mayor a menor:
a) 104,29 140,09 104,0076 140,0906
b) 3,04 3,044 3,004 3,0404 3,0004 3,4003 3,4

5. Escribe tres números decimales comprendidos entre los siguientes:
a) 34,506 y 34,508
b) 4,5 y 4,50003

6. ¿Qué valores asocias a los puntos de la recta:
A B C D E
a)__|__|__|__|__|__|__|__|__|__|__|__|__|__|__|__|__|__|__|__|__|__
4,3 4,35 4,4

A B C D E
b)__|__|__|__|__|__|__|__|__|__|__|__|__|__|__|__|__|__|__|__|__|__
2,39 2,45 2,49

7. Realiza las siguientes operaciones (mira la página 96)
a) 63,35 + 2,892 - 4,141 =
b) 17, 536 + 33,609 - 41,574 =
c) 11,52 + 8,327 - 8,212 =
d) 5,232 + 57,28 - 32,014 =
e) 11,29 + 7,085 - 8,119 =
f) 2,141 + 98,34 - 24,055 =

8. Copia la teoría (cuadros amarillos) de la página 94 y contesta:
(I) aproxima por TRUNCAMIENTO las centésimas:
a) 22,847= c) 0,795
b)3,9949= d) 0,995
(II) Aproxima a las milésimas los siguientes números:
TRUNCAMIENTO | REDONDEO
4,0107 |

5,0023 |

0,1295 |

0,9995 |

9. Calcula: (página 97)
a) 8,23 · 3,6 =
b) 0,16 · 0,04 =
c) 3,15 · 2,5 =
d) 0,18 · 0,03 =
e) 6,25 · 3,4 =
f) 0,24 · 0,05 =
g) 2,25 · 2,5 =
h) 0,13 · 0,06 =

10. (I) MIRA LA página 98 Y COPIA EL EJEMPLO.
(II) Calcula hasta las centésimas:
a) 7 : 8 =
b) 54 : 0,75 =
c) 49 : 0,6 =
d) 7 : 6 =
e) 38 : 0,25 =
f) 86,125 : 6,5 =
g) 11 : 12 =
h) 90 : 0,45 =

11. Realiza los cálculos siguientes . (Página 97 y 98)
a) 33,85 · 100 b) 0,0059·1000 c)7639·1000
d) 0,0059 : 1000

martes, 21 de febrero de 2017

Decimales-1ºESO

Comenzaremos el tema con un repaso de todo lo que sabeis de los decimales:

test DECIMALES

0. Conocimientos previos.
1. LOS NÚMEROS DECIMALES: TEORIA, OTRA

1.1 DESCOMPOSICION DE NÚMEROS DECIMALES

Números decimales de Juanjo Expósito

A) básico