lunes, 9 de diciembre de 2013
domingo, 3 de noviembre de 2013
Macromedia Flash MX 2004
Macromedia Flash MX 2004 es un programa fabricado en un principio por la compañía Macromedia pero que en la actualidad es cordinado por Adobe.
Podemos decir que de trata de la herramienta de desarrollo Flash original, y nos permite crear dibujos utilizando numerosas herramientas como Óvalos,rectángulos,pluma,lápiz,curvas..., y textos con cualquier tipo de fuente.Ambas cosas las podemos animar como si se tratase de una pélicula, por lo que acepta formatos como (.swf),(.avi),(.mov) y otros como (.gif), (.jpg), (.png).
Además este programa posee un lenguaje de scripts( action script) que nos permite crear aplicaciones interactivas,juegos,efectos para las webs...
En clase estamo realizando prácticas que os incluiré a continuación e iré actualizando durante el tiempo en que practiquemos en clase.
Práctica 2: Un personaje
Práctica 3:Copiar un dibujo
Práctica 4:Texto con sombra
Práctica 5: Pescado nadando
Práctica 9: Banner
Práctica 12: Botón
Está practica la he subido a otra página llamada filz us y también a megaswf:
Os djo el enlace de una de ellas: http://www.filz.us/files/55fe17b3/408/botonnn.swf
Podemos decir que de trata de la herramienta de desarrollo Flash original, y nos permite crear dibujos utilizando numerosas herramientas como Óvalos,rectángulos,pluma,lápiz,curvas..., y textos con cualquier tipo de fuente.Ambas cosas las podemos animar como si se tratase de una pélicula, por lo que acepta formatos como (.swf),(.avi),(.mov) y otros como (.gif), (.jpg), (.png).
Además este programa posee un lenguaje de scripts( action script) que nos permite crear aplicaciones interactivas,juegos,efectos para las webs...
Práctica 1: Una casa y un árbol
Práctica 5: Pescado nadando
Práctica 6: Presentación
Práctica 7: Pelota Botando
Práctica 8: De la nada
Práctica 9: Banner
Práctica 11: Manchas Solares
Práctica 12: Botón
Está practica la he subido a otra página llamada filz us y también a megaswf:
Os djo el enlace de una de ellas: http://www.filz.us/files/55fe17b3/408/botonnn.swf
viernes, 18 de octubre de 2013
Página web con códigos HTML
Estos últimas clases hemos estado utilizando los códigos HTML de manera muy sencilla con el fin de crear una página web personal muy simple para el disfrute de todos.Para ello hemos seguido unos pasos que indican cómo crear una página fácilmente. Esta es la dirección de dicho manual :
http://ldc.usb.ve/~vtheok/webmaestro/.
Lo primero que debéis hacer es crear un archivo del blog de notas en el que iréis escribiendo la página poco a poco. Tenéis que incluir siempre al principio del texto las etiquetas ´´<HTML> y <BODY>´´ y al final, </HTML> y </BODY>
A continuación iremos añadiendo etiquetas como <H1>/</H1> (donde el número es el tamaño), para añadir un título.Las etiquetas <HR> y </HR> para añadir un subrayado al título(les podemos añadir
< WIDTH=75%> donde el porcentaje es el grosor de la línea de subrayado)
Las etiquetas <BR> que se colocan entre los párrafos para separlos(cuantas más pogamos, más espacio existirá entre ellos)
También podemos añadir una lista con el siguiente código:
<UL>
<LI> <FONT SIZE=8> Informática</FONT>
<LI> <FONT SIZE=6> Educación Física </FONT>
<LI> <FONT SIZE=4> Biología </FONT>
<LI> <FONT SIZE=2> Matemáticas </FONT>
<LI> <FONT SIZE=0.8> Ética </FONT>
</UL>
La etiqueta <UL> permite abrir la lista, <LI> es cada punto de dicha lista, <FONT SIZE=8> para cambiar el tamaño del texto, y </UL> para cerrar la lista.
Para cambiar el color del texto , debemos añadir la etiqueta <FONT COLOR="#FF0000">TEXTO EN COLOR></FONT> Y la etiqueta barra FONT al final.
Imágenes:
Para añadir una imagen al blog basta con insertar la etiqueta <IMG SRC="nombre de nuestro archivo.gif>
En cambio,si queremos colocar una imagen que actúe como enlace, utilizaremos la siguiente etiqueta:
<A HREF="direccion que queramos(copiamos enlace)o archivo.html"><IMG SRC="imagen.gif"></A>
Tablas:
Para introducir una tabla con color de fondo,para mí la que mejor queda, debemos colocar esta etiqueta:
<TABLE BORDER BGCOLOR="FF0000"(rojo) CELLPADING=30>(esto último es la separación de celdas)
Para añadir filas utilizaremos la etiqueta <TR>.
Dentro de esta etiqueta, utilizamos tantas etiquetas <TD>Texto de celda</TD> como columnas queramos en dicha celda.
Por último, no debemos olvidar colocar la etiqueta</TABLE>
Gifts animados:
Colocar un gift animado es igual que colocar una imagen y siempre,siempre, con el .gif al final
Para enlazar el gift con una página, haremos lo mismo que con las imágenes,ya explicado más arriba.
Mapa:
Colocar un mapa es una de las cosas más costosas que podemos encontrar.Para ello debemos utilizar las siguientes etiquetas:
<MAP NAME="mi_mapa">
<AREA SHAPE="RECT" COORDS="46,40,250,75" HREF="mipag2.html">
<AREA SHAPE="RECT" COORDS="46,100,250,135" HREF="mipag3.html">
<AREA SHAPE="DEFAULT" NOHREF>
</MAP>
<IMG SRC="pulsadr1.gif" USEMAP="#mi_mapa">
Aquí, mi_mapa es el nombre que le hemos puesto al mapa.
Las cordenadas las obtendremos con un programa gráfico como paint,donde nos aparecerán al seleccionar un área rectangular de la imagen.
Junto a ellas, colocaremos el enlace al que nos llevará esa zona si clickeamos.
Por último introducimos la imagen que utilizaremos de mapa, que debe estar en nuestras carpeta.
Lo llamaremos como al principio de la etiqueta y ya podremos disfrutar de él .Ejemplo:
Sonidos
Para poder colocar un sonido en nuestra web debemos utilizar las siguiente etiqueta:
<A HREF="sonido.wav"><IMG SRC="imagen.gif"></A>
De esta manera , al pinchar en la imagen, se abrirá automáticamente un reproductor de sonido.
Mi página web
Para acceder a ell haz clck en el siguiente enlace: http://jesustrabado.hol.es
http://ldc.usb.ve/~vtheok/webmaestro/.
Lo primero que debéis hacer es crear un archivo del blog de notas en el que iréis escribiendo la página poco a poco. Tenéis que incluir siempre al principio del texto las etiquetas ´´<HTML> y <BODY>´´ y al final, </HTML> y </BODY>
A continuación iremos añadiendo etiquetas como <H1>/</H1> (donde el número es el tamaño), para añadir un título.Las etiquetas <HR> y </HR> para añadir un subrayado al título(les podemos añadir
< WIDTH=75%> donde el porcentaje es el grosor de la línea de subrayado)
Las etiquetas <BR> que se colocan entre los párrafos para separlos(cuantas más pogamos, más espacio existirá entre ellos)
También podemos añadir una lista con el siguiente código:
<UL>
<LI> <FONT SIZE=8> Informática</FONT>
<LI> <FONT SIZE=6> Educación Física </FONT>
<LI> <FONT SIZE=4> Biología </FONT>
<LI> <FONT SIZE=2> Matemáticas </FONT>
<LI> <FONT SIZE=0.8> Ética </FONT>
</UL>
La etiqueta <UL> permite abrir la lista, <LI> es cada punto de dicha lista, <FONT SIZE=8> para cambiar el tamaño del texto, y </UL> para cerrar la lista.
Para cambiar el color del texto , debemos añadir la etiqueta <FONT COLOR="#FF0000">TEXTO EN COLOR></FONT> Y la etiqueta barra FONT al final.
Imágenes:
Para añadir una imagen al blog basta con insertar la etiqueta <IMG SRC="nombre de nuestro archivo.gif>
En cambio,si queremos colocar una imagen que actúe como enlace, utilizaremos la siguiente etiqueta:
<A HREF="direccion que queramos(copiamos enlace)o archivo.html"><IMG SRC="imagen.gif"></A>
Tablas:
Para introducir una tabla con color de fondo,para mí la que mejor queda, debemos colocar esta etiqueta:
<TABLE BORDER BGCOLOR="FF0000"(rojo) CELLPADING=30>(esto último es la separación de celdas)
Para añadir filas utilizaremos la etiqueta <TR>.
Dentro de esta etiqueta, utilizamos tantas etiquetas <TD>Texto de celda</TD> como columnas queramos en dicha celda.
Por último, no debemos olvidar colocar la etiqueta</TABLE>
Gifts animados:
Colocar un gift animado es igual que colocar una imagen y siempre,siempre, con el .gif al final
Para enlazar el gift con una página, haremos lo mismo que con las imágenes,ya explicado más arriba.
Mapa:
Colocar un mapa es una de las cosas más costosas que podemos encontrar.Para ello debemos utilizar las siguientes etiquetas:
<MAP NAME="mi_mapa">
<AREA SHAPE="RECT" COORDS="46,40,250,75" HREF="mipag2.html">
<AREA SHAPE="RECT" COORDS="46,100,250,135" HREF="mipag3.html">
<AREA SHAPE="DEFAULT" NOHREF>
</MAP>
<IMG SRC="pulsadr1.gif" USEMAP="#mi_mapa">
Aquí, mi_mapa es el nombre que le hemos puesto al mapa.
Las cordenadas las obtendremos con un programa gráfico como paint,donde nos aparecerán al seleccionar un área rectangular de la imagen.
Junto a ellas, colocaremos el enlace al que nos llevará esa zona si clickeamos.
Por último introducimos la imagen que utilizaremos de mapa, que debe estar en nuestras carpeta.
Lo llamaremos como al principio de la etiqueta y ya podremos disfrutar de él .Ejemplo:
Sonidos
Para poder colocar un sonido en nuestra web debemos utilizar las siguiente etiqueta:
<A HREF="sonido.wav"><IMG SRC="imagen.gif"></A>
De esta manera , al pinchar en la imagen, se abrirá automáticamente un reproductor de sonido.
Mi página web
Para acceder a ell haz clck en el siguiente enlace: http://jesustrabado.hol.es
martes, 24 de septiembre de 2013
Google Drive
Hoy en informática hemos aprendido a utilizar Google Drive, un sistema de almacenamiento de archivos que te permite acceder a ellos en cualquier momento, de cualquier forma y en cualquier lugar. La tarea de clase consistió en crear un documento que fuera compartido con el resto de los compañeros de clase, de forma que todos podíamos acceder y editarlo.
Para poder utilizar Google Drive , debemos seguir los siguientes pasos:
1) Tener una cuenta de Google creada. Si no la tenemos iremos a google.es ,donde nos saldrá la opción de crear una cuenta.
2)Una vez la hayamos creado , iremos a la siguiente dirección drive.google.com e iniciaremos sesión.
3) A continuación nos saldrá este menú y lo que debemos hacer en clickear en ´´crear´´ y elegir documento, carpeta, presentación.... Lo que queramos.
4) Tras haber elegido el tipo de documento, lo redactaremos o completaremos y una vez lo hayamos hecho, debemos poner un título, y finalmente, clickear en compartir
5) Por último, debemos elegir el enlace mediante el cual los demás podrán acceder al documento , las personas con las que queramos compartirlo y ajustar la privacidad. El documento puede ser visto sólo por aquellos a los que tu invites, por aquellos que conozcan el enlace o por último, por todos los usuarios de la red.
-
6) Podemos crear también otros tipos de archivos:
- Dibujo personalizado :
https://docs.google.com/drawings/d/1Yco0caHKIech2xYliX7EhcYLGiYrR4CiREgej74QTek/edit
https://docs.google.com/drawings/d/1Yco0caHKIech2xYliX7EhcYLGiYrR4CiREgej74QTek/edit
- Hojas de cálculo:
- Formularios:
- Presentación de diapositivas:
Todos estos archivos fueron creados por mí en clase de informática.
miércoles, 18 de septiembre de 2013
¿Cómo crear un favicon?
Hola a todos. Hoy os vengo a explicar como podemos crear un favicon
1) Lo primero es conocer qué es un favicon y para ello os dejos estas imágenes.
2) El siguiente paso es visitar la siguiente página : http://www.favicon.cc/. Una vez alli nos aparecerá lo siguiente:
3) Una vez hayamos creado nuestro favicon ,utilizadando la amplia gama de colores disponibles, podremos observar cómo queda y así hacer más fálcil el decidir si necesita un retoque.
4) Después de haberlo visto y haber decidido que ese será nuestro favicon, clickearemos en ´´ Download Favicon y se nos guardará el archivo.
5) Para colocarlo en nuestro blog, iremos a diseño y una vez allí , clickearemos sobre favicon.Nos pedirá que seleccionemos el archivo y una vez lo hayamos hecho, pincharemos en guardar.
6)Tras esto ya tendremos nuestro favicon y los demás podrán verlo si visitan nuestro blog.
1) Lo primero es conocer qué es un favicon y para ello os dejos estas imágenes.
2) El siguiente paso es visitar la siguiente página : http://www.favicon.cc/. Una vez alli nos aparecerá lo siguiente:
3) Una vez hayamos creado nuestro favicon ,utilizadando la amplia gama de colores disponibles, podremos observar cómo queda y así hacer más fálcil el decidir si necesita un retoque.
5) Para colocarlo en nuestro blog, iremos a diseño y una vez allí , clickearemos sobre favicon.Nos pedirá que seleccionemos el archivo y una vez lo hayamos hecho, pincharemos en guardar.
6)Tras esto ya tendremos nuestro favicon y los demás podrán verlo si visitan nuestro blog.
sábado, 14 de septiembre de 2013
Cómo puedo tener un contador de visitas en mi blog? Muy fácil
Hola a todos.Hoy os vengo a explicar como colocar un contador de visitas en nuestro blog
1) El primer paso será entrar en la siguiente página http://contador-de-visitas.com/ .
2) Una vez allí, clickearemos en "ver todos".
3) Tras hacerlo, nos saldrán una amplia lista de contadores de todo tipo de colores y formas.Una vez hayamos elegido el que más nos guste , debemos seleccionarlo.
4)También podremos establecer un número de visitas inicial, es decir, que nada más colocar el contador tendremos ese número de visitas que nosotros establecimos.
5)Tras esto clickeamos en OK y a continuación nos saldrá un código, que debemos seleccionar de arriba a bajo para posteriormente copiarlo.
6) El siguiente paso será ir a diseño en nuestro blog y seleccionar un lugar en el que queramos colocar el contador.Una vez hayamos hecho esto , clickearemos en añadir gadget y seleccionaremos HTML/Javascript. A continuación pegaremos el código y pincharemos en guardar
7)Tras esto ,ya tendremos el contador en nuestra página web
1) El primer paso será entrar en la siguiente página http://contador-de-visitas.com/ .
2) Una vez allí, clickearemos en "ver todos".
3) Tras hacerlo, nos saldrán una amplia lista de contadores de todo tipo de colores y formas.Una vez hayamos elegido el que más nos guste , debemos seleccionarlo.
5)Tras esto clickeamos en OK y a continuación nos saldrá un código, que debemos seleccionar de arriba a bajo para posteriormente copiarlo.
6) El siguiente paso será ir a diseño en nuestro blog y seleccionar un lugar en el que queramos colocar el contador.Una vez hayamos hecho esto , clickearemos en añadir gadget y seleccionaremos HTML/Javascript. A continuación pegaremos el código y pincharemos en guardar
7)Tras esto ,ya tendremos el contador en nuestra página web
viernes, 13 de septiembre de 2013
Por qué este blog?
Hola a todos.Hoy os explicaré la finalidad de este blog.
Se trata de un blog creado por mí, Jesús Trabado, para la clase de informática de 4ºESO del colegio La Palmita. En él iré subiendo entrandas con la información acerca de lo que hemos trabajado en clase , así como alguna noticia de interés.
A la derecha del blog he dejado un lista de los blogs de mis compañeros de clase y mi profesor, y os animo a que los visitéis ya que no os arrepentiréis.
Eso es todo. Un saludo y espero que os guste.
Se trata de un blog creado por mí, Jesús Trabado, para la clase de informática de 4ºESO del colegio La Palmita. En él iré subiendo entrandas con la información acerca de lo que hemos trabajado en clase , así como alguna noticia de interés.
A la derecha del blog he dejado un lista de los blogs de mis compañeros de clase y mi profesor, y os animo a que los visitéis ya que no os arrepentiréis.
Eso es todo. Un saludo y espero que os guste.
Suscribirse a:
Entradas (Atom)