kidnapeed

Usuario (México)

Primer post: 5 oct 2010

Posts

Puntos totales

Comentarios

InfoporAnónimo10/8/2010

Hola a todos los users de Taringa hoy les traigo la segunda parte de los codigos html para sus paginas web bueno aqui estan los trucos Crear un Pop Up Abrir una pequeña ventana con una imagen. Podemos darle las medidas que queramos cambiando "Width" y "Height". <a name="1"></a><A onclick="window.open('MiFoto.jpg','Estructuras','toolbar=no,location=no,scrollbars=yes,directories= no,status=no,menubar=no,resizable=no,width=400,height=475');" href="#1"><b><font face="Verdana" size="2">Ejemplo</font></b></a> Otra barra con mas colores A continuación veremos otro código para ponerle color a la barra de desplazamiento, en este caso vamos a poder personalizar los colores de la barra, del fondo y los bordes. Reemplazar los nombres de los colores por otros o por los código de letras y números. Mas abajo está la tabla de colores. <style>  </style> Observación: para ver este truco, es necesario tener instalada las últimas versiones de los navegadores. Preferentemente Internet Explorer 6. Abrir un link de una imagen en una ventana nueva Con este código podemos insertar una imagen (ej. banner) y que al hacer click sobre ella se abra el link de destino en una ventana nueva. Primero ponemos la ruta del link de destino, y luego la ruta donde está alojada la imagen. Si está alojada en la raíz de nuestro servidor solo ponemos el nombre y listo. <a href="http://www.CheNico.com" target="_blank"><img src="imagen.gif" border=0></a> Hora y texto en la barra de estado Con este truco, podemos hacer que aparezca en la barra de estado la hora de la PC que entra a nuestra Web y poner el texto que queramos. <script language="JavaScript">  </script> Boton animado Aprendé a dar movimiento a tu página con botones animados por Java Script. Cada botón puede llevar a un enlace distinto. Sólo tienes que configurar los parámetros "lineArr" y "urlArr" del script, que permiten destacar cosas en tu página. <font face="Arial, Helvetica, sans-serif" size="2"> <script language="JavaScript"> var timerID = null var timerRunning = false var charNo = 0 var charMax = 0 var lineNo = 0 var lineMax = 3 var lineArr = new Array(lineMax) var urlArr = new Array(lineMax) lineArr[1] = "Pauluk Computación" urlArr[1] = "http://www.CheNico.com" lineArr[2] = "Trucos PC" urlArr[2] = "http://www.pauluk.8k.com/trucosprin.htm" lineArr[3] = "Noticias Tecnológicas y Actualidad" urlArr[3] = "http://www.pauluk.8k.com/noticias.htm" var lineText = lineArr[1] function StartShow() { StopShow() ShowLine() timerRunning = true } function FillSpaces() { for (var i = 1; i <= lineWidth; i++) { spaces += " " } } function StopShow() { if (timerRunning) { clearTimeout(timerID) timerRunning = false } } function ShowLine() { if (charNo == 0) { if (lineNo < lineMax) { lineNo++ } else { lineNo = 1 } lineText = lineArr[lineNo] charMax = lineText.length } if (charNo <= charMax) { document.formDisplay.buttonFace.value = lineText.substring(0, charNo) charNo++ timerID = setTimeout("ShowLine()", 100) } else { charNo = 0 timerID = setTimeout("ShowLine()", 3000) } } function GotoUrl(url) { top.location.href = url } document.write("<form name="formDisplay">"; document.write("<input type="button" name="buttonFace" value="&{lineText}" size="18" onClick="GotoUrl(urlArr[lineNo])">"; document.write("</form>"; StartShow(); </script></font> Letrero de mensajes Este es un efecto muy fácil de lograr y muy funcional para tu página. Podés definir cuántos textos y enlaces quieras. Ellos se destacarán y tu página quedará mucho más dinámica. Podés ver cómo personalizar este recurso al final de esta página. Es mejor que Java ya que es mucho más liviano y rápido de cargarse, y no necesita archivos adicionales. Para incluir este recurso en tu página debes seguir dos pasos: Paso 1: Incluye el siguiente código en tu etiqueta "<BODY>", agrega un espacio después del último parámetro e incluye: onload="if (document.all||document.layers) {regenerate2();update()}" Observa un ejemplo sencillo de cómo quedaría la etiqueta: <body onload="if (document.all||document.layers) {regenerate2();update()}"> Paso 2: Pega en tu página HTML el siguiente código personalizando las partes indicadas: <style>  </style> <div id="mensagem"> <div id="submensagem" class="submensagemfont">Iniciando...</div> </div> <script language="JavaScript1.2"> var speed=4500 var textos=new Array() textos[0]="<center><a href='Enlace1 Aquí'>Descripción del enlace1 aquí</a></center>" textos[1]="<center><a href='Enlace2 Aquí'>Descripción del enlace2 aquí</a></center>" textos[2]="<center><a href='Enlace3 Aquí'>Descripción del enlace3 aquí</a></center>" i=0 if (document.all) tickerobject=document.all.submensagem.style else tickerobject=document.mensagem.document function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",450) } function update(){ BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10); if (document.layers){ document.mensagem.document.submensagem.document.write('<span class="submensagemfont">'+textos+'</span>') document.mensagem.document.submensagem.document.close() } else document.all.submensagem.innerHTML=textos if (i<textos.length-1) i++ else i=0 setTimeout("update()",speed) } function BgFade(red1, grn1, blu1, red2, grn2, blu2, steps) { sred = red1; sgrn = grn1; sblu = blu1; ered = red2; egrn = grn2; eblu = blu2; inc = steps; step = 0; RunFader(); } function RunFader() { var epct = step/inc; var spct = 1 - epct; if (document.layers) tickerobject.bgColor = Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); else tickerobject.backgroundColor= Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); if ( step < inc ) { setTimeout('RunFader()',50); } step++; } </script> Pantalla que tiembla Al insertar este código, cada vez que entremos en la Web se producirá una especie de terremoto en el explorador. Un efecto interesante para atraer la atención de nuestros visitantes. <html> <head> <title>www.CheNico.com</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" text="#000000"> <p> <script language="JavaScript1.2"> function tremer(n) { if (self.moveBy) { for (i = 10; i > 0; i--) { for (j = n; j > 0; j--) { self.moveBy(0,i); self.moveBy(i,0); self.moveBy(0,-i); self.moveBy(-i,0); }}}} tremer(5) </script> <Script language=JavaScript> function right(e) { if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){ alert("www.CheNico.com"; return false; } else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) { alert("www.CheNico.com"; return false; } return true; } document.onmousedown=right; if (document.layers) window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; </script> </body> </html> Esxta es la segunda parte mas alrato agrego la segunda parte y aqui esta la fuente de la pagina de donde lo saque:

Trucos html para paginas web (Parte 5)

InfoporAnónimo10/8/2010

Hola y a todos hoy les traigo la quinta parte como lo prometi no me fui a comer mejor me decidi a seguir agregando las partes que me falta bueno empezemos: Atras y adelante Atrás: <a href="javascript:history.go(-1)">Atrás </a> Adelante: <a href="javascript:history.go(1)">Adelante</a> Imprimir pagina actual <a href="javascript:print()">Imprimir</a> Cartel de novedades Este efecto te permite tener un cartel o letrero de mensajes incluyendo enlaces para tu sitio. Los mensajes van cruzando la pantalla como si fueran noticias; es un recurso excelente para destacar características especiales de tu sitio. Cada mensaje tendrá un enlace Paso 1: Copiá el siguiente código y pegalo en tu página: <script language="JavaScript1.2"> var largura=150 var altura=120 var bgcolor='white' var fundo='' var mensagens=new Array() mensagens[0]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 1 aquí'>Coloca el texto del enlace 1 aquí</a></font></center>" mensagens[1]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 2 aquí'>Coloca el texto del enlace 2 aquí</a></font></center>" mensagens[2]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 3 aquí'>Coloca el texto del enlace 3 aquí</a></font></center>" mensagens[3]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 4 aquí'>Coloca el texto del enlace 4 aquí</a></font></center>" mensagens[4]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 5 aquí'>Coloca el texto del enlace 5 aquí</a></font></center>" if (mensagens.length>1) i=2 else i=0 function mover1(whichlayer){ tlayer=eval(whichlayer) if (tlayer.top>0&&tlayer.top<=5){ tlayer.top=0 setTimeout("mover1(tlayer)",3000) setTimeout("mover2(document.principal.document.segundo)",3000) return } if (tlayer.top>=tlayer.document.height*-1){ tlayer.top-=5 setTimeout("mover1(tlayer)",100) } else{ tlayer.top=altura tlayer.document.write(mensagens) tlayer.document.close() if (i==mensagens.length-1) i=0 else i++ } } function mover2(whichlayer){ tlayer2=eval(whichlayer) if (tlayer2.top>0&&tlayer2.top<=5){ tlayer2.top=0 setTimeout("mover2(tlayer2)",3000) setTimeout("mover1(document.principal.document.primeiro)",3000) return } if (tlayer2.top>=tlayer2.document.height*-1){ tlayer2.top-=5 setTimeout("mover2(tlayer2)",100) } else{ tlayer2.top=altura tlayer2.document.write(mensagens) tlayer2.document.close() if (i==mensagens.length-1) i=0 else i++ } } function mover3(whichdiv){ tdiv=eval(whichdiv) if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){ tdiv.style.pixelTop=0 setTimeout("mover3(tdiv)",3000) setTimeout("mover4(segundo2)",3000) return } if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){ tdiv.style.pixelTop-=5 setTimeout("mover3(tdiv)",100) } else{ tdiv.style.pixelTop=altura tdiv.innerHTML=mensagens if (i==mensagens.length-1) i=0 else i++ } } function mover4(whichdiv){ tdiv2=eval(whichdiv) if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){ tdiv2.style.pixelTop=0 setTimeout("mover4(tdiv2)",3000) setTimeout("mover3(primeiro2)",3000) return } if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){ tdiv2.style.pixelTop-=5 setTimeout("mover4(segundo2)",100) } else{ tdiv2.style.pixelTop=altura tdiv2.innerHTML=mensagens if (i==mensagens.length-1) i=0 else i++ } } function iniciar(){ if (document.all){ mover3(primeiro2) segundo2.style.top=altura segundo2.style.visibility='visible' } else if (document.layers){ document.principal.visibility='show' mover1(document.principal.document.primeiro) document.principal.document.segundo.top=altura+5 document.principal.document.segundo.visibility='show' } } </script> <table width="150" border="1" cellspacing="1" cellpadding="0"> <tr> <td> <ilayer id="principal" width=&{largura}; height=&{altura}; bgColor=&{bgcolor}; background=&{fundo}; visibility=hide> <layer id="primeiro" left=0 top=1 width=&{largura};> <script language="JavaScript1.2"> if (document.layers) document.write(mensagens[0]) </script> </layer> <layer id="segundo" left=0 top=0 width=&{largura}; visibility=hide> <script language="JavaScript1.2"> if (document.layers) document.write(mensagens[1]) </script> </layer> </ilayer> <script language="JavaScript1.2"> if (document.all){ document.writeln('<span id="principal2" style="position:relative;width:'+largura+';height:'+altura+';overflow:hiden;background-color:'+bgcolor+' ;background-image:url('+fundo+')">') document.writeln('<div style="position:absolute;width:'+largura+';height:'+altura+';clip:rect(0 '+largura+' '+altura+' 0);left:0;top:0">') document.writeln('<div id="primeiro2" style="position:absolute;width:'+largura+';left:0;top:1;">') document.write(mensagens[0]) document.writeln('</div>') document.writeln('<div id="segundo2" style="position:absolute;width:'+largura+';left:0;top:0;visibility:hidden">') document.write(mensagens[1]) document.writeln('</div>') document.writeln('</div>') document.writeln('</span>') } iniciar() </script> </td> </tr> </table>> Personalizando: Para cambiar el color de fondo o incluir una imagen de fondo, observa esta parte del código: var largura=150 var altura=120 var bgcolor='white' var fundo='' Donde dice "white" podés ingresar el valor hexadecimal del nuevo color; por ejemplo: #FFCC00 En "fondo" podés colocar el nombre de la imagen de fondo del letrero; por ejemplo: var largura=150 var altura=120 var bgcolor='white' var fundo='Nombre del archivo de imagen' Para incluir más mensajes en el letrero, observá que el último mensaje aparece de la siguiente forma: mensagens[4]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 5 aquí'>Coloca el texto del enlace 5 aquí</a></font></center>" Sólo tenés que agregar una unidad al número indicado al final del mensaje. Por ejemplo: mensagens[5]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 5 aquí'>Coloca el texto del enlace 5 aquí</a></font></center>" mensagens[6]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 6 aquí'>Coloca el texto del enlace 6 aquí</a></font></center>" Seguí hasta llegar al número total de mensajes que desees incluir. Barra de estado fija Podés colocar la palabra o el mensaje que quieras en la barra de estado de tu sitio y mantenerlo fijo. De esta forma tu sitio quedará mucho más personalizado, además de contar con otras ventajas. Por ejemplo: el visitante no verá la dirección del enlace al que está apuntando, sólo el mensaje definido por vos. <Script language="JavaScript"> statuss(); function statuss() { window.status = "www.pauluk.8k.com - Un Sitio. Muchas Opciones."; setTimeout("statuss()", 1); } </script> Bueno hasta aqui llego la quinta parte de los codigos html y hasta que acabe de poner todas las partes de los codigos html me voy a ir a comer Aqui esta la

Trucos htm para paginas web (Parte 7)

InfoporAnónimo10/8/2010

En esta parte de los trucos o codigos van a ser 2 pero estan mas o menos largos bueno aqui se los dejo: Efecto de apertura Este es un recurso fabuloso y muy fácil que permite crear un efecto de entrada a tu página. Es sólo copiar y pegar el código en tu página. Siempre que alguien acceda a tu sitio el efecto será activado. <style>  </style> <div id="i1" class="entrada"></div> <div id="i2" class="entrada"></div> <div id="i3" class="entrada"></div> <div id="i4" class="entrada"></div> <div id="i5" class="entrada"></div> <div id="i6" class="entrada"></div> <div id="i7" class="entrada"></div> <div id="i8" class="entrada"></div> <script language="JavaScript1.2"> // var velocidade=10 var tempo=new Array() var tempo2=new Array() if (document.layers){ for (i=1;i<=8;i++){ tempo=eval("document.i"+i+".clip" tempo2=eval("document.i"+i) tempo.width=window.innerWidth/8-0.3 tempo.height=window.innerHeight tempo2.left=(i-1)*tempo.width } } else if (document.all){ var clipbottom=document.body.offsetHeight,cliptop=0 for (i=1;i<=8;i++){ tempo=eval("document.all.i"+i+".style" tempo.width=document.body.clientWidth/8 tempo.height=document.body.offsetHeight tempo.left=(i-1)*parseInt(tempo.width) } } function openit(){ window.scrollTo(0,0) if (document.layers){ for (i=1;i<=8;i=i+2) tempo.bottom-=velocidade for (i=2;i<=8;i=i+2) tempo.top+=velocidade if (tempo[2].top>window.innerHeight) clearInterval(stopit) } else if (document.all){ clipbottom-=velocidade for (i=1;i<=8;i=i+2){ tempo.clip="rect(0 auto+"+clipbottom+" 0)" } cliptop+=velocidade for (i=2;i<=8;i=i+2){ tempo.clip="rect("+cliptop+" auto auto)" } if (clipbottom<=0) clearInterval(stopit) } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </script> ¿Querés cambiar el color? Podés cambiarlo por cualquier otro color. ¡Es muy fácil: Observá que existe una parte del código que contiene: <style>  </style> Donde dice "green", debes poner el nombre en inglés o el código hexadecimal del color que deseas. Podés también seleccionar uno de los colores que siguen y sustituir la referida parte del código original por esta nueva que vas a recibir. Imagen que sigue al mouse Observá cómo queda el cursor del mouse con este recurso. Podés elegir la imagen que quieras y ésta acompañará el movimiento del mouse. Puede ser el logotipo de tu empresa, por ejemplo, o la imagen de tu preferencia. Tu sitio ganará personalidad y combinará mucho más con tu estilo. Para tener este recurso en tu página, tenés que seguir dos pasos: Paso 1: Incluí el siguiente código en tu página HTML. <script language="JavaScript">  </script> <script language="JavaScript">  </script> <script language='JavaScript'>  </script> <div id="Orbita" style="position:absolute; left: 475px; top: 11px; width: 36px; height: 32px"><img src="Ingresa aquí el nombre del archivo de imagen" border=0></div> En las últimas líneas donde dice que tenés que ingresar el nombre del archivo de imagen que aparecerá con el cursor del mouse, podés incluir archivos del tipo gif o jpg. Paso 2: Ahora es necesario que incluyas el código que sigue en tu tag <body>, que quedará así: <body onLoad="YY_Mousetrace('',',document.YY_Mousetrace1'); YY_Layerfx(8,18,'yy_ml','yy_mt','document.layers['Orbita']',50000,false,0,0,10)"> Si ya existen otros parámetros en tu etiqueta , agregá un espacio después del último y luego incluí: onLoad="YY_Mousetrace('',',document.YY_Mousetrace1'); YY_Layerfx(8,18,'yy_ml','yy_mt','document.layers['Orbita']',50000,false,0,0,10)" Esta fue la septima parte bueno aqui les dejo la fuente

Trucos html para paginas web (Parte 9)

InfoporAnónimoFecha desconocida

Esta es la novena parte en la decima parte se acaba todo bueno empezemos: Barra de estado animada Podés darle movimiento a la barra de estado del navegador del visitante en tu sitio. Es un efecto fabuloso que te permite destacar lo que desees. Copiá el siguiente código y pegalo en tus páginas debajo de la etiqueta <Body>. <script language="JavaScript"> tempo = 10; chars = 5; texto = "-- Ingresa el texto aquí --"; wtexto = new Array(33); wtexto[0] = texto; blnk = " ";//Mantén estos espacios for (i = 1; i < 32; i++) { b = blnk.substring(0, i); wtexto = ""; for (j = 0; j < texto.length; j++) wtexto = wtexto + texto.charAt(j) + b; } function animastatus() { if (chars > -1) str = wtexto[chars]; else str = wtexto[0]; if (chars-- < -40) chars = 31; status = str; clearTimeout(tempo); tempo = setTimeout("animastatus()", 150); } animastatus() </script> Efecto de apertura multiple Este efecto ofrece otra alternativa de apertura para tu sitio, una forma diferente de presentarlo a los visitantes. Es sólo copiar y pegar el código en tu página. Siempre que alguien acceda a tu sitio el efecto será activado. <style> .intro{position:absolute; left:0; top:0; layer-background-color:green; background-color:green; border:0.1px solid green } </style> <div id="i1" class="intro"></div> <div id="i2" class="intro"></div> <div id="i3" class="intro"></div> <div id="i4" class="intro"></div> <div id="i5" class="intro"></div> <div id="i6" class="intro"></div> <div id="i7" class="intro"></div> <div id="i8" class="intro"></div> <script language="JavaScript1.2"> var velocidade=20 var tempo=new Array() var tempo2=new Array() if (document.layers){ for (i=1;i<=8;i++){ tempo=eval("document.i"+i+".clip" tempo2=eval("document.i"+i) tempo.width=window.innerWidth tempo.height=window.innerHeight/8 tempo2.top=(i-1)*tempo.height } } else if (document.all){ var clipright=document.body.clientWidth,clipleft=0 for (i=1;i<=8;i++){ tempo=eval("document.all.i"+i+".style" tempo.width=document.body.clientWidth tempo.height=document.body.offsetHeight/8 tempo.top=(i-1)*parseInt(tempo.height) } } function openit(){ window.scrollTo(0,0) if (document.layers){ for (i=1;i<=8;i=i+2) tempo.right-=velocidade for (i=2;i<=8;i=i+2) tempo.left+=velocidade if (tempo[2].left>window.innerWidth) clearInterval(stopit) } else if (document.all){ clipright-=velocidade for (i=1;i<=8;i=i+2){ tempo.clip="rect(0 "+clipright+" auto 0)" } clipleft+=velocidade for (i=2;i<=8;i=i+2){ tempo.clip="rect(0 auto auto "+clipleft+"" } if (clipright<=0) clearInterval(stopit) } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </script> ¿Quieres cambiar el color? Puedes cambiarlo por cualquier otro color. ¡Es muy fácil: Observá que existe una parte del código que contiene: <style>  </style> Donde dice "green", tenés que poner el nombre en inglés o el código hexadecimal del color que deseas. Podés también seleccionar uno de los colores que siguen y sustituir la referida parte del código original por esta nueva que vas a recibir. Combinando la barra de estado ¿Querés que la barra de estado cambie cuando el mouse pase sobre los enlaces? ¡Es fácil! Podés hacer que cualquier mensaje aparezca en la barra de estado del navegador cuando alguien pase el mouse sobre los enlaces de tu página. Observá cómo hacerlo acá: - Ejemplo- El código HTML de un enlace común se parece al siguiente ejemplo: <a href=fotos.html>Fotos del Viaje</a> Sólo tenés que incluir el siguiente código: ONMOUSEOVER="window.status='COLOCA EL TEXTO AQUI';return true;" ONMOUSEOUT="window.status='';return true;" - Código<a href=fotos.html ONMOUSEOVER="window.status='COLOCA EL TEXTO AQUI';return true;" ONMOUSEOUT="window.status='';return true;">Fotos del Viaje</a> Copia el código y pégalo en tus páginas debajo de la etiqueta <Body>. Fuente:

Trucos html para paginas web (parte 4)

InfoporAnónimo10/8/2010

Hola a todos los users de la comunidada bueno aqui les dejo la parte cuatro de los codigos html para las paginas web bueno recomienden mis post en la ultima parte voy a dejar mis post para que los visiten bueno adios y saludos Pagina protegida por clave Este es un excelente recurso. Podés proteger tus páginas con una clave. Así podés definir exactamente quienes entrarán a tu página. No tenés que preocuparte por configuraciones. Es muy sencillo: la clave siempre será el nombre de tu página sin la extensión .htm, es decir, si la página tiene el nombre de "ejemplo.htm", la clave será "ejemplo". ¿Ves que fácil?. Para tener este recurso en tu sitio debes incluir un código en la página de "entrada" en donde el visitante ingresará la clave, y enviar a tu sitio el archivo de la página que será cargada. <Form name="frm"> <center> <Script Language="JavaScript">  </script> Ingresa tu clave: <input type="password" name="pswd" size="20"> </center> <center> <p> <input type="button" value="Entra" onClick="loadpage()" name="button">  </p> </center> </form> Cambiar el color de la barra de desplazamiento al pasar el mouse Con este truco podés hacer que además de cambiar el color clásico gris de la barra de desplazamiento por otro, hacer que cuando el mouse se pose sobre ella cambie a otro color. Cambiando los números y letras en verde variaran los colores. Probalo pasando por la barra de la derecha!. <script language="JavaScript1.2">  </script>"#6699FF"; break; } } with(document.body.style) { scrollbarDarkShadowColor=line; scrollbar3dLightColor=line; scrollbarArrowColor="black"; scrollbarBaseColor=face; scrollbarFaceColor=face; scrollbarHighlightColor=face; scrollbarShadowColor=face; scrollbarTrackColor="#FFFFFF"; } } function colorBar(){ var w = document.body.clientWidth; var h = document.body.clientHeight; var x = event.clientX; var y = event.clientY; if(x>w) scrollBar('#000080','#E58D28'); else scrollBar(null,null,"blue"; } if (document.all){ scrollBar(null,null,"blue"; document.onmousemove=colorBar; } //--> </script> Cambiar el color de la barra de desplazamiento Con éste código van a conseguir cambiar el clásico color gris de la barra de desplazamiento de la derecha y abajo por el color que quieran. Para cambiar de colores, cambien el número 000000 por otros, cada color tiene su número, pero la lista es muy larga, así que prueben con los número que ya van a encontrar el deseado. <style>  </style> Reloj - Forma de Texto Este es otro tipo de reloj que también cuenta los segundos y que puede utilizar texto. Es muy fácil incluirlo en tu página. Siempre que un usuario acceda a tu sitio el efecto será iniciado. Paso 1: Para que el recurso se inicie junto con la página, debes incluir dentro de la etiqueta <body> el parámetro de inicio. Agregá un espacio después del último parámetro e incluye: Onload="show5()" Observa un ejemplo sencillo de cómo queda la etiqueta: <body Onload="show5()"> ¡Atención! Sin eso tu reloj no funcionará. Paso 2: Incluye el siguiente código en tu página después de la etiqueta <body>. <Font face=Verdana><span id=relogio style="POSITION: absolute"></span> <Script Language=JavaScript>  </script> </font> Poniendo una fecha en tu sitio Aprendé a incluir la fecha en tu sitio sin necesidad de actualizarla cada día. Sólo tenés que usar un JavaScript que automáticamente exhibirá la fecha del día en tu página cada vez que ésta se abra. No tenés que preocuparte con ninguna configuración. Sólo tenés que copiar y pegar el código en tu página. <script language="JavaScript">  </script> Mensaje de bienvenida Con este recurso personalizás tu sitio para el visitante. Al entrar, el visitante verá un espacio para ingresar su nombre y un mensaje que dice "Hola, Fulano". Copiá el siguiente código y pégalo donde quieras que aparezca el mensaje: <Script language="JavaScript"> mensagem = prompt("Por favor, ingresa tu nombre",''); if (mensagem==null) { document.write("¡Hola, visitante!" }else{ if (mensagem=='') { document.write("<b><font face=arial size=2 color=#000000>¡Hola, visitante!</font></b>" }else{ document.write("<b><font face=arial size=2 color=#000000>¡Hola"+mensagem+"! Bienvenido a mi sitio</font></b>"; } } </script> Bueno esta fue la cuerta parte del post ahorita que acabe de comer agrego las demas partes que me faltan.Aqui les dejo la fuente: http://www.usuarios.sion.com/pauluk/trucospch3.htm

Trucos html para paginas web (Parte 6)

InfoporAnónimo10/8/2010

Hola a todos los users de la comunidad aqui les dejo la sexta parte de los trucos html o codigos como ustedes les digan bueno empezemos ya saben que al final agrego la fuente para que no digan que es repost bueno aqui nse los dejo: Saludo al visitante Puedes poner en tu sitio un mensaje personalizado según la hora en que el visitante entre. Este puede recibir el saludo "Buen día", "Buenas tardes", "Buenas noches", o puedes sustituirlos por otros mensajes de tu preferencia. De esta forma el visitante verá el mensaje de acuerdo con el horario que entre a tu página. <Font size=2 face=arial><b> <Script Language="JavaScript">  </script> </b></font> Texto animado Con este recurso puedes hacer que cualquier texto tenga movimiento en tu página. Es ideal para destacar tu logo o lo que vos prefieras. <script language="JavaScript"> </script> <div id="texto" style="position: absolute; top: -50; color: #FF8000; font-family: Arial, Helvetica; font-weight:bold; font-size:40px;"> <p><font face="Arial, Helvetica, sans-serif" size="3"><b><font size="6" color="#990000">INGRESA TU TEXTO AQUI</font></b></font></p> </div> <script language="JavaScript">  </script> Texto de apertura Este es un recurso muy interesante. Podés lograr que, al entrar a tu página, el usuario vea un mensaje de bienvenida o cualquier otro que configures. Luego, el usuario es llevado automáticamente a la página que tú definas. Para tener este recurso en tu página, sólo debes copiar el siguiente código, pegarlo en tu editor y guardar la página como principal. De esta forma, al entrar a tu página, los visitantes verán los mensajes y luego serán llevados a la página que tú definas. Es muy fácil configurar este recurso. Basta con alterar las áreas destacadas en negrito en el código. Si tienes problemas con algún editor HTML que no reconozca el código, copia y pega este código en el bloc de notas del Windows u otro editor de texto y no olvides guardarlo con extensión html. <HTML> <HEAD> <TITLE>Ingresa el título aquí</TITLE> <SCRIPT LANGUAGE = "JavaScript"> function makeArray() { this.length = makeArray.arguments.length; for (var i = 0; i < this.length; i++) this[i + 1] = makeArray.arguments; } function makeSlideShow (obj, wait, pre, url) { this.curText = ''; this.posit = 1; this.word = obj; this.length = obj.length; this.pre = pre; this.wait = wait; this.url = url; this.display = displaySlideShow; } function displaySlideShow() { if (this.posit <= this.length) { this.curText = this.word[this.posit] outStringWord = blankFrameTop + this.pre + this.curText + blankFrameBottom; parent.draw.location = 'javascript:parent.outStringWord'; this.posit++; } else { doneLoop = true; top.location = this.url; } } function displayLoop() { if (!doneLoop) reDraw = setTimeout('displayLoop()', wordIntro.wait); wordIntro.display(); } var words = new makeArray ('Ingresa el primer texto aquí', 'Ingresa el segundo texto aquí', 'Ingresa el tercer texto aquí', 'Ingresa el cuarto texto aquí', 'ABRIENDO EL SITIO... '); var wordIntro = new makeSlideShow (words, 2500, '<CENTER><BR><BR><BR><BR><BR><BR><BR><BR><FONT SIZE = 5>', 'Ingresa aquí el URL de la página que aparecerá'); var blankFrameTop = '<HTML><BODY BGCOLOR = "#000000" TEXT = "#FFFFFF">'; var blankFrameBottom = '</BODY></HTML>'; var blankFrame = blankFrameTop + blankFrameBottom; var doneLoop = false; </SCRIPT> </HEAD><FRAMESET onLoad = "displayLoop()" ROWS = "100%, *" FRAMEBORDER = NO BORDER = 0> <FRAME SCROLLING=AUTO SRC = "javascript:parent.blankFrame" NAME = "draw" MARGINWIDTH = 2 MARGINHEIGHT = 2> </FRAMESET> </HTML> Texto en la barra de estado Con este recurso podés incluir varios mensajes, novedades y noticias sobre tu sitio. Es una forma de destacar lo que quieras y también de agregar un efecto diferente a tu sitio. <script LANGUAGE="JavaScript">  </script> Paso 2: Ingresa el siguiente código en la etiqueta <body> de tu página: <Body onLoad="startBanner()"> Si ya existen otros parámetros en tu etiqueta body, sólo agrega un espacio después del último e incluye onLoad="startBanner()". Este comando es importante para hacer que el texto aparezca en la barra de estado inmediatamente al cargarse la página. Hasta aqui llega la 6ta parte del post buno aqui esta la fuente

Trucos html para paginas web (ultima parte)

InfoporAnónimo10/8/2010

Bueno como el titulo lo dice ``Trucos htm para paginas web (Ultima parte) Quiere decir que este post es el ultimo de los truco html para sus webs miren nada mas junten todos los codigos web de las otras partes mas estas imaginense cuantos serian bueno todavia faltan animaciones flash para sus webs y todo eso pero eso lo voy agregar en otro post bueno que disfruten mi post: Texto alelatorio Con el texto aleatorio es posible hacer que, a cada visita a tu página, el usuario vea un mensaje diferente sin necesidad de actualizar tu sitio a todo momento. <Script Language="JavaScript"> hoje = new Date() numero_de_textos = 4 segundos = hoje.getSeconds() numero = segundos % numero_de_textos if (numero == 0){ texto = "Ingresa el primer texto aquí" } if (numero == 01){ texto = "Ingresa el segundo texto aquí" } if (numero == 02){ texto = "Ingresa el tercer texto aquí" } if (numero == 03){ texto = "Ingresa el cuarto texto aquí" } document.write('' + texto +'') </script> Instrucciones para personalización: Si deseas incluir más de tres textos, debes ingresar en "numero de textos" el número total de textos que aparecerán. if (numero == Ingresa el número del texto aquí){ texto = "Ingresa el texto que aparecerá aquí" } En "Ingresa el número del texto aquí", sigue la secuencia. En el código, por ejemplo, el último número era "03", por lo tanto, para incluir un nuevo texto, el número será "04", y así sucesivamente para cada nuevo texto. ¡ATENCION! Incluye el código del nuevo texto siempre antes de "document.write('' + texto +'') </script>". Imagen alelatoia Con este recurso es posible hacer que, a cada visita a tu página, el usuario vea una imagen diferente sin necesidad de actualizar tu sitio a cada momento. Imágenes aleatórias con enlaces: Pegá el siguiente código en tu página HTML. Podés pegarlo donde quieras que aparezcan las imágenes. <Script Language="JavaScript"> hoje = new Date() numero_de_imagens = 2 segundos = hoje.getSeconds() numero = segundos % numero_de_imagens if (numero == 0){ banner = "Ingresa el nombre de la imagen 1 aqui" link = "http://" alvo = "_self" } if (numero == 1){ banner = "Ingresa el nombre de la imagen 2 aqui" link = "http://" alvo = "_self" } document.write('<a href="' + link + '" target="' + alvo + '" ><img src="' + banner + '" border=0></a>') </script> Aádir el asunto y cuerpo cuando nos envian un e-mail Ya sabés que para enviar un mensaje, tenés que incluir mailto:webmaster@pauluk.8k.com Bueno, si añadís al final de la dirección de correo ?subject=el subject, éste aparecerá de forma automática en ese campo, así de fácil. <html> <a href="mailto:webmaster@pauluk.8k.com?subject=Probando.&body=Probando truco">Hacé clic aquí</a> Detectar el navegador Esto sirve para comprobar el navegador que se está usando, por si queremos crear una página para Netscape y otra para Internet Explorer: <script language="JavaScript">  function cargar(){ if (esIE30()) window.location.href="indice_ie.htm"; else window.location.href="indice_netscape.htm"; } //--> </script> Ir a un lugar dentro de la pagina Nota: Hay que tener en cuenta que se diferencian las mayúsculas de las minúsculas. <a href="#posicion1">Ir a la posicion1</a> ir a un lugar determinado de otra pagina Nota: Hay que tener en cuenta que se diferencian las mayúsculas de las minúsculas. <a href="otra_pagina.htm#posicion1">Ir a la posicion1 de otra_pagina</a> Cambiar el contenido de una página cada "x" segundos O mejor dicho, cargar otra página después de "x" segundos. Este comando debe estar en el bloque <HEAD>...</HEAD> <HEAD>  <META http-equiv="refresh" content="segundos; url=siguiente_pagina.htm">  </HEAD> Bueno estos fueron todos los trucos que encontre espero que comenten bien adios y saludos aaaa y se me olvidaba poner la fuente: http://www.usuarios.sion.com/pauluk/trucospch10.htm Bueno eso fue todo adios y hasta el proximo post

Generaciones de la computadora y su historia

InfoporAnónimo10/5/2010

Hola a todos los de Taringa! hoy les traigo este post que se trata de las generaciones de la computadora y la historia de ella bueno aqui les dejo con la imformación. Historia de la computadora: COMPUTADORA Máquina capaz de efectuar una secuencia de operaciones mediante un programa, de tal manera, que se realice un procesamiento sobre un conjunto de datos de entrada, obteniéndose otro conjunto de datos de salida. TIPOS DE COMPUTADORAS Se clasifican de acuerdo al principio de operación de Analógicas y Digitales. •COMPUTADORA ANALÓGICA 1.Aprovechando el hecho de que diferentes fenómenos físicos se describen por relaciones matemáticas similares (v.g. Exponenciales, Logarítmicas, etc.) pueden entregar la solución muy rápidamente. Pero tienen el inconveniente que al cambiar el problema a resolver, hay que realambrar la circuitería (cambiar el Hardware). •COMPUTADORA DIGITAL 1.Están basadas en dispositivos biestables, i.e., que sólo pueden tomar uno de dos valores posibles: ‘1’ ó ‘0’. Tienen como ventaja, el poder ejecutar diferentes programas para diferentes problemas, sin tener que la necesidad de modificar físicamente la máquina. HISTORIA DE LA COMPUTACIÓN Uno de los primeros dispositivos mecánicos para contar fue el ábaco, cuya historia se remonta a las antiguas civilizaciones griega y romana. Este dispositivo es muy sencillo, consta de cuentasensartadas en varillas que a su vez están montadas en un marco rectangular. Al desplazar las cuentas sobre varillas, sus posiciones representan valores almacenados, y es mediante dichas posiciones que este representa y almacena datos. A este dispositivo no se le puede llamar computadorapor carecer del elemento fundamental llamado programa. Otro de los inventos mecánicos fue la Pascalina inventada por Blaise Pascal (1623 - 1662) de Francia y la de Gottfried Wilhelm von Leibniz (1646 - 1716) de Alemania. Con estas máquinas, los datos se representaban mediante las posiciones de los engranajes, y los datos se introducían manualmente estableciendo dichas posiciones finales de las ruedas, de manera similar a como leemos los números en el cuentakilómetros de un automóvil. La primera computadora fue la máquina analítica creada por Charles Babbage, profesor matemático de la Universidad de Cambridge en el siglo XIX. La idea que tuvo Charles Babbage sobre un computador nació debido a que la elaboración de las tablas matemáticas era un proceso tedioso y propenso a errores. En 1823 el gobierno Británico lo apoyo para crear el proyecto de una máquina de diferencias, un dispositivo mecánico para efectuar sumas repetidas. Mientras tanto Charles Jacquard (francés), fabricante de tejidos, había creado un telar que podía reproducir automáticamente patrones de tejidos leyendo la información codificada en patrones de agujeros perforados en tarjetas de papel rígido. Al enterarse de este métodoBabbage abandonó la máquina de diferencias y se dedico al proyecto de la máquina analítica que se pudiera programar con tarjetas perforadas para efectuar cualquier cálculo con una precisión de 20 dígitos. La tecnologíade la época no bastaba para hacer realidad sus ideas. El mundo no estaba listo, y no lo estaría por cien años más. En 1944 se construyó en la Universidad de Harvard, la Mark I, diseñada por un equipo encabezado por Howard H. Aiken. Esta máquina no está considerada como computadora electrónica debido a que no era de propósito general y su funcionamiento estaba basado en dispositivos electromecánicos llamados relevadores. En 1947 se construyó en la Universidad de Pennsylvania la ENIAC (Electronic Numerical Integrator And Calculator) que fue la primera computadora electrónica, el equipo de diseñolo encabezaron los ingenieros John Mauchly y John Eckert. Esta máquina ocupaba todo un sótano de la Universidad, tenía más de 18 000 tubos de vacío, consumía 200 KW de energía eléctrica y requería todo un sistema de aire acondicionado, pero tenía la capacidad de realizar cinco mil operaciones aritméticas en un segundo. El proyecto, auspiciado por el departamento de Defensa de los Estados Unidos, culminó dos años después, cuando se integró a ese equipo el ingeniero y matemático húngaro John von Neumann (1903 - 1957). Las ideas de von Neumann resultaron tan fundamentales para su desarrollo posterior, que es considerado el padre de las computadoras. La EDVAC (Electronic Discrete Variable Automatic Computer) fue diseñada por este nuevo equipo. Tenía aproximadamente cuatro mil bulbos y usaba un tipo de memoria basado en tubos llenos de mercurio por donde circulaban señales eléctricas sujetas a retardos. La idea fundamental de von Neumann fue: permitir que en la memoria coexistan datos con instrucciones, para que entonces la computadora pueda ser programada en un lenguaje, y no por medio de alambres que eléctricamente interconectaban varias secciones de control, como en la ENIAC. Todo este desarrollo de las computadoras suele divisarse por generaciones y el criterio que se determinó para determinar el cambio de generación no está muy bien definido, pero resulta aparente que deben cumplirse al menos los siguientes requisitos: •La forma en que están construidas. •Forma en que el ser humano se comunica con ellas. Primera Generación En esta generación había una gran desconocimiento de las capacidades de las computadoras, puesto que se realizó un estudio en esta época que determinó que con veinte computadoras se saturaría el mercadode los Estados Unidos en el campo de procesamiento de datos. Esta generación abarco la década de los cincuenta. Y se conoce como la primera generación. Estas máquinas tenían las siguientes características: •Estas máquinas estaban construidas por medio de tubos de vacío. •Eran programadas en lenguaje de máquina. En esta generación las máquinas son grandes y costosas (de un costo aproximado de ciento de miles de dólares). En 1951 aparece la UNIVAC (NIVersAl Computer), fue la primera computadora comercial, que disponía de mil palabras de memoria central y podían leer cintas magnéticas, se utilizó para procesar el censo de 1950 en los Estados Unidos. En las dos primeras generaciones, las unidades de entrada utilizaban tarjetas perforadas, retomadas por Herman Hollerith (1860 - 1929), quien además fundó una compañía que con el paso del tiempo se conocería como IBM (International Bussines Machines). Después se desarrolló por IBM la IBM 701 de la cual se entregaron 18 unidades entre 1953 y 1957. Posteriormente, la compañía Remington Rand fabricó el modelo1103, que competía con la 701 en el campo científico, por lo que la IBM desarrollo la 702, la cual presentó problemas en memoria, debido a esto no duró en el mercado. La computadora más exitosa de la primera generación fue la IBM 650, de la cual se produjeron varios cientos. Esta computadora que usaba un esquema de memoria secundaria llamado tambor magnético, que es el antecesor de los discos actuales. Otros modelos de computadora que se pueden situar en los inicios de la segunda generación son: la UNIVAC 80 y 90, las IBM 704 y 709, Burroughs 220 y UNIVAC 1105. Segunda Generación Cerca de la década de 1960, las computadoras seguían evolucionando, se reducía su tamaño y crecía su capacidad de procesamiento. También en esta época se empezó a definir la forma de comunicarse con las computadoras, que recibía el nombre de programación de sistemas. Las características de la segunda generación son las siguientes: •Están construidas con circuitos de transistores. •Se programan en nuevos lenguajes llamados lenguajes de alto nivel. En esta generación las computadoras se reducen de tamaño y son de menor costo. Aparecen muchas compañías y las computadoras eran bastante avanzadas para su época como la serie 5000 de Burroughs y la ATLAS de la Universidad de Manchester. Algunas de estas computadoras se programaban con cintas perforadas y otras más por medio de cableado en un tablero. Los programas eran hechos a la medida por un equipo de expertos: analistas, diseñadores, programadores y operadores que se manejaban como una orquesta para resolver los problemas y cálculos solicitados por la administración. El usuario final de la información no tenía contacto directo con las computadoras. Esta situación en un principio se produjo en las primeras computadoras personales, pues se requería saberlas "programar" (alimentarle instrucciones) para obtener resultados; por lo tanto su uso estaba limitado a aquellos audaces pioneros que gustaran de pasar un buen número de horas escribiendo instrucciones, "corriendo" el programa resultante y verificando y corrigiendo los errores o bugs que aparecieran. Además, para no perder el "programa" resultante había que "guardarlo" (almacenarlo) en una grabadora de astte, pues en esa época no había discos flexibles y mucho menos discos durospara las PC; este procedimientopodía tomar de 10 a 45 minutos, según el programa. El panorama se modificó totalmente con la aparición de las computadoras personales con mejore circuitos, más memoria, unidades de disco flexible y sobre todo con la aparición de programas de aplicación general en donde el usuario compra el programa y se pone a trabajar. Aparecen los programas procesadores de palabras como el célebre Word Star, la impresionante hoja de cálculo (spreadsheet) Visicalc y otros más que de la noche a la mañana cambian la imagende la PC. El sortware empieza a tratar de alcanzar el paso del hardware. Pero aquí aparece un nuevo elemento: el usuario. El usuario de las computadoras va cambiando y evolucionando con el tiempo. De estar totalmente desconectado a ellas en las máquinas grandes pasa la PC a ser pieza clave en el diseño tanto del hardware como del software. Aparece el conceptode human interface que es la relación entre el usuario y su computadora. Se habla entonces de hardware ergonómico (adaptado a las dimensiones humanas para reducir el cansancio), diseños de pantallas antirreflejos y teclados que descansen la muñeca. Con respecto al software se inicia una verdadera carrera para encontrar la manera en que el usuario pase menos tiempo capacitándose y entrenándose y más tiempo produciendo. Se ponen al alcance programas con menús (listas de opciones) que orientan en todo momento al usuario (con el consiguiente aburrimiento de los usuarios expertos); otros programas ofrecen toda una artillería de teclas de control y teclas de funciones (atajos) para efectuar toda suerte de efectos en el trabajo (con la consiguiente desorientación de los usuarios novatos). Se ofrecen un sinnúmero de cursos prometiendo que en pocas semanas hacen de cualquier personaun experto en los programas comerciales. Pero el problema "constante" es que ninguna solución para el uso de los programas es "constante". Cada nuevo programa requiere aprender nuevos controles, nuevos trucos, nuevos menús. Se empieza a sentir que la relación usuario-PC no está acorde con los desarrollos del equipo y de la potencia de los programas. Hace falta una relación amistosa entre el usuario y la PC. Las computadoras de esta generación fueron: la Philco 212 (esta compañía se retiró del mercado en 1964) y la UNIVAC M460, la Control Data Corporation modelo 1604, seguida por la serie 3000, la IBM mejoró la 709 y sacó al mercado la 7090, la National Cash Register empezó a producir máquinas para proceso de datos de tipo comercial, introdujo el modelo NCR 315. La RadioCorporation of America introdujo el modelo 501, que manejaba el lenguaje COBOL, para procesos administrativos y comerciales. Después salió al mercado la RCA 601. Tercera generación Con los progresos de la electrónica y los avances de comunicación con las computadoras en la década de los 1960, surge la tercera generación de las computadoras. Se inaugura con la IBM 360 en abril de 1964.3 Las características de esta generación fueron las siguientes: •Su fabricación electrónica esta basada en circuitos integrados. •Su manejo es por medio de los lenguajes de control de los sistemas operativos. La IBM produce la serie 360 con los modelos 20, 22, 30, 40, 50, 65, 67, 75, 85, 90, 195 que utilizaban técnicas especiales del procesador, unidades de cinta de nueve canales, paquetes de discos magnéticos y otras características que ahora son estándares (no todos los modelos usaban estas técnicas, sino que estaba dividido por aplicaciones). El sistema operativode la serie 360, se llamó OS que contaba con varias configuraciones, incluía un conjunto de técnicas de manejo de memoria y del procesador que pronto se convirtieron en estándares. En 1964 CDC introdujo la serie 6000 con la computadora 6600 que se consideró durante algunos años como la más rápida. En la década de 1970, la IBM produce la serie 370 (modelos 115, 125, 135, 145, 158, 168). UNIVAC compite son los modelos 1108 y 1110, máquinas en gran escala; mientras que CDC produce su serie 7000 con el modelo 7600. Estas computadoras se caracterizan por ser muy potentes y veloces. A finales de esta década la IBM de su serie 370 produce los modelos 3031, 3033, 4341. Burroughs con su serie 6000 produce los modelos 6500 y 6700 de avanzado diseño, que se reemplazaron por su serie 7000. Honey - Well participa con su computadora DPS con varios modelos. A mediados de la década de 1970, aparecen en el mercado las computadoras de tamaño mediano, o minicomputadoras que no son tan costosas como las grandes (llamadas también como mainframes que significa también, gran sistema), pero disponen de gran capacidad de procesamiento. Algunas minicomputadoras fueron las siguientes: la PDP - 8 y la PDP - 11 de Digital Equipment Corporation, la VAX (Virtual Address eXtended) de la misma compañía, los modelos NOVA y ECLIPSE de Data General, la serie 3000 y 9000 de Hewlett - Packard con varios modelos el 36 y el 34, la Wang y Honey - Well -Bull, Siemens de origen alemán, la ICL fabricada en Inglaterra. En la Unión Soviética se utilizó la US (Sistema Unificado, Ryad) que ha pasado por varias generaciones. Cuarta Generación Aquí aparecen los microprocesadores que es un gran adelanto de la microelectrónica, son circuitos integrados de alta densidad y con una velocidadimpresionante. Las microcomputadoras con base en estos circuitos son extremadamente pequeñas y baratas, por lo que su uso se extiende al mercado industrial. Aquí nacen las computadoras personales que han adquirido proporciones enormes y que han influido en la sociedad en general sobre la llamada "revolución informática". En 1976 Steve Wozniak y Steve Jobs inventan la primera microcomputadora de uso masivo y más tarde forman la compañía conocida como la Apple que fue la segunda compañía más grande del mundo, antecedida tan solo por IBM; y esta por su parte es aún de las cinco compañías más grandes del mundo. En 1981 se vendieron 800 00 computadoras personales, al siguiente subió a 1 400 000. Entre 1984 y 1987 se vendieron alrededor de 60 millones de computadoras personales, por lo que no queda duda que su impacto y penetración han sido enormes. Con el surgimiento de las computadoras personales, el software y los sistemas que con ellas de manejan han tenido un considerable avance, porque han hecho más interactiva la comunicación con el usuario. Surgen otras aplicaciones como los procesadores de palabra, las hojas electrónicas de cálculo, paquetes gráficos, etc. También las industrias del Software de las computadoras personales crece con gran rapidez, Gary Kildall y William Gates se dedicaron durante años a la creación de sistemas operativos y métodos para lograr una utilización sencilla de las microcomputadoras (son los creadores de CP/M y de los productos de Microsoft). No todo son microcomputadoras, por su puesto, las minicomputadoras y los grandes sistemas continúan en desarrollo. De hecho las máquinas pequeñas rebasaban por mucho la capacidad de los grandes sistemas de 10 o 15 años antes, que requerían de instalaciones costosas y especiales, pero sería equivocado suponer que las grandes computadoras han desaparecido; por el contrario, su presencia era ya ineludible en prácticamente todas las esferas de control gubernamental, militar y de la gran industria. Las enormes computadoras de las series CDC, CRAY, Hitachi o IBM por ejemplo, eran capaces de atender a varios cientos de millones de operaciones por segundo. Quinta Generación En vista de la acelerada marcha de la microelectrónica, la sociedad industrial se ha dado a la tarea de poner también a esa altura el desarrollo del software y los sistemas con que se manejan las computadoras. Surge la competenciainternacional por el dominio del mercado de la computación, en la que se perfilan dos líderes que, sin embargo, no han podido alcanzar el nivel que se desea: la capacidad de comunicarse con la computadora en un lenguaje más cotidiano y no a través de códigos o lenguajes de control especializados. Japón lanzó en 1983 el llamado "programa de la quinta generación de computadoras", con los objetivosexplícitos de producir máquinas con innovaciones reales en los criterios mencionados. Y en los Estados Unidos ya está en actividad un programa en desarrollo que persigue objetivos semejantes, que pueden resumirse de la siguiente manera: •Procesamiento en paralelo mediante arquitecturas y diseños especiales y circuitos de gran velocidad. •Manejo de lenguaje natural y sistemas de inteligencia artificial. El futuro previsible de la computación es muy interesante, y se puede esperar que esta ciencia siga siendo objeto de atención prioritaria de gobiernos y de la sociedad en conjunto. MODELO DE VON NEUMANN Las computadoras digitales actuales se ajustan al modelo propuesto por el matemático John Von Neumann. De acuerdo con el, una característica importante de este modelo es que tanto los datos como los programas, se almacenan en la memoria antes de ser utilizados. Comenten bien me dilate 2 dias para leerlo para una tarea y estaba bien era todo lo que escribi imaginense cuantas hojas me dilate y hoy se las comparto con ustedes bueno adios y saludos

Trucos html para paginas web (parte 3)

InfoporAnónimo10/8/2010

Hola a todos los users de la paginas mas famos de hoy les traigo la parte 3 de los trucos html para sus paginas web que estan realizando bueno aqui se los dejare bueno y espero que se los recomienden a sus seguidores bueno adios y saludos Boton colorido ¿Cansado del botón siempre gris? Ahora con CSS podés definir cualquier color para tus botones. Ellos combinarán más con tu página y son muy fáciles de crear. Copia el código que sigue y pegalo dentro de la etiqueta de formulario de tu página: <input type="submit" name="button" value="www.CheNico.com" style="color: #000000; background-color: #FF9900"> texto que sigue al boton Hacé que un texto cualquiera siga al mouse del visitante en tu página. Es un efecto fabuloso y fácil de incluir en las páginas Incluye el siguiente código en tu página HTML: <style> .animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Arial;font-weight:bold;color:black;} </style> <script language=JavaScript> var x,y var tempo=10 var espera=0 var texto="www.CheNico.com" texto=texto.split("" var xpos=new Array() for (i=0;i<=texto.length-1;i++) { xpos=-50 } var ypos=new Array() for (i=0;i<=texto.length-1;i++) { ypos=-50 } function seguir(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY espera=1 } function animar_cursor() { if (espera==1 && document.all) { for (i=texto.length-1; i>=1; i--) { xpos=xpos[i-1]+tempo ypos=ypos[i-1] } xpos[0]=x+tempo ypos[0]=y for (i=0; i<texto.length-1; i++) { var camada = eval("span"+(i)+".style" camada.posLeft=xpos camada.posTop=ypos } } else if (espera==1 && document.layers) { for (i=texto.length-1; i>=1; i--) { xpos=xpos[i-1]+tempo ypos=ypos[i-1] } xpos[0]=x+tempo ypos[0]=y for (i=0; i<texto.length-1; i++) { var camada = eval("document.span"+i) camada.left=xpos camada.top=ypos } } var timer=setTimeout("animar_cursor()",30) } </script> <script Language=JavaScript> for (i=0;i<=texto.length-1;i++) { document.write("<span id='span"+i+"' class='animado'>" document.write(texto) document.write("</span>" } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = seguir; animar_cursor() </script> Imagen volando por la pantalla Este efecto hace que cualquier imagen que elijas quede "paseando" por la pantalla, siendo un recurso excelente tanto para llamar la atención por alguna novedad en tu sitio como para darle más movimiento a la página. Copiá y pegá el siguiente código en tu página HTML. Recordá que la imagen debe estar en el mismo directorio de tu página html. <SCRIPT language="JavaScript1.2"> var imagem="Ingresa el nombre del archivo de imagen aquí" if (document.layers) {document.write("<LAYER NAME='animacao' LEFT=10 TOP=10><img src='"+imagem+"' ></LAYER>"} else if (document.all){document.write("<div id='animacao' style='position:absolute;top:10px;left:10px;width:17px;height:22px;z-index:50'><img src='"+imagem+"'></div>"} conta=-1; move=1; function curva(){ abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6) for (i=0; i < abc.length; i++) {var C=Math.round(Math.random()*)} iniciar=abc; setTimeout('curva()',1900); return iniciar; } ypos=10; xpos=10; movimento = 60; function moveR(){ caminho=movimento+=iniciar; y = 4*Math.sin(caminho*Math.PI/180); x = 6*Math.cos(caminho*Math.PI/180); if (document.layers){ ypos+=y; xpos+=x; document.animacao.top=ypos+window.pageYOffset; document.animacao.left=xpos+window.pageXOffset; } else if (document.all){ ypos+=y; xpos+=x; document.all.animacao.style.top=ypos+document.body.scrollTop; document.all.animacao.style.left=xpos+document.body.scrollLeft; } T=setTimeout('moveR()',50); } function edges(){ if (document.layers){ if (document.animacao.left >= window.innerWidth-40+window.pageXOffset)movimento=Math.round(Math.random()*45+157.5); if (document.animacao.top >= window.innerHeight-30+window.pageYOffset)movimento=Math.round(Math.random()*45-112.5); if (document.animacao.top <= 2+window.pageYOffset) movimento = Math.round(Math.random()*45+67.5);//OK! if (document.animacao.left <= 2+window.pageXOffset) movimento = Math.round(Math.random()*45-22.5);//OK! } else if (document.all) { if (document.all.animacao.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)movimento=Math.round(Math.random()*45+157.5); if (document.all.animacao.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)movimento=Math.round(Math.random()*45-112.5); if (document.all.animacao.style.pixelTop <= 2+document.body.scrollTop) movimento = Math.round(Math.random()*45+67.5);//OK! if (document.all.animacao.style.pixelLeft <= 2+document.body.scrollLeft) movimento = Math.round(Math.random()*45-22.5);//OK! } setTimeout('edges()',100); } function efeito(){ curva(); moveR();// onUnload="opener.gO()" edges(); } if (document.all||document.layers) efeito() </script> Texto en expansión Colocá en tu página mensajes animados que se agrandan y llaman la atención de los visitantes. Además, incluyen enlaces hacia donde vos quieras. Copiá el siguiente código y pegalo en tus páginas debajo de la etiqueta <Body>. <script language="JavaScript"> var velocidade = 45; var ciclo = 2000; var tamanho = 20; var x = 0; var y = 0; var mensagens, size; var esize = "</font>"; function initArray() { this.length = initArray.arguments.length; for (var i = 0; i < this.length; i++) { this = initArray.arguments; } } var mensagens2 = new initArray( "Visita", "www.CheNico.com", "webmaster@pauluk.8k.com" ); if(navigator.appName == "Netscape" document.write('<layer id="wds"></layer><br>'); if (navigator.appVersion.indexOf("MSIE" != -1) document.write('<span id="wds"></span><br>'); function aumenta(){ mensagens = mensagens2; if (x < tamanho) { x++; setTimeout("aumenta()",velocidade); } else setTimeout("diminui()",ciclo); if(navigator.appName == "Netscape" { size = "<font face=arial color=#000099 point-size='"+x+"pt'>"; document.wds.document.write(size+"<center><a href=http://www.CheNico.com Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center>"+esize); document.wds.document.close(); } if (navigator.appVersion.indexOf("MSIE" != -1){ wds.innerHTML = "<font face=arial color=#000099><center><a href=http://www.CheNico.com Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center></font>"; wds.style.fontSize=x+'px' } } function diminui(){ if (x > 1) { x--; setTimeout("diminui()",velocidade); } else { setTimeout("aumenta()",ciclo); y++; if (y > mensagens2.length - 1) y = 0; } if(navigator.appName == "Netscape" { size = "<font face=arial color=#000099 point-size='"+x+"pt'>"; document.wds.document.write(size+"<center><a href=http://www.CheNico.com Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center>"+esize); document.wds.document.close(); } if (navigator.appVersion.indexOf("MSIE" != -1){ wds.innerHTML = "<font face=arial color=#000099><center><a href=http://www.CheNico.com Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center></font>"; wds.style.fontSize=x+'px' } } setTimeout("aumenta()",velocidade); </script> Bueno hasta aqui llego la tercera parte de los codigos html bueno y aqui les dejo la pagina de donde los saque todos: http://www.usuarios.sion.com/pauluk/trucospch2.htm

Trucos htl para paginas web (Parte 8)

InfoporAnónimo10/8/2010

Hola aqui dejo la parte 8 de los trucos html Efectos de transicion especiales Estos efectos de transición son especiales porque con ellos tu página tendrá una apertura muy original, pero sólo funcionarán con Internet Explorer. No tendrás problemas para utilizar este recurso, ya que los usuarios de otros navegadores no verán errores y la página se cargará normalmente. Ingresá el código debajo de la etiqueta <body> de tu página. <script language=javaScript> var n = 15 fadeIn(); function fadeIn(){ var num=new Array("FFFFFF","FFCC00","2","3","4","5","6","7","8","9","a","b","c","d","e","f","g" for (var i=0; i<=n; i++){ for (var j=0; j<= n; j++){ color=num+num+num+num+num+num document.bgColor=color }} document.bgColor="#FFFFFF" } </script> Menu desplegable El menú desplegable permite que coloques varios enlaces en un solo lugar. Con esto, ganás espacio y facilidad de navegación. Este menú no necesita un botón para activarse. Basta con seleccionar el enlace y automáticamente el navegador se dirigirá a la página. Este menú funciona en páginas sin marcos. Para crear tu menú y personalizarlo, pegá el siguiente código en tu página HTML: <form> <select NAME="links" onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value"> <option SELECTED>Elija la sección que desee</option> <option VALUE="http://www.pauluk.8k.com">Pauluk Computación</option> <option VALUE="http://www.pauluk.8k.com/trucos.htm">Trucos PC</option> <option VALUE="http:/www.pauluk.8k.com/noticias.htm">Noticias Tecnológicas</option> </select> </form> Instrucciones para personalización: Observá que cada opción del menú se hace con la etiqueta: <option VALUE="Ingresa el enlace aquí">Ingresa el nombre del enlace aquí</option> No alteres la siguiente etiqueta: <select NAME="links" onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value"> Si cambiás algo en ella, tu menú no funcionará correctamente. Tu icono en la liosta de favoritos Este recurso es muy bueno pero sólo funcionará en IE. Cuando alguien agrega tu página a la lista de favoritos, aparece al lado del título un pequeño icono de Internet Explorer. ¿Qué tal si colocas tu propio icono allí? Sí: más personalización para tu sitio. Para que el icono aparezca en la lista de favoritos del usuario, tenés que colocarlo, primero, dentro de tu espacio y después, incluir dentro de tus páginas una pequeña y simple línea de código que hará que el mismo aparezca en la lista. Podés usar cualquier icono que desees (no olvides que los archivos de icono tienen la extensión .ICO, imágenes gif o jpg no pueden ser usadas). Incluye el siguiente código entre las etiquetas "<head>" y "</head>" de tu página: <link rel="SHORTCUT ICON" href="ÍCONO AQUÍ"> Sonido de fondo en la pagina Podés incluir en tu página un sonido de fondo. De esta forma, siempre que alguien acceda a tu página, escuchará dicho sonido. Así podés darle más personalidad a tu sitio. Los archivos de sonido ideales para una homepage son aquellos en formato MIDI (.MID), pero también podés incluir sonidos del tipo WAVE (.WAV). Netscape e Internet Explorer presentan algunas diferencias en su sistema y, por lo tanto, en algunas versiones de Netscape el sonido puede no ser escuchado. La etiqueta para incluir sonido en tu página debe ser <EMBED>. Observá el ejemplo: <embed src="nombre del tema" autostart="true" loop="10" width="1" height="1"></embed> - En "nombre del tema", ingresás el nombre del tema mid o wav. - En "loop", ingresás el número de veces que el sonido será repetido. - En "autostart", definís si querés que el tema comience a sonar solo (atributo TRUE). Si colocás "FALSE", el usuario tendrá que hacer clic en el botón "play" para escuchar el tema. Actualizar La página "Actualizar" lleva al usuario a otra página sin que el mismo deba ejecutar acción alguna. Funciona como un simple redireccionador. <HTML> <HEAD> <META HTTP-EQUIV="REFRESH" CONTENT="Segundos;URL=http://www.pauluk.8k.com"> <TITLE> Titulo </TITLE> </HEAD> <BODY> Códigos HTML </BODY> </HTML> Agregar pagina a favoritos Aprendé a incluir en tu página un enlace para que los usuarios puedan agregarla automáticamente a los favoritos del navegador. El visitante sólo tiene que hacer clic en un enlace para que la página se incluya en su lista de favoritos. <a href="javascript:window.external.AddFavorite('http://www.pauluk.8k.com', 'Pauluk Computacion')"><small><font face="Verdana" size="1"> Agregar a favoritos</font></small></a> Fuente: http://www.usuarios.sion.com/pauluk/trucospch8.htm