Tutoriales

   
 


 

 

Home

Programas

Juegos

Libro de visitantes

Baja series tv

Tv online

Baja Peliculas

Peliculas online

Enlaces 135

"Creced y multiplicaos"

Tutoriales

Humor

Records de guinnes

Recetas de cocina

Nombres en chino

Trucos para msn

Enlaces

Supervivencia

suscribete al newlester

jugar escoba de 15 online

Server Cs.

Medusas

 


     
 

Les dejo lo mas importante del curso de Operador de PC con todo lo basico para aprender y esas cosillas importante que muchos decimos que si la tenemos clara pero no es asi, asi que gente quiero compartir mis conocimientos y aprendizaje con uds, espero que les sirva.





COMO HACER UN BANNER ANIMADO

Este Tutorial está hecho con Adobe Image Ready ver. 1.0, versión en inglés, las explicaciones serán traducidas a medida que vayan apareciendo términos ingleses en el software. Aunque no va dirigido a otros editores de animaciones, también puede utilizarse con gift anmicrosoft imator o similar.Aqui te explicaremos paso a paso como hacer un banner animado.

Vamos a realizar el siguiente banner ANIMADO de 468 x 60  paso a paso, lo único que tendrás que hacer es cambiar los parámetros necesarios para personalizar el tuyo, color, fuente, tamaño, etc.

Pulsamos con el ratón en File o Fichero y a continuación en New-Nuevo

Damos nombre al nuevo fichero y especificamos las dimensiones que va a tener, width y height-ancho y alto, en el caso del ejemplo es de 468 x 60, si quereis el banner en blanco o trasparente podeis especificarlo tambien en esta ventana, pero no es importante ya que luego podremos cambiar el fondo del banner en el color deseado. Confirmamos los datos mediante OK.

Y ya tenemos listo el banner para empezar a trabajar con el. Lo primero va a ser el color que deseamos, en este caso el azul será el color escogido, así que clic en el recuadro de color negro, color por defecto, se abre la ventana de colores y elegimos el azul, conformamos con OK ...

.. y ya tenemos el recuadro que era negro de color azul. Tenemos que llevar ese color al banner y pulsaremos para ello en el cubo de pintura y a continuación en el banner. Ya lo tenemos del color deseado.

Os habreis fijado en el banner de ejemplo, que transcurre en tres secuencias o layers, esto no es otra cosa que la cantidad de mensajes que quieres que aparezcan. Para ello pulsamos en el simbolo de nueva secuencia señalado con la mano un  total de tres veces

Ya tenemos el banner con color, las secuencias deseadas y pasamos a poner contenido a cada una, para ello pulsamos en el símbolo  T y a aparece una ventana de texto, donde podremos escoger la fuente (Font), el tamaño (Size).En el recuadro inferior, procederemos a escribir el texto, WWW.MUCHOGRAFICO.COM, en este caso y pulsar OK

Pulsamos en la secuencia nº 2 y haremos los mismo pero con otro texto y lo mismo con la secuencia nº 3

Ya están las tres secuencias completadas, si hicieramos una vista previa, nos dariamos cuenta que el paso de una secuencia a otra, apenas es perceptible. Esto se debe a que el tiempo de espera de una a otra es, por defecto 0 segundos. Procedamos a dar un tiempo de retardo a cada una (Delay). A la primera secuencia, por ser quizas la más significativa, normalmente es el nombre del sitio, le daremos 2 segundos mientras que a las otras dos, la rebajaremos a 1,5 seg.

Y ya sólo queda grabarlo en nuestro pc, por lo que pulsaremos en fichero (file), y luego en Grabar optimizado como ... (Save optimized as ...)

Fijaos que la extensión sea siembre GIF, si es un banner animado, si haceis uno estático podeis utilizarlo también con extensión JPG. Espero que saqueis provecho a vuestro banner.

TUTORIAL COMO COLOCAR VIDEOS EN TU WEB
 


Acá les dejo en imágenes la forma de colocar videos en tu web desde www.youtube.com ojalá les sirva, recuerden seguir los concejos para no deformar el diseño.


























 

como poner musica de fondo:

-Primero debes subir tu cancion a algun host (megaupload, freewebtown, etc.)

-Luego sacas el URL (direccion) lo puedes encontrar haciendo click en el archivo.

-Esa URL lo pegas en el extra =Musica de fondo=

-Y ya esta!


 

como insertar un gif:

-Primero debes cargar el gif en =controlar imagenes=

-Debes desmarcar la casilla de modificar tamaño

-Luego vas a =controlar paginas= y seleccionas la pagina a la que quieras insertar el gif, le das a =incluir imagen= y la seleccionas

-luego le das a "editar pagina" y listo.

colores siguen al cursor:

<SCRIPT LANGUAGE="JavaScript">
//Choose colours and size of effect !!
var a_Colour='fff000';
var b_Colour='00ff00';
var c_Colour='ff00ff';
var Size=120;
//Alter nothing below !!

var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.6;
if (document.layers){
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
xpos = window.pageYOffset+evnt.pageX+6;
ypos = window.pageYOffset+evnt.pageY+16;
}
window.onMouseMove = nsMouse;
}
else if (document.all)
{
function ieMouse(){
xpos = document.body.scrollLeft+event.x+6;
ypos = document.body.scrollTop+event.y+16;
}
document.onmousemove = ieMouse;
}

function swirl(){
for (i = 0; i < 3; i++)
 {
 YDummy[i]=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);
 XDummy[i]=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);
 }
ThisStep+=step;
setTimeout('swirl()',10);
}

var amount=10;
if (document.layers){
for (i = 0; i < amount; i++)
{
document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+a_Colour+'></layer>');
document.write('<layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'></layer>');
document.write('<layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'></layer>');
}
}
else if (document.all){
document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">'
+'<div id="IDiv" style="position:relative">');
for (i = 0; i < amount; i++)
{
document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+c_Colour+';font-size:'+i/2+'"></div>');
}
document.write('</div></div>');
}
function prepos(){
var ntscp=document.layers;
var msie=document.all;
if (document.layers){
for (i = 0; i < amount; i++)
{
 if (i < amount-1)
 {
 ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left;
 ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left;
 ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left;
 }
else 
 {
 ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0];
 ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1];
 ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2];
 }
}
}
else if (document.all){
for (i = 0; i <  amount; i++)
{
 if (i < amount-1)
 {
 msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;
 msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;
 msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left;
 }
else
 {
 msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];
 msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];
 msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];
 }
}
}
setTimeout("prepos()",10);
}
function Start(){
swirl(),prepos()
}
window.onload=Start;
// -->
</SCRIPT>

 

 
 
tiempo en la web

<form name="crono">
<input type="text" size="7" name="face" title="Cronómetro" >
<script language="JavaScript">

<!--
var timeCrono;
var hor = 0;
var min = 0;
var seg = 0;
var startTime = new Date();
var start = startTime.getSeconds();
StartCrono();
function StartCrono() {
if (seg + 1 > 59) {
min+= 1 ;
}
if (min > 59) {
min = 0;
hor+= 1;
}
var time = new Date();
if (time.getSeconds() >= start) {
seg = time.getSeconds() - start;
}
else {
seg = 60 + (time.getSeconds() - start);
}
timeCrono= (hor < 10) ? "0" + hor : hor;
timeCrono+= ((min < 10) ? ":0" : ":") + min;
timeCrono+= ((seg < 10) ? ":0" : ":") + seg;
document.crono.face.value = timeCrono;
setTimeout("StartCrono()",1000);
} //-->
</script>
</form>

 

 
 
datos del usuario:

<script language=javascript>

<!--start

var xy = navigator.appVersion;
xz = xy.substring(0,4);

document.write("<br><center><table border=1 cellpadding=2><tr><td>")
document.write("<center><b>", navigator.appName,"</b>")
document.write("</td></tr><tr><td>")
document.write("<center><table border=1 cellpadding=2><tr><td>Código: </td><td><center><b>", navigator.appCodeName,"</td></tr>")
document.write("<tr><td>Versión: </td><td><center><b>",xz,"</td></tr>")
document.write("<tr><td>Plataforma: </td><td><center><b>", navigator.platform,"</td></tr>")
document.write("<tr><td>Plugins: </td><td><center><b>", navigator.plugins," </td></tr>")
document.write("<tr><td>Java activado: </td><td><center><b>")
if (navigator.javaEnabled()) document.write("Si</td></tr>"); else document.write("No</td></tr>")
document.write("<tr><td>Resolución de pantalla: </td><td><center><b>",screen.width," x ",screen.height,"</td></tr>")
document.write("</table></tr></td></table></center>")
//-->
</script>

 

 
 
reloj persigue al raton:

<script language="JavaScript">
dCol='000000';//date colour.
fCol='000000';//face colour.
sCol='000000';//seconds colour.
mCol='000000';//minutes colour.
hCol='000000';//hours colour.
ClockHeight=40;
ClockWidth=40;
ClockFromMouseY=0;
ClockFromMouseX=100;
//Alter nothing below! Alignments will be lost!
d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");
m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';
size=1;
speed=0.6;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
Split=360/n;
Dsplit=360/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;
scrll=0;
step=0.06;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
if (ns){
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
}
if (ie){
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < n; i++){
 var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
 F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
 F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
 }
for (i=0; i < H.length; i++){
 var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
 HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
 HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
 }
for (i=0; i < M.length; i++){
 var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
 ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
 ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
 }
for (i=0; i < S.length; i++){
 var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
 SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
 SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
 }
for (i=0; i < D.length; i++){
 var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
 DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
 DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
 }
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i < D.length; i++){
Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
}
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
ClockAndAssign();
setTimeout('Delay()',20);
}
if (ns||ie)window.onload=Delay;
</script>
 <p><center>
<a href="http://www.webrecursos.com" target="_blank"><font size="2" face="Arial">WebRecursos.com</font></a>
</center><p>

 
mensaje en barra de estado:

<script language="JavaScript"><!--
var current = 0
var x = 0
var vel = 80
var vel2 = 2000
function initArray(n) {
  this.length = n;
  for (var i =1; i <= n; i++) {this[i] = ' '}
}
typ = new initArray(5)
typ[0]="WebRecursos.com"
typ[1]="Recursos Gratis para webmasters"
typ[2]="Publicidad"
typ[3]="Promocion"
typ[4]="Coleccion de Javascript"
function typewrite()
{
var m = typ[current]
window.status = m.substring(0, x++) + "_"
if (x == m.length + 1) {
x = 0
current++
if (current > typ.length - 1) {
current = 0
}
setTimeout("typewrite()", vel2)
}
else {
setTimeout("typewrite()", vel)
}
}
typewrite()
// -->
</script>

 

 
 

Hoy habia 64019 visitantes (179551 clics a subpáginas) ¡Aqui en esta página!

 

 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis