Burflip Blog

The End

2012-12-12T06:15:00.002+01:00

Como habéis podido comprobar los pocos que os habéis metido últimamente en este blog, está muy desactualizado y la última entrada tiene lo más grande de años.
Siento mucho no poder continuar con este proyecto y por no haberlo continuado, los estudios y el League of Legends (LoL) me roban demasiado tiempo. Aunque era muy entretenido y espero que ayudara a mucha gente, esto llegó a su fin y por ahora no tengo intención de retomarlo.
He ocultado los comentarios y he restringido el acceso a ellos por el increíble envío de spam que recibía en algunas entradas.
No contestaré a comentarios en ninguna de las entradas, y el contenido o enlaces de los mismos seguramente estén desactualizados.

Un saludo.

¿Por qué no he escrito post esta semana?

2007-10-21T21:53:00.000+02:00

Bueno, pues quería aclararos por qué no he escrito post durante esta semana.

Aparte de que he tenido un montón de exámenes durante esta semana, ha habido un problema entre jazztel y mi ordenador, por lo que la máxima duración de una conexión a internet ha sido de algo así como 30 segundos.

Después de intentar postear esto varias veces seguidas, al final, lo he conseguido.

Tengo casi finalizados un par de tutoriales, en cuanto vuelva a estar "operativa" la red de mi casa los posteo.

Un Saludo

Tutorial Flash Paint Apliccation (II)

2007-10-13T14:26:00.000+02:00

Primera parte del tutorial.

Continuamos con la segunda parte del tutorial de la creación de una aplicación sencilla de dibujo en Flash.

Segunda Parte.

Aquí programaremos el AS para el movieClip fps:


var h = 1;

this.onEnterFrame = function() {

if (_root.borrar_selected) {

h += 1;

if (h>=10) {

this._alpha -= 5;

if (this._alpha<=0) {

 this._visible = false;

 removeMovieClip(this);

 h = 1;

}

}

} else if (this._x>=550 || this._y>=270 || this._x<=0 || this._y<=0 || _root.svc) {

h += 1;

if (h>=10) {

this._alpha -= 5;

if (this._alpha<=0) {

 this._visible = false;

 removeMovieClip(this);

 h = 1;

}

}

}

};

Explicación:

var h = 1;
Declaración de la variable "h" con el valor 1.

this.onEnterFrame = function() {
Con this, se refiere a la instancia del propio clip de película cuando sea attacheada en el escenario. Con onEnterFrame quiere decir que la función siguiente se ejecutará un número de veces igual al número de fps (fotogramas por segundo) por cada segundo que se reproduzca la película.

if (_root.borrar_selected) {
Si la variable "borrar_selected" definida en en la raíz tiene como valor true hacer lo siguiente:

h += 1;
La variable que definimos antes aumenta en 1, esto es igual que "h ++".

if (h>=10) {
Esto es una condicional dentro de otra condicional. Dice que si "h" es mayor que o igual que 10, flash hace lo siguiente:

this._alpha -= 5;
Con this nos referimos a la instancia del propio clip de película cuando sea attacheada en el escenario, y con "_alpha -= 5" decimos que el _alpha de el mc baje en 5 x veces cada segundo (donde x son los fps de nuestra película).

if (this._alpha<=0) {
Otra condicional más. Significa que si el _alpha de nuestro mc es menor que o igual a 0, haz lo siguiente:

this._visible = false;
Hazlo invisible.

removeMovieClip(this);
Elimínalo del escenario.

h = 1;
La variable "h" vuelve a ser 1.

}
Se cierra el "if (this._alpha<=0) {"

}
Se cierra el "if (h>=10) {"

} else if (this._x>=550 || this._y>=270 || this._x<=0 || this._y<=0 || _root.svc) {

Se cierra el "if (_root.borrar_selected) {" y con el "else if" decimos que si la variable "borrar_selected" definida en la raíz no tiene el valor "true" (por lo tanto
tiene el valor "false") y su _x y _y se salen de las proporciones del cuadrado que dibujamos anteriormente en la línea de tiempo principal (Ese que dijimos que sería en el que el usuario podría dibujar) o si la variable "svc" definida en la raíz de la película (Esta es la variable que usábamos para definir la escritura flotante o la escritura normal) es true, hacer lo siguiente:

h += 1;
if (h>=10) {
this._alpha -= 5;
if (this._alpha<=0) {
this._visible = false;
removeMovieClip(this);
h = 1;
}
}
Usamos la función explicada anteriormente.

}
Esto cierra el "else if...."

};
Y esto, para finalizar cierra el "this.onEnterFrame..."

Ya está, si lo hicísteis bien os quedará algo así:

.FLA(Megaupload)
.FLA(MegaShares)

Primera parte del tutorial.

Un Saludo.

Tutorial Flash Paint Apliccation (I)

2007-10-13T14:23:00.000+02:00

Primera Parte.

En este tutorial aprenderemos a hacer una aplicación de dibujo sencilla como ésta.
Es bastante fácil de hacer, cualquiera que tenga Adobe Flash 8 o superior lo puede hacer. Para explicarlo usaré un método line-to-line en el que iré explicando línea a línea del código.

Comenzemos:

Creamos un nuevo documento con las medidas óptimas para cada uno, en mi caso fueron de 550x450 píxeles (medida por defecto de photoshop).

Dibujamos un cuadrado que será el sitio donde el usuario podrá dibujar. Yo lo dibujé de 550x271 píxeles y lo situé en x:0 y:0.

Creamos 3 botones, el primero es el de borrar, y le ponéis el nombre de instancia "borrar". El segundo es el de alternar entre escritura normal y flotante (que se borra después de que escribas algo), con el nombre de instancia "toggled". El tercer botón debe ocupar todo el escenario y debe ser invisible, por lo que sólo debe tener fotogramas con contenido en el apartado "zona activa", lo demás deben de ser fotogramas vacíos. A este último botón le ponemos el nombre de instancia de "btn".

Ahora, creamos un nuevo clip de película en el que haya un punto negro pequeño en el centro. Lo vinculamos a AS con nombre de identificador: "fps".

Aquí tenemos el AS del frame principal:


stop();

//Declaración de variables

var i:Number = 0;

var svc:Boolean = false;

var htg:Boolean = false;

var borrar_selected:Boolean = false;

var onChange:Boolean = true

//Función para dibujar

function onDrawing(temp) {

_root.onMouseMove = function() {

if (this.k) {

xpos = _xmouse;

ypos = _ymouse;

temp += 1;

this.attachMovie("fps","fps"+temp,temp,{_x:xpos, _y:ypos});

}

updateAfterEvent();

};

}

//Btn era el mc que ocupaba todo el escenario

btn.onPress = function() {

k = true;

onDrawing(i);

};

btn.onRelease = btn.onReleaseOutside=function () {

k = false;

};

//Toggled era el botón de Escritura Flotante~Escritura normal

toggled.onRelease = function() {

if (htg) {

svc = false;

htg = false;

} else {

svc = true;

htg = true;

}

};

//Borrar era el botón para borrar.

borrar.onPress = function() {

borrar_selected = true;

};

borrar.onRelease = function() {

borrar_selected = false;

};

Explicación:

Lo primero que tenemos es la declaración de variables que luego usaremos.
Ahora viene la función onDrawing

function onDrawing(temp) {

_root.onMouseMove = function() {

if (this.k) {

xpos = _xmouse;

ypos = _ymouse;

temp += 1;

this.attachMovie("fps","fps"+temp,temp,{_x:xpos, _y:ypos});

}

updateAfterEvent();

};

}

Esta función, lo que hace es lo siguiente:

function onDrawing(temp) {
Función onDrawing(variable privada de la función temp) {

_root.onMouseMove = function() {
Esto significa que la función siguiente se ejecutará cada vez que el mouse se mueva dentro de la raíz principal.

if (this.k) {
Si _root.k es true.

xpos = _xmouse
ypos = _ymouse
Las variables xpos e ypos toman las coordenadas x e y del mouse.

temp += 1
Esto es igual que temp ++. La variable temp cambia de valor en un número mayor al anterior en una unidad.

this.attachMovie("fps","fps"+temp,temp,{_x:xpos, _y:ypos})
Con this nos referimos a _root. Por lo tanto, la raíz de nuestra peli atachea el MovieClip con el identificador fps, le da el nombre de instancia fps+temp (osease, un nombre de instancia distinto cada vez), con una profundidad temp (cada vez mayor) y con un _x y _y igual al del mouse.

updateAfterEvent();
Se actualiza después de un evento de ratón.

Ahora tenemos el btn.onPress y btn.onRelease:

btn.onPress = function() {

k = true;

onDrawing(i);

};

btn.onRelease = btn.onReleaseOutside = function () {

k = false;

};

btn.onPress = function() {
Cuando sobre btn (esto es el movieClip que ocupaba todo el escenario) se presione el botón izquierdo del ratón sin soltarlo, haremos la siguiente función:

k = true;
Variable Booleana "k" es true. Si recordamos, la variable "k" la utilizábamos en la función onDrawing(temp).

onDrawing(i);
Función onDrawing() anteriormente descrita. La función onDrawing() inicialmente tenía como parámetro la variable "temp" (onDrawing(temp)). Al escribir onDrawing(i) en toda la función donde había una variable "temp", cambia y se vuelve a la variable "i" con el valor de "i" que lo definimos al principio como 0.

};
Fin de btn.onPress

btn.onRelease = btn.onReleaseOutside = function () {
Esto significa que cuando btn sea presionado y soltado sobre el mismo btn, o que sea presionado y soltado fuera del propio btn, hagamos la siguiente función:

k = false;
La variable "k" la usábamos en la función onDrawing(temp). Ahora la función no se ejecutará puesto que al principio de esta función hay un "if" que dice que sólo si la variable "k" es true, se ejecutará la función.
Con esta línea cerramos la función.

};
Fin de btn.onRelease

Primera parte del tutorial.

Segunda parte del tutorial.

Un Saludo.

Flash Paint Powa!

2007-10-12T23:16:00.000+02:00

Esta es una pequeña aplicación de dibujo de una sola línea en flash.

Flash Paint

Cómo hacer esto (Tutorial).

Un saludo

Tutorial Batch desde 0 (C3)

2007-10-09T16:40:00.000+02:00

Primer Capítulo
Segundo Capítulo

C3

En este capitulo aprenderemos cosas como los comandos start, los redireccionamientos, el call y el cd.

1. Title

Por si se me olvido, el comando title sirve para ponerle nombre a nuestra ventana:

Código:

@echo off
title Titulo de mi ventana
echo.
echo Esto es un bat con nombre en la barrita azul
echo.
pause
exit

2.Start

Sirve para llamar programas desde el bat actual. Se abren evidentemente en una ventana nueva, y no tienen nada que ver con el bat primero. Podemos abrir desde un .txt asta una base de datos (siempre que tengamos el programa correspondiente para abrirlo)

Código:

@echo off
echo.
echo Esto te abre la cmd y se cierra
echo.
pause
start %systemroot%\system32\cmd.exe
exit

3.Redireccionamientos

Los redireccionamientos son lo mas usado. Sirven para crear archivos de cualquier tipo con informacion que nosotros queramos.

Se usa > para borrar todo lo que hay en el archivo y escribir (si no existe tal archivo, bat lo crea.

Se usan >> para escribir a continuacion de lo que ya hay escrito en un archivo.

Para indicar que se manda al archivo, se suele usar "echo". Si no quieres que pase informacion por la pantalla, usa >nul:

echo Esto se va a archivo.txt sin salir por la pantalla >nul >archivo.txt

Código:

@echo off
echo.
echo Pulsa una tecla y se creara un archivo en el mismo directorio
echo que este con el nombre archivo.txt y contendra el texto
echo Hola mundo y Adios mundo
pause>nul
echo Hola mundo >nul >archivo.txt
echo Adios mundo >nul >>archivo.txt
echo.
echo Archivo creado.
pause
exit

4.Call

El comando call es realmente util. Sirve para llamar a un programa y que se ejecute dentro de el nuestro, cuando acabe de ejecutarse seguira corriendo nuestro bat principal desde el call.

Tenemos dos programas. En este ejemplo, estaremos en un juego en el que necesitas llegar hasta un punto para usar un ataque especial.

Empezamos por el segundo:

Nombre archivo: call2.bat

Código:

@echo off
set ataque2=Bola de Fuego

Primer programa:

Nombre archivo: call1.bat

Código:

@echo off
echo.
set ataque1=Bola de Aire
set ataque2=???????
echo Bien, estas frente al gran maestro.
echo Ahora mismo tienes los siguientes ataques:
echo -%ataque1%
echo -%ataque2%
echo.
echo Pulsa una tecla para que el gran maestro te enseñe mas.
pause>nul
call call2.bat
cls
echo.
echo Aprendiendo {........}
ping -n3 localhost >nul
cls
echo.
echo Aprendiendo {-.......}
ping -n3 localhost >nul
cls
echo.
echo Aprendiendo {--......}
ping -n3 localhost >nul
cls
echo.
echo Aprendiendo {---.....}
ping -n3 localhost >nul
cls
echo.
echo Aprendiendo {----....}
ping -n3 localhost >nul
cls
echo.
echo Aprendiendo {-----...}
ping -n3 localhost >nul
cls
echo.
echo Aprendiendo {------..}
ping -n3 localhost >nul
cls
echo.
echo Aprendiendo {-------.}
ping -n3 localhost >nul
cls
echo.
echo Aprendiendo {--------}
ping -n3 localhost >nul
cls
echo.
echo Has aprendido un nuevo ataque:
echo Ataques disponibles:
echo -%ataque1%
echo -%ataque2%
echo.
echo Has completado tu entrenamiento.
echo Pulsa una tecla para salir.
pause>nul
exit

5.CD

Con cd cambiamos a un directorio específico. El directorio por defecto desde un archivo bat es la direccion del propio documento.
Por ejemplo, estamos escribiendo en un bat que está en C:\Archivos de Programa\Bats. Si escribimos:

cd c:

Nos situamos en C:\, por lo tanto, si yo quiero crear un archivo en C: haria asi:

cd c:
echo Hola mundo! >nul >archivo.bat

esto me crearia "archivo.bat" en c: independientemente de donde este mi archivo de origen.

Y esto ha sido todo por hoy. Los comandos que he dado los he dado sin atributos ni parámetros, (los que los tienen) para hacer mas sencilla la explicación y porque ahora mismo no nos hacen falta.
Si alguno quiere que se los explique que me lo diga .

Voy a poneros un ejercicio, más que por que lo vayais a hacer, por rutina, asi quee allá va:

Un JUEGO (un enlace a megaupload o el mismo código bastará)
Sed creativos. Puede ser un juego de Rol, RPG, un Narrativo, sencillo o complejo, interesante o aburrido...ect Me da igual que sea una mierda, como si no quereis hacer un juego, sino que preferis hacer una aplicacion, o vete tu a saber que, pero lo importante es que hagais ALGO y lo posteeis.

Saludos

Tutorial JavaScript desde 0 C2. Variables

2007-10-07T01:58:00.000+02:00

Capítulo 2

Ver Primer Capítulo

Hoy trabajaremos con variables.

Una variable es un pequeño trozo de la memoria del ordenador donde vamos a guardar datos. A este pequeño trozo de memoria le daremos un nombre para poder identificarlo. Por ejemplo:


<script language="javascript">

var mivar=1123

</script>

Es la forma de declarar la variable mivar, con el valor 1123.
Para mostrar una variable, podemos usar por ejemplo, el comando "alert". Puesto que mivar no es una cadena, sino un nombre de variable, no es necesario ponerlo entre comillas:


<script language="javascript">

var mivar=1123

alert(mivar)

</script>

Esto genera lo siguiente:

Podemos cambiar el contenido de una variable en cualquier momento lo único que tenemos que hacer es esto:


<script language="javascript">

var mivar=1123

var mivar=11423

alert(mivar)

</script>

Lo que genera:

Para escribir cadenas de texto en una variable, simplemente pon comillas:


<script language="javascript">

var mivar="Hola caracola"

alert(mivar)

</script>

Las variables que definamos no pueden:

-Empezar por un número
-Contener espacios en blanco (Usa "_")
-Contener carácteres extraños

Claro, que hay más tipos de variables. Por ejemplo las Booleanas. Este tipo de variables sólo pueden contener los valores true o false.


<script language="javascript">

var mivar=true

alert(mivar)

</script>

Genera:

Las variables tienen un estado especial llamado "null". Este estado, es un estado que nos va a servir para saber si una variable está vacia. Las variables toman el estado "null" cuando no tienen ningún valor asignado.


<script language="javascript">

var mivar

alert(mivar)

</script>

Lo cual genera:

Y esto ha sido todo por hoy.

Un Saludo

Tutorial Estilo Simple con Photoshop

2007-10-07T00:18:00.002+02:00

Hola, este es el simple signature tutorial creado por mi.

Tutorial Firma Simple by ~pinoxo(Burflip) on deviant ART

Recursos útiles. (Para photoshop)

2007-10-05T23:52:00.000+02:00

Bueno, pues aquí voy a poner algunos enlaces útiles para photoshop y para diseño gráfico.

Para renders, stocks ...etc:

Planet Renders v3 (Es necesario registrarse para ver las imágenes a tamaño real)

Para fonts:

Type Now
Dafont

Para hosting de imágenes:

ImageShack
Photobucket
FlickR

Para modificación rapidísima de imágenes:

Picnik

Para pinceles, motivos, acciones...etc:

DeviantArt

Para hosting de archivos:

Megaupload (500 MB, descargas limitadas, tiempo de espera)
Rapidshare (100 MB, descargas muy limitadas)
FileHo (Espacio ilimitado, descargas ilimitadas, sin barras de progreso)

Foro buenísimo de diseño gráfico y demás, con muchos tutoriales y muy buena gente.

Chapucería 2.0

Photoshop CS Portable:

Photoshop CS Portable (Hecho por mi. [el pack, claro, no el programa XD])

Un Saludo

Video buenísimo de gatos

2007-10-03T17:54:00.000+02:00

Enlace directo

Este es un video muy bueno de gatos que encontré en la web. Espero que os guste.

Tutorial Batch desde 0 (C2)

2007-10-02T18:11:00.000+02:00

Primer Capítulo

C2

Bien, hoy vamos a trabajar con variables, if y goto.

Las variables son valores que toma batch que pueden cambiar en cualquier momento. En batch, una variable se crea de la siguiente forma:
(Hay que tener en cuenta que de nombrevariable al "=" no hay ningun espacio, si lo pusiésemos nos daría un error.)

Código:

@echo off
set nombrevariable= valorvariable
exit

Para llamar a una variable, se hace poniendo la variable entre signos de %. Así:

Código:

@echo off
set var1= Hola, me llamo pepito
echo.
echo %var1%
echo.
pause
exit

Para que el usuario defina una variable, se usa el comando set/p. De la siguiente forma: set/p nombredelavariable=Pregunta para el usuario cuya respuesta sera el valor de la variable.
Ejemplo:

Código:

@echo off
echo.
set/p edad=Escribe aqui tu edad:
echo.
cls
echo.
set/p nombre=Escribe aqui tu nombre:
echo.
cls
echo.
echo Hola %nombre%, segun los datos de antes tienes %edad% años.
echo.
pause
exit

Para sumar/restar..ect dos variables, se hace de la siguiente forma:
set/a nombrevar=varA + varB
set/a nombrevar=varA - varB
set/a nombrevar=varA * varB
set/a nombrevar=varA / varB

Por ejemplo:

Código:

@echo off
echo.
set/p num1=Dime el primer numero que deseas sumar:
echo.
set/p num2=Dime el segundo numero que deseas sumar:
echo.
cls
set/a resultado= num1 + num2
echo.
echo.
echo %num1%
echo + %num2%
echo ______________
echo %resultado%
echo.
echo.
echo pulsa una tecla para salir
pause>nul
exit

Bien, una vez que hallais comprendido esto, vamos con el goto. El goto es
un comando que nos lleva a un punto "de control" que definimos asi:

":nombrepunto"

Para ir a "nombrepunto" escribiriamos "goto nombrepunto".

Por ejemplo:

Código:

@echo off
:inicio
cls
echo.
echo Hola, este es un programita cachondo.
echo.
pause
cls
echo.
set/p nombre=Cual es tu nombre?
cls
echo.
echo Hola, te llamas %nombre%
echo.
echo Pulsa una tecla para volver al principio.
echo Para cerrar, pulsa la "x" de la esquina superior derecha.
echo.
pause>nul
goto inicio

ahora que sabemos como se usa goto, vamos a usar if para crear menus y para que una respuesta tenga varias opciones.
If es un comando o una sentencia para decir que:

Si esto es = a esto otro, hago esto, si no, hago esto otro.

Se expresa asi:

If [not] var1 (condicion) var2/numero/cadena accion [else] (2accion)

[not] y [else]son opcionales, not sirve para decir:
si var1 no es = a var2, hago esto
(condicion) es la condicion que tu le pones, las mas usadas son:

variable==valor (para expresar si variable es igual a valor haz esto)
variable LSS valor (para expresar si variable es menor a valor haz esto)
variable GTR valor (para expresar si variable es mayor a valor haz esto)
variable LEQ valor (para expresar si variable es menor o = haz esto)
variable GEQ valor (para expresar si variable es mayor o = haz esto)

(acción) aquí van las acciones que hará el programa si se cumple la condición.
Ej: " if valor1==valor2 goto inicio "
Para escribir mas de una accion se usa "&&"
Ej: " if valor1==valor2 goto inicio && set var5= 19 "

[else (2accion)] sirve para decir que en el caso contrario de que esto no se haga, que haga la segunda accion (2accion). Cuando se usa else la accion1 va entre "()".
Ej: " if valor1==valor2 (goto inicio && set var19=123) else goto fin &&echo. && echo es el fin, pulsa una tecla para salir. && pause>nul&&exit

Bien, con este code podriamos hacer un programita como este:

Código:

@echo off
:inicio
echo.
echo Hola, estas en una interfaz de user no muy interactiva.
echo.
pause
cls
echo.
set/p nom= Primero dime como te llamas:
echo.
echo Hola %nom%. Pulsa una tecla para acceder al menu.
echo.
pause>nul
cls
:menu
echo.
echo Hola estas en el menu.
echo.
set/p deseo=Escribe lo que deseas %nom% ("ayuda" para ver la ayuda):
if %deseo%==ayuda goto ayuda
if %deseo%==calculadora goto calculadora
if %deseo%==reiniciar goto inicio
if %deseo%==salir (goto salir) else echo. && echo mal && goto menu
:ayuda
echo.
echo hola estas en la ayuda.
echo.
echo Bien esto es lo que debes escribir para moverte por aqui:
echo "calculadora" sumar o restar un numero
echo "reiniciar" reiniciar el programa
echo "salir" salir del programa
echo.
echo Pulsa una tecla para ir al menu
pause>nul
goto menu
:calculadora
echo.
echo Escribe "sumar" para sumar, "restar" para restar y "menu" pra menu
echo.
set/p destino2=Que quieres hacer %nombre%?:
if %destino2%==sumar goto sumar
if %destino2%==restar goto restar
if %destino2%==menu (goto menu) else echo. && echo Escribe bien && goto calculadora
:sumar
echo.
set/p num1=Dime el primer numero que deseas sumar:
echo.
set/p num2=Dime el segundo numero que deseas sumar:
echo.
cls
set/a resultado= num1 + num2
echo.
echo.
echo %num1%
echo + %num2%
echo ______________
echo %resultado%
echo.
echo.
echo pulsa una tecla para ir de nuevo a la calculdora.
pause>nul
goto calculadora
:restar
echo.
set/p num1=Dime el minuendo:
echo.
set/p num2=Dime el sustraendo:
echo.
cls
set/a resultado= num1 - num2
echo.
echo.
echo %num1%
echo - %num2%
echo ______________
echo %resultado%
echo.
echo.
echo pulsa una tecla para ir a la calculadora
pause>nul
goto calculadora
:salir
cls
echo.
echo gracias por usar mi programa
echo.
echo pulsa una tecla para salir
pause>nul
exit

Los que esten leyendo esto les pido como ejercicio que me hagan un programa con menú por el que nos podamos mover, que tenga opciones y algun que otro juego o aplicación sencilla y que lo posteen en un cometario. Resolveré las dudas e intentaré ayudaros en la medida de lo posible.

Hago esto más que nada porque haya un poco de participación en el blog. Si queréis podéis subir el .bat a un hosting gratuito de archivos como por ejemplo megaupload y escribir aquí solo el link.

Pido participación en este ejercicio. Si no se participa no pondré más porque es más bien tontería.

Un saludo a todos.

¿Qué es y cómo empiezo en esto de los blogs?

2007-10-01T21:16:00.000+02:00

Escribo este post, más que nada, para que la gente que no sabe lo que es un blog ni para que sirven, lo entienda.

Un blog, o en español también una bitácora, es un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente. El término blog proviene de las palabras web y log ('log' en inglés = diario). El término bitácora, en referencia a los antiguos cuadernos de bitácora de los barcos, se utiliza preferentemente cuando el autor escribe sobre su vida propia como si fuese un diario, pero publicado en Internet en línea.

Hay muchos tipos de blog. Éste, por ejemplo, es un blog donde la gente lee (o suele leer) tutoriales, eventos, cómo optimizar tu blog y escribe comentarios dónde da opiniones personales, ejercicios resueltos...etc. Hay blogs sobre muchísimas cosas, puedes buscar en google, en Technorati y otros buscadores de blogs.

Hay sitios como coRank! o Menéame que son sitios donde la gente comparte las noticias que más le gustan.

Pero claro, alguien pensó: "Todo esto de los blogs está muy bien, pero si alguien lee 30 blogs, no puede tener tiempo suficiente para comprobar en cuales han escrito post. Inventemos los RSS Feeds".

Un RSS Feed es parte de la familia de los formatos XML desarrollado específicamente para todo tipo de sitios que se actualicen con frecuencia y por medio del cual se puede compartir la información y usarla en otros sitios web o programas. A esto se le conoce como redifusión o Sindicación web. Es bueno leer muchos blogs ya que así es como se aprende a escribir buenos post.

RSS son las siglas de Really Simple Syndication , que significa subscripción realmente simple.
Para subscribirse a un Feed RSS necesitarás tener una cuenta en un lector de Feeds, como por ejemplo: Bloglines , Lector de Noticias de Google(Necesaria cuenta en google)...etc.

Los RSS suelen llevar un icono o una imagen distintiva parecida a esta:

Un ejemplo de RSS feed puede ser por ejemplo el de mi blog: RSS Feed de mi blog

Para crear tu propio Blog, lo único que tienes que hacer es dirijirte a Wordpress , Blogger...etc y empezar tu blog en pocos pasos, rápidamente y con una buena indexación por parte de los buscadores.

Para crear un feed dinámico vete a FeedBurner por ejemplo y crea tu feed con contenidos a tu gusto.

Un Saludo.

Cómo insertar flash en Blogger o en una página web

2007-09-30T21:54:00.000+02:00

Escribo este post porque he leído en muchos sitios cosas sobre cómo insertar flash en Blogger, y la verdad, no me funcionaba casi ninguna, así que he pensado en hacer un "tuto rápido" de cómo hacerlo.

Para insertar un archivo Flash (.swf) en Blogger o en una página web, lo único que necesitamos es tener subido a un hosting nuestro .swf.

Podemos usar por ejemplo imageshack, photobucket ...etc

Yo recomiendo este último.

Subimos nuestro .swf a photobucket (tenemos que saber cuanto mide de ancho y de alto) y copiamos el "Direct Link" que nos dan. Ahora hacemos lo siguiente:

1- Creamos una entrada nueva.
2- Nos vamos a la pestaña "Edición de HTML"
3- Escribimos lo siguiente:


<object height="AltoSWF" width="AnchoSWF"><param name="movie" value="Enlace que copiamos de photobucket"><param name="wmode" value="transparent"><embed src="Enlace que copiamos de photobucket" type="application/x-shockwave-flash" wmode="transparent" height="AltoSWF" width="AnchoSWF"></embed></object>

4- Sustituimos las medidas en negrita y los enlaces en negrita por los verdaderos, y ya está.

Ejemplo:

Código fuente:


<center><object height="100" width="200"><param name="movie" value="http://i117.photobucket.com/albums/o75/burflip/Sinttulo-1.swf"><param name="wmode" value="transparent"><embed src="http://i117.photobucket.com/albums/o75/burflip/Sinttulo-1.swf" type="application/x-shockwave-flash" wmode="transparent" height="100" width="200"></embed></object></center>

Un Saludo

Tutorial Batch desde 0 (Bueno para programadores principiantes)

2007-09-27T22:23:00.000+02:00

He hecho este tutorial porque he pensado que los que seáis nuevos en esto de la programación, este será el lenguaje de programación medio serio más fácil que podreís encontrar por ahí, y, como se parece un poco a los demás, supongo que es una buena base.
Los requisitos para programar en batch son:

-cmd.exe o emulador.
-Bloc de notas simple.
-Ganas de empezar.

C1

Bueno, pues voy a empezar por aquí. Un archivo batch (o bat) es un archivo de procesamiento por lotes: se trata de archivos de texto sin formato, guardados con la extensión *.bat que contienen un conjunto de comandos DOS.
Cuando se ejecuta este archivo bat, los comandos contenidos son ejecutados en grupo, de forma secuencial, permitiendo automatizar diversas tareas.

Cualquier comando DOS puede ser utilizado en un archivo batch.

Para que os vayais familiarizando con batch y sus codigos, podeis iros a Inicio>Accesorios>Simbolo de Sistema (los que tengáis windows, los que no usad un emulador o algo por el estilo) y ahí escribis "help". Esos son todos los comandos que puedes escribir con bat. (ademas de esos estan las modificaciones, los atributos a estos, las expresiones alternativas... etc.

Nosotros vamos a programar en un bloc de notas, a palo seco. Para guardarlo simplemente le ponemos como nombre "nombredelarchivo.bat"
quitandole el .txt. Para abrilo nos vamos al bloc de notas y le damos a Abrir. Dentro de la pantallita de abrir, en Tipo, seleccionamos "Todos los archivo", pinchamos en el documento y se abre, o simplemente le damos click derecho al documento>Editar.

Bien, pues vamos con nuestro primer código, este es el tipo de códig que genera un Hola Mundo.

Código:

@echo off
echo Hola Mundo!
pause
exit

Bien, voy a ir explicando. El @echo off sirve para quitar el eco del programa. Si no sabeis lo que es el eco, probad a poner @echo on.
El echo sirve para escribir cosas en la pantalla.
El pause inserta una pausa que continua al pulsar una tecla.
El exit nos hace salir del programa.

Ahora voy a explicar un par de modificaciones.
Cuando insertamos un pause, sale: "pulse una tecla para continuar . . . "
Imaginemonos que por un casual necesitamos poner en vez de eso, " pulse una tecla para acceder al menu" o "pulse una tecla para salir".
¿Cómo lo haríamos? Pues bien, se hace con "pause>nul". Con pause>nul
lo que hacemos es insertar una pausa pero sin que salga nada en la pantalla, con lo que podriamos poner un echo antes para que pareciese que hay un comando para acceder al menu, otro para salir, otro para cotinuar... ect:

Código:

@echo off
echo Hola Mundo!
echo Pulse una tecla para salir
pause>nul
exit

Otro comando importante puede ser el "echo." Con el echo. podemos insertar una linea e blanco en nuestra pantalla:

Código:

@echo off
echo.
echo.
echo Hola Mundo!
echo.
echo Pulse una tecla para salir
pause>nul
exit

El ultimo (o eso creo) de los codes que os voy a enseñar hoy es el "cls". Con el cls borramos todo lo que haya ahora mismo en la patalla.

Código:

@echo off
echo.
echo.
echo Hola Mundo!
echo.
pause
cls
echo.
echo Pulse una tecla para salir
pause>nul
exit

Bien, eso ha sido todo por hoy, si veo que esto tiene medio éxito, os iré poniendo ejercicios, el que los haga se llevará puntos... y cosas así ;). Por lo pronto, quiero que me comentéis un poquito que os parece todo esto, que lo probéis y que escribáis los resultados.

Un Saludo.

Tutorial de manejo de profundidades en Flash

2007-09-25T22:51:00.000+02:00

Lo que queremos llegar a obtener con este tutorial es esto:

http://img503.imageshack.us/my.php?image=profundidadesyn9.swf

Lo haré de la forma mas fácil y sencilla posible.
Lo primero es abrir un documento nuevo.
Propiedades del documento:

-550x400 pixeles.
-30 fps.

Creamos un gráfico que sea un escalon de nuestras 2 escaleras.

Imagen

Otro grafico que sea un cuadrado de fondo blanco.
Con todo esto creamos un movieClip que tenga mas o menos esta forma:

Imagen

y lo colocamos en nuestro escenario.
Creamos otro movie clip con el cuadrado de fondo blanco que usamos antes y colocamos 3 instancias en nuestro escenario cambiandoles el tamaño a nuestro gusto de tal forma que quede algo como esto:

Imagen

le damos nombre de instancia a los estos tres que acabamos de crear. En mi caso los llame "floor1", "floor2", y "floor3".

Ahora creamos un boton, en el que no ponemos nada salvo en la ultima parte, donde pone zona activa, en la que dibujamos cualquier cosa, (da igual lo que dibujemos ya que mas adelante lo volveremos a cambiar).
Nos llevamos una instancia del botón al escenario, y le damos click derexo>editar en contexto. Y ahi dibujamos (en el frame que pone zona activa) un cuadradito que coincida con las escaleras, quedandonos algo asi:

Imagen

yle damos nombre de instancia "boton".
Ahora creamos otro boton de la misma forma que el anterior, solo que ahora en vez de dibujar cuadrados en las escaleras los dibujamos en el controno, quedandonos algo asi:

Imagen

Y le damos nombre de instancia "boton2".
Ahora creamos una bolita, de nombre de instancia "ball", y la ponemos donde más nos guste de nuestro escenario.

Por ultimo agregamos el siguiente código que ahora os explicaré:

Código:

this.floor1.swapDepths(2);
this.floor2.swapDepths(3);
this.floor3.swapDepths(4);
boton.onRollOver = function() {
ball.swapDepths(5);
};
boton2.onRollOver = function() {
ball.swapDepths(1);
};
_root.onEnterFrame = function() {
ball._x = _xmouse;
ball._y = _ymouse;
};

Imagen

Con:

this.floor1.swapDepths(2);
this.floor2.swapDepths(3);
this.floor3.swapDepths(4);

Lo que hacemos es establecer la profundidad que tienen los cuadrados más altos, por lo tanto todo lo que tenga profundidad menor de 2 quedará debajo de los cuadrados (nuestra "ball" tiene la profundidad por defecto de flash, que es 0).
Con:

boton.onRollOver = function() {
ball.swapDepths(5);
};

Queremos decir cuando pasemos por las escaleras (que es donde se supone que colocamos éste boton) la profundidad de nuestra "ball" será de 5, osea que es como si hubiesemos subido al piso de arriba.
Con:

boton2.onRollOver = function() {
ball.swapDepths(1);
};

decimos que cada vez que se salga del piso de arriba, la profundidad sea de 1, por lo tanto que quede debajo de los otros.
Con:

_root.onEnterFrame = function() {
ball._x = _xmouse;
ball._y = _ymouse;
};

Estamos diciendo que cada vez que entre en el frame (en nuestro caso 30 veces por segundo) el eje x de "ball" sea igual al eje x del mouse, y el eje y de "ball" sea igual al eje y del mouse, oséase, que esté debajo del mouse (o, si ponemos este código:

Código:

Mouse.hide();
_root.onEnterFrame = function() {
ball._x = _xmouse;
ball._y = _ymouse;
};

Imagen

el mouse queda oculto y tenemos a la bolita como mouse).

Muchas gracias por vuestra atención y por haber llegado hasta aquí leyendo.

Un Saludo.

Buscador Interno en tu blog tipo Blogger

2007-09-24T18:56:00.000+02:00

Lo que os voy a explicar es un problema que he tenido hace poco puesto que no quiero mostrar la navbar de blogger pero al mismo tiempo quiero tener un botón de buscar en la web. Que el navbar no aparezca fue fácil:

Plantilla>Edición HTML>/* Headings */>>

Al final del todo, salto de línea y escriben esto:


#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

En mi blog, con la plantilla que tengo, funciona de la siguiente forma:


/* headings
----------------------------------------------- */

#header h1 {
margin: 0;
padding: 24px 0 0 84px;
background: url(http://img338.imageshack.us/img338/9140/flechaaw6.gif) no-repeat 25px 12px;
}

h2.date-header {
margin: 0;
padding: 0 0 0 29px;
text-transform: uppercase;
color: $dateHeaderColor;
background: url(http://img474.imageshack.us/img474/8308/fechayj8.gif) no-repeat 11px 0;
font-size: 80%;
font-weight: normal;
}

.date-header span {
margin: 0 0 0 5px;
padding: 0 25px 0 25px;
background: url(http://www.blogblog.com/thisaway/bg_date.gif) no-repeat 0 0;
}

.sidebar h2 {
padding: 1px 0 0 36px;
color: $sidebarHeaderColor;
background: url(http://img404.imageshack.us/img404/9373/lateralh2yb1.gif) no-repeat 13px 4px;
font: $headerFont;
font-weight: bold;
}

.sidebar .Profile h2 {
color: #333;
background: url(http://img251.imageshack.us/img251/9157/lateralh2rz5.gif) no-repeat 0 45%;
}

.post h3 {
margin: 13px 0 13px 0;
padding: 0;
color: $postTitleColor;
font-size: 140%;
}

.post h3 a, .post h3 a:visited {
color: $postTitleColor;
}

#comments h4 {
margin-top: 0;
font-size: 120%;
color: #333;
}

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

/* text
----------------------------------------------- */

Después de esto, el problema viene con el buscador, pero no os preocupeis, porque es muy fácil.
Lo que tenemos que hacer es crear en nuestro sidebar lateral un widget de HTML/JavaScript.
En el widget copias el código siguiente y lo pegaís en el widget.


<br/>

<center><form id="search

object

" action="/search" style="display:inline;" method="get">

<input value="Buscar" type="submit"/>

<input maxlength="255" name="q" size="15" type="text"/>

</form>

<br/><br/>

<a href="http://burflip.blogspot.com" title="Burflip's Blog"><img alt="Burflip Style" src="http://img106.imageshack.us/img106/6930/allpromotions2ie4.png" border="0" /></a></center>

Ejemplo:

ó


<br/>

<center><form id="searchobject" action="/search" style="display:inline;" method="get">

<input value="Buscar" type="submit"/>

<input maxlength="255" name="question" size="15" type="text"/>

</form>

<br/><br/>

<a href="http://burflip.blogspot.com" title="Burflip's Blog"><img alt="Burflip Style" src="http://img508.imageshack.us/img508/810/allpromotions3sb5.png" border="0" /></a></center>

Ejemplo:

Un Saludo a todos.

Tutorial hitTest en Flash

2007-09-24T18:32:00.000+02:00

En este tutorial, intentaremos hacer dos cosas:

Cosa1 (12 fps)

http://img444.imageshack.us/my.php?image=p4nb1.swf

Cosa2 (20 fps)

http://img388.imageshack.us/my.php?image=p5ck4.swf

Todo esto se hace por medio de un comando llamado hitTest.
Hay 2 formas de evaluarlo. Una, es mas fácil, y la otra mas precisa.
Vamos a ver la fácil, que para que sea mas precisa y bonita lo único que tienes que hacer es subir de 12 fps (frames por segundo) a unos 20-25 fps.

Bien, el problema que todos tendréis con hitTest, es que os evaluará la figura que tenemos y la figura que queremos evaluar como si fuesen cuadrados. Por lo tanto, de un circulo, flash trazará un cuadrado invisible a su alrededor y parecerá que nuestra figura se choca con el aire.
Primero veremos ese tipo de hitTest.

Tenemos una linea recta en el escenario, nombre de instancia "fondo" y un
cuadrado, nombre de instancia "miClip". Tambien tenemos un campo de texto dinámico llamado "hitting".

El AS seria este:

Código:

_root.onEnterFrame = function () {
var velocidad:Number = 5;
if (Key.isDown (Key.DOWN)) {
miClip._y += velocidad;
}
if (Key.isDown (Key.UP)) {
miClip._y -= velocidad;
}
if (Key.isDown (Key.LEFT)) {
miClip._x -= velocidad;
}
if (Key.isDown (Key.RIGHT)) {
miClip._x += velocidad;
}
if (miClip.hitTest (this.fondo)) {
hitting.text = "Lo estas tocando";
} else {
hitting.text = "Ahora no tocas nada";
}
};

Bien, explico el código:

Empezamos con un _root.onEnterFrame = function() lo que significa que la acción entre { y } se realizará 12 veces por segundo, ya que mi película va a 12 fps. Si poneis a 20 fps, parecerá mas real.

Después, creo la velocidad con la que se moverá mi cuadrado:
var velocidad:Number = 5;

A continuación, pongo un análisis de todas las teclas, para que cada vez que se pulse una tecla (flecha abajo en este caso) miClip sume a su ._y la velocidad seteada antes (5) :

if (Key.isDown (Key.DOWN)) {
miClip._y += velocidad;
}
....ect

Después, coloco el hitTest:

if (miClip.hitTest (this.fondo)) {
hitting.text = "Lo estas tocando";
} else {
hitting.text = "Ahora no tocas nada";
}

Explicación paso a paso:

si (miClip.chocaContra (this*.clipConInstanceNameFondo)) hacer esto {
que hittingQueEsUnTextField.text ponga= "Lo estas tocando";
} si no choca {
que hittingQueEsUnTextField.text ponga= "Ahora no tocas nada";
} sacabó

*this -> se refiere a la raíz principal. Al _root de nuestro documento. Ponemos this.fondo, porque si pusiésemos _root.fondo no funcionaría, puesto que Flash buscaría dentro de _root otro _root, y como eso no es posible por ahora, hay que usar this. Con esto se hace el primer ejemplo.

Bien, ahora vamos con la que es mas dificililla pero que luego nos ahorra mucho trabajo, ya que podemos dibujar como mc "fondo" el contorno que queramos o la figura que queramos.:

Código:

_root.onEnterFrame = function() {
var velocidad:Number = 5;

if (Key.isDown(Key.DOWN)) {
if ((fondo.hitTest(miClip.getBounds(_root).xMin, miClip.getBounds(_root).yMax, true) || fondo.hitTest(miClip.getBounds(_root).xMax, miClip.getBounds(_root).yMax, true))) {
miClip._y -= velocidad;
} else {
miClip._y += velocidad
}
}
if (Key.isDown(Key.UP)) {
if ((fondo.hitTest(miClip.getBounds(_root).xMin, miClip.getBounds(_root).yMin, true) || fondo.hitTest(miClip.getBounds(_root).xMax, miClip.getBounds(_root).yMin, true))) {
miClip._y += velocidad;
} else {
miClip._y -= velocidad
}
}
if (Key.isDown(Key.LEFT)) {
if ((fondo.hitTest(miClip.getBounds(_root).xMin, miClip.getBounds(_root).yMin, true) || fondo.hitTest(miClip.getBounds(_root).xMin, miClip.getBounds(_root).yMax, true))) {
miClip._x += velocidad;
} else {
miClip._x -= velocidad;
}
}
if (Key.isDown(Key.RIGHT)) {
if ((fondo.hitTest(miClip.getBounds(_root).xMax, miClip.getBounds(_root).yMin, true) || fondo.hitTest(miClip.getBounds(_root).xMax, miClip.getBounds(_root).yMax, true))) {
miClip._x -= velocidad;
} else {
miClip._x += velocidad
}
}
}

En este esta todo comprimido. Primero metemos el _root.onEnterFrame = function() .

Luego seteamos la velocidad: var velocidad:Number = 5

Y ahora vienen el analisis de las teclas:

if (Key.isDown(Key.RIGHT)) {
if ((fondo.hitTest(miClip.getBounds(_root).xMax, miClip.getBounds(_root).yMin, true) || fondo.hitTest(miClip.getBounds(_root).xMax, miClip.getBounds(_root).yMax, true))) {
miClip._x -= velocidad;
} else {
miClip._x += velocidad
}

Explicación paso a paso:

si (unaTecla.esPulsada(laTecla.flechaDerecha)) {
/* aqui meto un if dentro de otro */
si ((elMcFondo.chocaCon( la esquina de abajo derecha del clip miClip que se encuentra en la raíz o escena principal, y/o con la esquina de arriba izquierda del clip miClip que se encuentra en la raíz o escena principal. Si no ocurre esto (|| mirar aver si elMcFondo.chocaCon a esquina de abajo derecha del clip miClip que se encuentra en la raíz o escena principal, y/o con la esquina de arriba derecha del clip miClip que se encuentra en la raíz o escena principal, el true simplemente es para que se realize la acción siempre que choque, si no, sólo se realizaría si estuviese chocando al principio.))) si esto pasara o pasase hacer lo siguiente {
que la posicion ._x de miClip baje en 5 (var velocidad)
} si no pasa, cada vez que yo pulse la flecha de direccion derecha hacer esto {
que la posición ._x de miClip suba en 5 (var velocidad)
} sacabó

Bien, con este ejemplo conseguiremos hacer el segundo ejemplo.

Un saludo.

.flas

Ejemplo1:
http://fileho.com/download/62437a192680/p4.fla.html
y tambien en:
http://www.megaupload.com/?d=OD1K459A

Ejemplo2:
http://fileho.com/download/95440d226315/p5.fla.html
y tambien en:
http://www.megaupload.com/?d=GJ1QHDTR

Tutorial de Trigonometría en Flash

2007-09-24T15:58:00.000+02:00

Este tema es un poco difícil de explicar pero para que os vayais haciendo una idea, lo que haremos al final es algo parecido a esto:

Link a ejemplo

Bien. Empezemos por la trigonometría y luego la aplicaremos a Flash.
Os aconsejo que si no entendeís mi explicacion vayais a
esta página.

De acuerdo. Empecemos por el principio Dibujaremos un círculo y le trazaremos dos diagonales perpendiculares entre sí(como si fueran ejes):

Ahora trazamos otro radio y de ahi sacaremos 2 triángulos:

Un par de datos importantes:

-El seno se obtiene dividiendo el lado opuesto al ángulo entre la hipotenusa.
-El coseno se obtiene dividiendo el lado contiguo al ángulo entre la hipotenusa.

Por lo tanto, si tenemos el siguiente triángulo:

Fijáos como los catetos b y c son iguales a los ejes x e y en flash. Por lo tanto si queremos hallar el ángulo "α" de cualquier triángulo que dibujemos tendremos que tener en cuenta las siguientes ecuaciones:

Seno α = c/a
Coseno α = b/a
Tangente α = c/b
α = arco tangente (c/b)

Todas estas palabras (seno,coseno, tangente y arco tangente) son operaciones. Como si estuviésemos diciendo Raíz Cuadrada o Multiplicación. En flash, para hacer la unica operación que nos hará flata será el arco tangente, que se expresa así:

Código:

Math.atan2(x,y)

Donde x e y serían como en nuestro triángulo b y c.
Entonces usamos el siguiente código para hallar el ángulo:
(Tenemos un mc llamado flecha colocado en el escenario, una bolita blanca que hace de cursor con nombre de instancia "cursor" y 3 campos de textos dinámicos con nombres de instancia "Xmouse", "Ymouse" y f_rota".)

Código:

_root.onMouseMove = function() {
cursor._x = _xmouse
cursor._y = _ymouse
Xmouse.text = _xmouse
Ymouse.text = _ymouse
f_rota.text = flecha._rotation
updateAfterEvent();
xdif = _root._xmouse-flecha._x;
ydif = _root._ymouse-flecha._y;
angulo = Math.atan2(ydif, xdif);
angulo = angulo*180/Math.PI;
flecha._rotation = angulo;
};

En este caso, en vez de usar onEnterFrame, lo que vamos a hacer es un onMouseMove con updateAfterEvent() que lo quer hace es que cada vez que el ratón se mueva ocurra ese evento sin importar nuestros fps.
Con:
cursor._x = _xmouse
cursor._y = _ymouse
lo que hacemos es que la bolita este haciendo de cursor.
Con:
Xmouse.text = _xmouse
Ymouse.text = _ymouse
f_rota.text = flecha._rotation
hacemos que nuestros campos de texto dinámicos representen el ejeX de nuestro mouse, el ejeY de nuestro mouse y la rotación de nuestra flecha.
Con:

xdif = _root._xmouse-flecha._x;
ydif = _root._ymouse-flecha._y;
angulo = Math.atan2(ydif, xdif);

Lo que hacemos es calcular el arco tangente del triágulo que creamos desde nuestro mouse hasta la flecha.
Con:
angulo = angulo*180/Math.PI;
flecha._rotation = angulo;
lo que hacemos es pasar a radianes ya que no se los podemos dar de otra forma.

Y ya está. Este es nuestro resultado:

http://img265.imageshack.us/my.php?image=ejemploypfm5.swf

Un saludo

Curso JavaScript desde 0

2007-08-31T19:29:00.000+02:00

Capítulo 1

A partir de ahora iré posteando aquí tutoriales simples de lenguajes de programación como JavaScript. Para este tutorial lo único que necesitaremos es un poco de conocimiento de HTML. Nada más.

Antes de nada, quiero aclarar que JavaScript NO es Java. Java es un lenguaje de programación para crear aplicaciones web y de escritorio.
JavaScript es un lenguaje de scripts que usan los programadores para crear webs con contenidos dinámicos.

JavaScript es un lenguaje de scripts compacto basado en objetos (y no orientado a objetos). JavaScript permite la realización de aplicaciones de propósito general a través de la WWW y aunque no esté diseñado para el desarrollo de grandes aplicaciones, es suficiente para la implementación de aplicaciones WWW completas o interfaces WWW hacia otras más complejas.
Por ejemplo, una aplicación escrita en JavaScript puede ser utilizada en un documento HTML proporcionando un mecanismo para el tratamiento de eventos, como un clic del ratón o bien la validación de entrada de datos en un formulario.
Sin que exista una comunicación a través de la red una página HTML con JavaScript incrustado puede interpretar, y alertar al usuario con una ventana de diálogo, de que las entradas de los formularios no son válidas. O bien realizar algún tipo de acción como ejecutar un fichero de sonido o un applet de Java.

Bien, lo primero que debemos saber, es que JavaScript es lenguaje de scripts que puede ir, bien en un documento '.html' o en un documento '.js'.
Primero veremos el JavaScript que se ejecuta dentro de el propio '.html'.
Hay 3 tipos, en todos ellos debemos de tener en cuenta, que las sentencias de JS en un '.html' se inician de la siguiente forma:


<script>

//Esto son barras de comentario. Aquí van las acciones del JS

</script>

Tipos dentro de un '.html':

1. Script inmediato:

Se ejecuta instantáneamente, al cargar la página, y además escribe directamente dentro de body, no espera ningún evento de ningún tipo.


<html>

<head>

<title>

C1 JavaScript

</title>

</head>

<body>

<script>

//El script iría aquí

</script>

Texto en body

</body>

</html>

Script posterior:

Un script posterior es visto por los navegador cuando el documento se carga, pero la sintaxis del script dice al navegador con el código nada más que estar pendiente de que existe. Estas secciones de script consisten en pequeños grupos de líneas de código que procesan información de alguna manera.
Se suelen poner entre las etiquetas de cabecera. (<head></head>) Las secciones script pueden coexistir felizmente con los otros bloques de definición de cabezera que normalmente se situa en un documento HTML, tales como los títulos de los documentos o las especificaciones BASE FONT.




<html>

<head>

<title>

C1 JS

</title>

<script>

//Script aquí

</script>

</head>

<body>

Texto HTML

</body>

</html>

Script mixto:

Son los dos juntos:


<html>

<head>

<title>

C1 JS

</title>

<script>

//Script 1 aquí

</script>

</head>

<body>

<script>

//Script 2 aquí

</script>

Texto HTML

</body>

</html>

HTML también permite incluir JS dentro de una etiqueta HTML. La forma de hacerlo es la siguiente: (usaremos el comando alert(), que sirve para mostrar una especie de pop-up en la pantalla)


<html>

<head>

<title>

C1 JS

</title>

</head>

<body>

<input type="button" value="Click" onClick="alert('Ok')">

</body>

</head>

</html>

Ejemplo:

De la misma forma, podemos usar un script posterior con un función para el 'onClick':


<html>

<head>

<title>

C1 JS

</title>

<script>

  function meClicaste() {

       alert('Ay!, ese me dolió más todavía')

  }

</script>

</head>

<body>

Texto HTML

<input type="button" value="Clicame" onClick="meClicaste()">

</body>

</html>

Ejemplo:

Hasta el próximo día... esto fue solo una introducción.

Un Saludo

Set up the blog!

2007-08-26T19:38:00.000+02:00

Y el blog en funcionamiento, vamos a ver cuando acabo. Un Saludo