domingo, 15 de octubre de 2017

La imagen digital

Crea en tu blog una o varias entradas que contengan la información relacionada con la imagen digital. Deben desarrollarse al menos estos puntos:






Para ello deberán verse primero los siguientes vídeos:










Incluye en tus entradas de blog las imágenes que consideres necesarias para explicar los conceptos. Si las imágenes no son tuyas deben tener licencia para reutilización, y, en caso necesario, debe atribuirse su autoría, tal y como se indica en este enlace.

jueves, 23 de febrero de 2017

Bobina de Tesla

Construcción de una bobina de Tesla sencilla con un transistor:

1. El circuito:


2. La construcción:





miércoles, 15 de febrero de 2017

Blog en Moodle

En el tema de Máquinas y Mecanismos, quien no desee hacer examen, debe incluir en un blog toda la información del mismo, de manera que:
  1. Para sacar un 5 es necesario incluir toda la información recogida en la libreta
  2. Para sacar más nota deberán incluirse:
  • Imágenes
  • Ejemplos (p.ej., ejemplos de palancas, como pueden ser un cascanueces, unas tijeras, etc...)
  • Ampliar información (por ejemplo, los tipos de palanca - de primer género, de segundo género y de tercer género-)
  • Algún problema resuelto (de la ley de la palanca o de la relación de transmisión)
  • Puede incluirse también algún vídeo
El blog deberá incluir al menos 3 entradas:
  1. Las máquinas simples
  2. Los mecanismos de transmisión de movimiento
  3. Los mecanismos de transformación de movimiento
El enlace para entrar en la plataforma Moodle, donde se hará el blog, es el siguiente:
http://www.juntadeandalucia.es/averroes/centros-tic/04000331/moodle/

En el siguiente vídeo se explica cómo crear el blog:


lunes, 23 de enero de 2017

Creación web, ejercicio 2: Hoja de estilos

Para evitar tener que teclear todo el estilo en cada una de las páginas, éste suele definirse en un archivo aparte, con la extensión "css", al que enlazan cada una de las páginas. Para ello, en el <head> de cada una de ellas debe aparecer la siguiente etiqueta:


<link href="estilo.css" rel="stylesheet" type="text/css" />

En un archivo css los estilos se definen así:

elemento {
 propiedad: valor;
 propiedad: valor;


Vamos a dar estilo a la página web creada en el ejercicio anterior a través del archivo css:

  • El color de fondo de la página puede definirse así:
 body {
      background-color: gray;
 }

  • el color de fondo de un elemento con un identificador (por ejemplo, la división encabezado, <div id="encabezado">):
#encabezado {
     background-color: blue;
}

  • Los estilos de la barra de navegación se definirán así:
#navegacion {
     background-color:blue;
}

#navegación ul {
     list-style-type:none;
}

#navegacion li {
     display: inline;
}

#navegacion a {
     text-decoration: none;
}

En cuanto a los elementos que aparecen en el contenido, tenemos tres tipos de párrafos que se repiten varias veces (los normales, los que contienen las imágenes, y los pies de foto).

En una página web un identificador sólo puede aparecer en un elemento. Para poder definir estilos que se repiten varias veces pueden identificarse con una clase. Las clases si pueden aparecer varias veces en una misma página web. Por ejemplo, podemos identificar los párrafos normales así:

<p class="normal">

los pies de foto así:

<p class="piefoto">

y los de las imágenes así:

<p class="imagen">

En un archivo css a las clases se les define el estilo así:

.normal {
     font-size: 14px;
     color: red;
}

.piefoto {
     font-size: 10px;
     color: gray; 
     text-align: center;
}

.imagen {
     text-align:center;
}

En este ejercicio deberás quitar todos los estilos de la página web que creaste y ponerlos en un archivo css.

Además, deberás crear el resto de páginas web de tu sitio.

martes, 10 de enero de 2017

Etiquetas HTML y estilos CSS


Pincha en la imagen para ampliarla

Creación web: ejercicio 1

El primer ejercicio consiste en realizar una página web que debe contener:

  1. Una división para el encabezado.
  2. Una división para la navegación.
  3. Una división para el contenido.

A la división encabezado se le dará estilo (por ejemplo, un color de fondo) y deberá contener una imagen.

En la división navegación aparecerán los vínculos a otras páginas, tal y como se explica en esta entrada.

En la división contenido deberá incluirse al menos:

  • Un título (<h1></h1>)
  • Varios párrafos (al menos tres) (<p></p>), para los que se definirá un estilo (por ejemplo, un color o un tamaño de letra)
  • Varias imágenes (al menos tres), que deberán alinearse al centro.
  • Cada imagen llevará un pie de foto. Éste será un párrafo con un estilo diferente a los anteriores (tamaño de letra más pequeño, y alineación centrada).
En esta otra entrada aparece una tabla con las principales etiquetas html y los principales estilos css.