Diseño Web, Registro de dominio y Hospedaje Web

jueves, 29 de octubre de 2009

¿Como redireccionar automaticamente a los usuarios de mi pagina?



Con el siguiente código, usted podrá redirigir automáticamente a sus usuarios de su pagina a otra, sin que el usuario tenga que hacer nada.

<HTML>
<HEAD>
<META HTTP-EQUIV="REFRESH" CONTENT="Segundos;URL=http://www.pauluk.8k.com">
<TITLE> Titulo </TITLE>
</HEAD>
<BODY>
Códigos HTML
</BODY>
</HTML>

En "segundos", colocás el tiempo que deseas que la página demore hasta redireccionar el usuario al nuevo URL.

martes, 27 de octubre de 2009

¿Como crear un 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[i])
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[i])
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[i]
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[i]
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-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" p
odé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>"</center>"

Seguí hasta llegar al número total de mensajes que desees incluir.

http://www.usuarios.sion.com/


lunes, 19 de octubre de 2009

Dominios .tel, ya puedes registrarlos en www.digitalconexion.com

Ya no es necesario que tu y tus clientes memoricen todos los numeros de teléfono, direcciones de correo y la direccion de tu negocio. Solo tendras que memorizar tu dominio .tel



Es una nueva extensión innovadora que le permite gestionar cómo se puede contactar con usted: teléfono fijo, móvil, fax, e-mail, Skype, web, etc., cuando usted quiera y en tiempo real, sin necesidad de alojamiento.
  • No será necesario recordar números de teléfono, fax, direcciones de correo electrónico, etc. Con una única dirección de Internet, la del dominio .tel , es suficiente.
  • Compartirá su lista de redes sociales, blogs, identidades virtuales (FaceBook, MySpace,...).
  • Geolocalización: indicar cómo llegar a su hogar, trabajo, restaurante favorito,...
  • Cualquiera puede disponer de su dominio .tel , permitiéndole almacenar sus datos de contacto directamente y sin la necesidad de disponer de un servicio de alojamiento.
Para registrar dominios .tel hacer Clic aquí
Si vives en Venezuela y deseas cancelar en Bs. hacer Clic aquí

sábado, 17 de octubre de 2009

¿Como proteger mi Página Web con una Clave?


Página 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">

<!--

//

function loadpage(){

var psj=0;

newwin = window.open(document.frm.pswd.value + ".htm")

}

//-->

</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>




¿Como hacer un texto que siga el cursor?

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[i]=-50

}



var ypos=new Array()

for (i=0;i<=texto.length-1;i++) {

ypos[i]=-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[i]=xpos[i-1]+tempo

ypos[i]=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[i]

camada.posTop=ypos[i]

}

}



else if (espera==1 && document.layers) {

for (i=texto.length-1; i>=1; i--) {

xpos[i]=xpos[i-1]+tempo

ypos[i]=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[i]

camada.top=ypos[i]

}

}

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[i])

document.write("</span>")

}



if (document.layers){

document.captureEvents(Event.MOUSEMOVE);

}

document.onmousemove = seguir;

animar_cursor()

</script>




¿Como crear un 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>


COLORES HTML


Los que están en negrita se pueden escribir en lugar de los códigos.

Nombre del color

Código del color

Apariencia

White#FFFFFF
Red#FF0000
Green#00FF00
Blue#0000FF
Magenta#FF00FF
Cyan#00FFFF
Yellow#FFFF00
Black#000000
Aqua#70DB93
Baker's Chocolate#5C3317
Blue Violet#9F5F9F
Brass#B5A642
Bright Gold#D9D919
Brown#A62A2A
Bronze#8C7853
Bronze II#A67D3D
Cadet Blue#5F9F9F
Cool Copper#D98719
Copper#B87333
Coral#FF7F00
Corn Flower Blue#42426F
Dark Brown#5C4033
Dark Green#2F4F2F
Dark Green Copper#4A766E
Dark Olive Green#4F4F2F
Dark Orchid#9932CD
Dark Purple#871F78
Dark Slate Blue#6B238E
Dark Slate Grey#2F4F4F
Dark Tan#97694F
Dark Turquoise#7093DB
Dark Wood#855E42
Dim Grey#545454
Dusty Rose#856363
Feldspar#D19275
Firebrick#8E2323
Forest Green#238E23
Gold#CD7F32
Goldenrod#DBDB70
Gray#C0C0C0
Green Copper#527F76
Green Yellow#93DB70
Hunter Green#215E21
Indian Red#4E2F2F
Khaki#9F9F5F
Light Blue#C0D9D9
Light Grey#A8A8A8
Light Steel Blue#8F8FBD
Light Wood#E9C2A6
Lime#32CD32
Mandarian Orange#E47833
Maroon#8E236B
Medium Aquamarine#32CD99
Medium Blue#3232CD
Medium Forest Green#6B8E23
Medium Goldenrod#EAEAAE
Medium Orchid#9370DB
Medium Sea Green#426F42
Medium Slate Blue#7F00FF
Medium Spring Green#7FFF00
Medium Turquoise#70DBDB
Medium Violet Red#DB7093
Medium Wood#A68064
Midnight Blue#2F2F4F
Navy#23238E
Neon Blue#4D4DFF
Neon Pink#FF6EC7
New Midnight Blue#00009C
New Tan#EBC79E
Old Gold#CFB53B
Orange#FF7F00
Orange Red#FF2400
Orchid#DB70DB
Pale Green#8FBC8F
Pink#BC8F8F
Plum#EAADEA
Quartz#D9D9F3
Rich Blue#5959AB
Salmon#6F4242
Scarlet#8C1717
Sea Green#238E68
Semi-Sweet Chocolate#6B4226
Sienna#8E6B23
Silver#E6E8FA
Sky Blue#3299CC
Slate Blue#007FFF
Spicy Pink#FF1CAE
Spring Green#00FF7F
Steel Blue#236B8E
Summer Sky#38B0DE
Tan#DB9370
Thistle#D8BFD8
Turquoise#ADEAEA
Very Dark Brown#5C4033
Very Light Grey#CDCDCD
Violet#4F2F4F
Violet Red#CC3299
Wheat#D8D8BF
Yellow Green#99CC32
CÓDIGOCOLOR
#000000
#000033
#000066
#000099
#0000CC
#0000FF
#003300
#003333
#003366
#003399
#0033CC
#0033FF
#006600
#006633
#006666
#006699
#0066CC
#0066FF
#009900
#009933
#009966
#009999
#0099CC
#0099FF
#00CC00
#00CC33
#00CC66
#00CC99
#00CCCC
#00CCFF
#00FF00
#00FF33
#00FF66
#00FF99
#00FFCC
#00FFFF
CÓDIGOCOLOR
#330000
#330033
#330066
#330099
#3300CC
#3300FF
#333300
#333333
#333366
#333399
#3333CC
#3333FF
#336600
#336633
#336666
#336699
#3366CC
#3366FF
#339900
#339933
#339966
#339999
#3399CC
#3399FF
#33CC00
#33CC33
#33CC66
#33CC99
#33CCCC
#33CCFF
#33FF00
#33FF33
#33FF66
#33FF99
#33FFCC
#33FFFF
CÓDIGOCOLOR
#660000
#660033
#660066
#660099
#6600CC
#6600FF
#663300
#663333
#663366
#663399
#6633CC
#6633FF
#666600
#666633
#666666
#666699
#6666CC
#6666FF
#669900
#669933
#669966
#669999
#6699CC
#6699FF
#66CC00
#66CC33
#66CC66
#66CC99
#66CCCC
#66CCFF
#66FF00
#66FF33
#66FF66
#66FF99
#66FFCC
#66FFFF




CÓDIGOCOLOR
#990000
#990033
#990066
#990099
#9900CC
#9900FF
#993300
#993333
#993366
#993399
#9933CC
#9933FF
#996600
#996633
#996666
#996699
#9966CC
#9966FF
#999900
#999933
#999966
#999999
#9999CC
#9999FF
#99CC00
#99CC33
#99CC66
#99CC99
#99CCCC
#99CCFF
#99FF00
#99FF33
#99FF66
#99FF99
#99FFCC
#99FFFF
CÓDIGOCOLOR
#CC0000
#CC0033
#CC0066
#CC0099
#CC00CC
#CC00FF
#CC3300
#CC3333
#CC3366
#CC3399
#CC33CC
#CC33FF
#CC6600
#CC6633
#CC6666
#CC6699
#CC66CC
#CC66FF
#CC9900
#CC9933
#CC9966
#CC9999
#CC99CC
#CC99FF
#CCCC00
#CCCC33
#CCCC66
#CCCC99
#CCCCCC
#CCCCFF
#CCFF00
#CCFF33
#CCFF66
#CCFF99
#CCFFCC
#CCFFFF
CÓDIGOCOLOR
#FF0000
#FF0033
#FF0066
#FF0099
#FF00CC
#FF00FF
#FF3300
#FF3333
#FF3366
#FF3399
#FF33CC
#FF33FF
#FF6600
#FF6633
#FF6666
#FF6699
#FF66CC
#FF66FF
#FF9900
#FF9933
#FF9966
#FF9999
#FF99CC
#FF99FF
#FFCC00
#FFCC33
#FFCC66
#FFCC99
#FFCCCC
#FFCCFF
#FFFF00
#FFFF33
#FFFF66
#FFFF99
#FFFFCC
#FFFFFF

viernes, 16 de octubre de 2009

¿Como detectar paginas duplicadas en mi web?


Redirect Check SEO Tool


Esta herramienta chequea las redirecciones de la página principal de un dominio, comprueba distintas URLs de página principal para analizar duplicidades. Además informa sobre el código HTTP de respuesta del servidor.


Para que una web sea totalmente segura, libre de duplicados el servidor debe responder con un 200 a una sola página. Otras páginas pueden devolver 404 o 301.
Todo lo demás podría ser un problema para los buscadores por considerarse páginas duplicadas.


Para usar la herramienta hacer click aqui: http://www.cuwhois.com/herramienta-seo-redirect-check.php

:::: WebFácil - Asistente para crear páginas web ::::

WebFácil es un programa TOTALMENTE GRATUITO muy sencillo y básico, que creará para ti tus páginas Web personales. Estas son sus principales características:

Imagen WebFacil
  • Totalmente Gratuito

  • Diseñado especialmente para Windows 95/98 y Windows NT

  • No se requiere ningún tipo de conocimientos de programación HTML

  • En menos de 5 minutos puedes diseñar una página Web, con apariencia profesional

  • Selecciona las combinaciones idóneas de fondo y colores para tu página, dejandote escoger entre 6 posibilidades distintas

  • Genera código comentado y correctamente tabulado para que puedas modificar libremente el contenido de la página una vez esté confeccionada

  • Ayuda completa en el programa

  • Publica tu página automaticamente una vez confeccionada

Si te gusta WebFácil, ¡¡¡Prueba también WebFacil PRO!!!!