miércoles, 15 de marzo de 2017

Ventana de texto con javaScript

Para esta función debemos crear un archivo de javascript, al que llamaremos, por ejemplo, javascript.js



Para poder llamar a nuestra función del archivo javascript.js vamos a tener que escribir el siguiente codigo en el body del html antes de “llamar” a la función:
<script src=" javascript.js "></script>

Y por ultimo en el body del html:


martes, 14 de marzo de 2017

Crear botones en nuestra pagina web

En primer lugar, enlazamos un archivo css de estilo escribiendo el siguiente código:


Luego, en el head escribimos:




Por ultimo, añadir un botón que llame a la función en el body del html:


El botón de esta función es el que esta marcado en verde. Como podéis observar, yo he añadido más botones que realizan diferentes funciones.

domingo, 12 de marzo de 2017

Escáner 3D

El miércoles ocho de marzo tuvimos una clase un tanto diferente.

El profesor Ángel M. Felicísimo nos enseñó el funcionamiento de un escáner 3D. Este aparato consiste en analizar un objeto reuniendo datos de su forma y, si lo deseamos, también su color. La información obtenida se puede usar para construir modelos digitales tridimensionales que se utilizan en una amplia variedad de aplicaciones. A continuación os dejo un enlace donde podéis observar diferentes modelos 3D sacados a partir de un escáner 3D y otros realizados con fotomontaje 3D:


En el siguiente vídeo podéis ver en qué consiste un escáner 3D y como funciona.


Un saludo, ¡espero que os guste!

miércoles, 1 de marzo de 2017

JavaScript


JavaScript es el  lenguaje que usaremos para programar el comportamiento de un sitio web. Es un lenguaje interpretado por el navegador al momento de cargarse la página, es multiplataforma, orientado a eventos con manejo de objetos, cuyo código se puede incluir directamente en el mismo documento HTML.
Su aparición produjo una importante revolución, ya que permite al usuario la posibilidad de modificar páginas web en tiempo real.
Además es muy simple, maneja objetos dentro de una página Web y es dinámico

Hoy en día, JavaScript, es un lenguaje muy usado, entre sus principales aplicaciones:
  1. Responder a eventos locales dentro de la página, como pulsar un botón.
  2. La realización de cálculos en tiempo real.
  3. La validación de formularios dentro de una página.
  4. La personalización de la página por el usuario, que le permitirá tener una página web a su medida.
  5. La inclusión de datos del propio sistema, como son la hora y la fecha.
  6. Mostrar mensajes, crear animaciones, etc.

El código JavaScript se inserta directamente en nuestra página HTML. Hay varias formas de insertarlo:
  • En el código fuente de la página html.
  • En un archivo aparte.


domingo, 26 de febrero de 2017

HTML + CSS

El primer paso que debemos realizar consiste en abrir tu editor de texto, es recomendable descargar uno como notepad (en caso de que utilices windows) o simplemente el bloc de notas pero es importante evitar utilizar procesadores de texto como Microsoft Word ya que normalmente se generan archivos que los navegadores no pueden interpretar.

Una vez abierto nuestro editor de texto, comenzaremos con una página vacía. En ella vamos a escribir o, directamente copiar el código HTML.


Segundo paso, necesitamos crear otro archivo de texto, y escribimos o pegamos el código CSS con el estilo que vamos a seguir. Una vez hecho, guardamos el archivo con la terminación “.css” y con la codificación del archivo “UTF-8”.


Por último, debemos “llamarlo” en el archivo HTML que hicimos inicialmente.


De esta forma, podemos hacer todos los estilos que queramos para una misma página web. Yo he utilizado Hostinger  para crear la mía. Aquí es necesario guardar todos los HTML con sus respectivos archivos CSS y comprimirlos en .ZIP para poder subirlos a la página.


Espero que te sirva de ayuda. Si tienes alguna duda, puedes dejarme un comentario. Un saludo :)

Hojas de estilo CSS

Qué es

Las hojas de estilo son conjuntos de instrucciones que se asocian a los archivos de texto y se ocupan de los aspectos de formato y de presentación de los contenidos. Las hojas de estilo permiten liberar la composición del texto de los aspectos visuales y favorecen que se estructure. Nosotros vamos a utilizar el CSS (Cascading Style Sheets).

Nos encontramos con varios tipos de selectores:
  • Basado en el elemento (etiqueta).
  • Basado en el contexto del elemento.
  • Basado en un identificador o una clase.
  • Basado en una pseudoclase (estado) de un elemento.

Tenemos tres formas de insertar CSS:
  • Hoja de estilos externa
  • Hoja de estilo interna
  • Estilo en línea


HTML

Qué es.

Podemos definir el HTML (HyperText Markup Language) como el lenguaje que utilizamos para la elaboración de sitios web. Además, para añadir un elemento externo a la página no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto.

Código básico de HTML

<html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. 
<script>: incrusta un script en una web. 
<head>: define la cabecera del documento HTML.
    • <title>: define el título de la página. 
    • <link>: para vincular el sitio a hojas de estilo o iconos. 
    • <style>: para colocar el estilo interno de la página, por ejemplo usando CSS.
    • <meta>: para metadatos como la autoría o la licencia.

<body>: define el contenido principal o cuerpo del documento.