Todo para crear tu propia pagina web!

Buenas noches! De nuevo yo, edsoon132, ahora les traigo unas pequeñas cosas para crear su propia pagina web!


Host para hospedar la pagina:

Bueno, para hacer una pagina web, obviamente necesitas ponerla en la web, y para eso hay muchos host, los mas desarrollados son de paga, pero si quieres hacer una pagina web gratis, aquí hay una lista de paginas para hospedar, o hacer tu web:


    www.bravenet.com
    www.geocities.com
    www.telepolis.com
    www.50megs.com
    www.paginawebgratis.es
    www.freeweb.com
    www.fanspace.com
    www.freeservers.com
    www.thefreesite.com
    www.freewebsites.com
    www.012webpages.com
    www.topcities.com
    www.freewebpage.org
    www.hostdepartment.com
    www.250free.com
    www.gopages.com
    www.125mb.com
    www.freecoolpages.com
    www.prohosting.com
    www.websynco.com
    www.digitalzones.com
    www.freehosting.ws
    www.freecyberzone.com
    www.freehomepages.com
    www.webhosts4free.com
    www.blogger.com



Esos son algunas webs para hospedar tu pagina gratuitamente, por mi parte, recomiendo www.paginawebgratis.es   Ya que es facil de usar, manejas facilmente el html, tiene titulos, intro y muchas más opciones incluídas.

Ahora, solo queda modificarla a tu gusto, pero claro, principalmente para tener una web, debes usar el codigo html, ya que con puro texto, y las opciones por defecto, no puedes impresionar mucho....

Utilidades.
Como utilidades comenzaremos con saludadores para tu web....

Primero estos saludadores web, en los que te dicen tu ip, tu navegador, tu sistema operativo, y la hora...junto con un saludo que tu quieras elegir











Puedes crearlo desde esta pagina:http://www.crearwebgratis.com/saludadorweb/

Pero alto! En esta pagina tienes que registrarte y poner información personal, así que para que no necesites hacer eso, te incluyo el codigo html de este saludador...



<img
src="http://www.crearwebgratis.com/saludadorweb/saludador.php?saludador=1&web=Mi
 web"
_fcksavedurl="http://www.crearwebgratis.com/saludadorweb/saludador.php?saludador=1&web=Mi
 web" alt="Bienvenido a mi web" border="0">

 



Este es el codigo, obviamente tienes que cambiar el codigo html para poner el nombre de tu pagina, solo en el codigo, modifica los campos que dicen
-&web=Mi web"- El campo "Mi web" cambialo por el nombre de tu pagina, y listo, ya está tu saludador personalizado con tu web.

Codigos html.


Como dije anteriormente, sin codigos html, tu pagina no serviría de nada....

Así que aquí te dejo muchos para que configures tu pagina a tu gusto

Abrir web con Pop-Up

Con este codigo vamos a poder poner una web en pop up es decir que al momento de que alguna persona entre en nuestra pagina se abrira una ventana emergente con otra pagina ya sea de nuestra propiedad o que queramos poner algo parecido a la publicidad. Solo copia este codigo en el block de notas y donde dice "aqui url de tu pagina" escribe el url y pegalo en la fuente HTML de la pagina que desees.

<script language='JavaScript'>window.open('AQUI URL DE TU WEB', 'geoflotante', '');</script>



TRANSFORMAR EL CURSOR Este codigo sirve para cambiar el cursor en nuestra web, al momento de los visitantes entrar en nuestra pagina el cursor cambiara de la simple flecha a una mira de disparo. copia el codigo en la fuente HTML.

<style type="text/css">

<!--

body { cursor: crosshair}

-->

</style>



Recomendar web
Con este codigo podras poner una barra en tu pagina que dira recomienda esta pagina, cualquier persona puede recomendar tu pagina solo poniendo el correo electronico de la persona deseada. Pegalo en la fuente HTML de la pagina que desees.
 
<form name="eMailer">



ENVÍA ESTA PÁGINA A UN AMIGO



<br>



Indica su e-mail:



<br>



<input type="text" name="address" size="25">



<br>



<input type="button" value="Recomendá esta Web!" onClick="mailThisUrl();">



</form>



<script language="JavaScript1.2">



var good;



function checkEmailAddress(field) {



// the following expression must be all on one line...



var goodEmail = field.value.match(/b(^(S+@).+((.com)|(.net)|



(.edu)|(.mil)|(.gov)|(.org)|(..{2,2}))$)b/gi);



if (goodEmail){



good = true



} else {



alert('Por favor introduce un e-mail valido')



field.focus()



field.select()



good = false



}



}



u = window.location;



m = "Pienso que te puede interesar esta página...";



function mailThisUrl(){



good = false



checkEmailAddress(document.eMailer.address)



if (good){



// the following expression must be all on one line...



window.location = "mailto:"+document.eMailer.address.value+"?subject="+m+"&body="+document.title+" "+u;



}



}



</script>

 



TV EN TU PAGINA: Con este codigo podran tener televison en su pagina web. Solo copien este codigo en la fuente HTML de la pagina que deseen.

<strong>.::TV ONLINE 24 HORAS---WWW.LADISKOTEKA.COM---::.</strong>
 <p>&nbsp;</p>
 <p align="left"><strong><font size="1" face="Verdana"><img width="20" height="14" alt="Bandera de Argentina" src="http://tvstation.iespana.es/images/ar.gif" /> <a target="tv" href="http://tvstation.iespana.es/argentina.html"><font color="#ff9900">Argentina</font>[/url][br /]
 <img width="20" height="14" alt="Bolivia" src="http://tvstation.iespana.es/images/bo.gif" /> <a target="tv" href="http://tvstation.iespana.es/bolivia.html"><font color="#ff9900">Bolivia</font>[/url][br /]
 <img width="20" height="14" alt="Chile" src="http://tvstation.iespana.es/images/cl.gif" /> <a target="tv" href="http://tvstation.iespana.es/chile.html"><font color="#ff9900">Chile</font>[/url][br /]
 <img width="20" height="14" alt="Colombia" src="http://tvstation.iespana.es/images/co.gif" /> <a target="tv" href="http://tvstation.iespana.es/colombia.html"><font color="#ff9900">Colombia</font>[/url][br /]
 <img width="20" height="14" alt="Costa Rica" src="http://tvstation.iespana.es/images/cr.gif" /> <a target="tv" href="http://tvstation.iespana.es/costarica.html"><font color="#ff9900">Costa Rica</font>[/url]</font></strong>[br /]
 <strong><font size="1" face="Verdana"><img width="20" height="14" alt="Cuba" src="http://tvstation.iespana.es/images/cu.gif" /> <a target="tv" href="http://tvstation.iespana.es/cuba.html"><font color="#ff9900">Cuba</font>[/url][br /]
 <img width="20" height="14" alt="El Salvador" src="http://tvstation.iespana.es/images/sv.gif" /> <a target="tv" href="http://tvstation.iespana.es/elsalvador.html"><font color="#ff9900">El Salvador</font>[/url][br /]
 <img width="20" height="14" alt="Banderas Animadas de Espa&ntilde;a" src="http://tvstation.iespana.es/images/es.gif" /> <font color="#ff9900"><a target="tv" href="http://tvstation.iespana.es/espana.html"><font color="#000000">Espa&ntilde;a</font>[/url]</font>[br /]
 <img width="20" height="14" alt="M&eacute;xico" src="http://tvstation.iespana.es/images/mx.gif" /> <a target="tv" href="http://tvstation.iespana.es/mexico.html"><font color="#ff9900">Mexico</font>[/url][br /]
 <a target="tv" href="http://tvstation.iespana.es/panama.html"><font color="#ff9900"><img width="20" height="14" alt="Panama" src="http://tvstation.iespana.es/images/pa.gif" />Panama</font>[/url][br /]
 <img width="20" height="14" alt="Per&uacute;" src="http://tvstation.iespana.es/images/pe.gif" /> <a target="tv" href="http://tvstation.iespana.es/peru.html"><font color="#ff9900">Peru</font>[/url][br /]
 <img width="20" height="14" alt="Puerto Rico" src="http://tvstation.iespana.es/images/pr.gif" /> <a target="tv" href="http://tvstation.iespana.es/puertorico.html"><font color="#ff9900">Puerto Rico</font>[/url][br /]
 <img width="20" height="14" alt="Republica Dominicana" src="http://tvstation.iespana.es/images/do.gif" /> <a target="tv" href="http://tvstation.iespana.es/repdom.html"><font color="#ff9900">Rep. Dom.</font>[/url][br /]
 <img width="20" height="14" alt="Uruguay" src="http://tvstation.iespana.es/images/uy.gif" /> <font color="#ff9900"><a target="tv" href="http://tvstation.iespana.es/uruguay.html">Uruguay[/url]</font>[br /]
 <a target="tv" href="http://tvstation.iespana.es/venezuela.html"><font color="#ff9900"><img width="20" height="14" alt="Venezuela" src="http://tvstation.iespana.es/images/ve.gif" /><font color="#ff9900">Venezuela</font></font>[/url]</font></strong></p>
 <p align="center"><a target="tv" href="http://tvstation.iespana.es/intro.htm"><img width="80" height="21" border="0" alt="" src="http://www.pandasoftware.com/activescan/imagenes/imageneses/bot_detener_over.gif" />[/url]</p>
 <iframe width="438" height="356" style="border: 2px solid rgb(0, 0, 0); width: 438px; height: 356px;" name="tv" src="http://mx.geocities.com/ladiskotk/tvonline.html"></iframe>
 <p align="center">&nbsp;</p>
 <object type="application/x-shockwave-flash" data="http://www.99counters.com/counters.swf?id=22037&ln=es" width="120" height="160" wmode="transparent"><param name="movie" value="http://www.99counters.com/counters.swf?id=22037&ln=es" /><param name="wmode" value="transparent" /><embed src="http://www.99counters.com/counters.swf?id=22037&ln=es" type="application/x-shockwave-flash" wmode="transparent" width="120" height="160"></embed>[br /]casino Contador De Visitas</object>
 

 
 
 

 




Imagen con link
Con este codigo podran poner una imagen con link es decir si quieren poner una imagen que al darle click los redirija a otra pagina solo copien este texto en el bock de notas y sigan los pasos poner el url de la imagen y el url del sitio y copienlo en la fuente HTML


 <a href="URL_DEL_SITIO" target="_self"> <img src="URL_DE_TU_IMAGEN" border="0" alt="" /> [/url]

 [/color]
 




No dejar seleccionar el texto de tu web:
Con este código vamos a impedir que los visitantes seleccionen el texto de nuestra página para luego copiarlo a otro lado.

<script language="Javascript">

<!-- Begin

function disableselect(e){

return false

}

function reEnable(){

return true

}

document.onselectstart=new Function ("return false")

if (window.sidebar){

document.onmousedown=disableselect

document.onclick=reEnable

}

// End -->

</script>
[/b]

Subrayar un Link al pasar el mouse:
Con este código podemos lograr ese tan conocido efecto que al pasar el mouse sobre un link, este se subraye. Podemos hacer que tenga un color antes de visitar el link, y que tenga otro una vez visitado.


<STYLE type="text/css">
<!--
A:link {COLOR: red; TEXT-DECORATION: none}
A:visited {COLOR: gray; TEXT-DECORATION: none}
A:active {TEXT-DECORATION: none}
A:hover {COLOR: blue; TEXT-DECORATION: underline} -->
</STYLE>
</p>
<p><a href="l1.htm">El texto que quieras.</a><br>
<a href="l2.htm">otro texto.</a><br>
<a href="l3.htm">Otro texto.</a><br>
</p>
Establecer una pagina como inicio

Este código html te sirve para crear un link para que el visitante pueda hacer que tu página sea la de inicio de su computadora. Con solo hacer clic sobre el link creado, tu página se iniciará automáticamente cada vez que esa persona se conecte a Internet.

<A class=chlnk style="FONT-WEIGHT: bold; CURSOR: hand;
COLOR: #004080; FONT-FAMILY: Verdana" onclick=
"this.style.behavior='url(#default#homepage)';
this.setHomePage('AQUITUPAGINA');">
<FONT face=Arial color=#000000 size=-2><U>
Establecer como página de inicio</U></FONT></A>

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>



Texto que sigue al mouse:

 

Hace 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="AQUIELTEXTO"
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>
 
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">
&nbsp;</p>
</center>
</form>
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, dejé unos codigos simples, pero muy buenos, si necesitas algún codigo en especial comenta y lo agrego Gracias.



Hice un esfuerzo compilando los codigos y cosas de diferentes fuentes, así que tú eliges si este post y mi esfuerzo merecen puntos. Gracias de nuevo.
Todo para crear tu propia pagina web!
25 Puntos Score: 4.2/10
Visitas: 3390 Favoritos: 30
Ver los usuarios que votaron...
16 Comentarios Todo para crear tu propia pagina web!
Impresionante man, realmente esto si es valioso...
Despues se jactan de tener inteligencia colectiva en cierta pagina llena de trolls y basura...
Esto es lo hace grande a esta pagina...
Gracias nuevamente abrazo.
uhhh loco que copado como me tienta esto lastima con se nada y se me hace tedioso este tema si no me lo explican muy bueno  
muy bien brother me salzeste la vida    
viejo esto en verdad es un buen post, te agradezco muy en serio toda la info, saludos  
maravilloso aporte amigo, gracias a ti descubr?
Muchas Gracias por los comentarios y a los que me dieron puntos! (: Me vine de Tadinga buscando inteligencia de verdad y la encontre aqui en Identi!
interesante men... se agradece
Lo agregare a
favoritos
luego lo leere con mas atencion
pero se ve muy interesante
!!!
bueno post
queria saber que piensas de
MEX.TL

saludos...
Cita Mr.shark: Mostrar
Que buena pagina men se ve que es buena.....Gracias por aportarla Saludos!
oye y en un blog
funciona
esto
es que tenemos un blog
mira es este
http://movieshdlatino1.blogspot.mx/
pero esto funciona se podria a?
Cita Mr.shark: Mostrar
@edsoon132 Pues casi que se pueda poner todo
osea mas lo del saludador
o algo asi!!!
saludos..
excelente pos,gracias por el aporte voy a probarlo
Fijate que tengo un Ministerio Evangelistico y he creado mi canal en Youtube con varios mixes de musica en merengue cristiano.  Deseo crear una web en la cual los visitantes puedan escuchar la musica y la vez descargarla.  Me podrias ayudar?
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!