CREA TU PROPIA PAGINA WEB

[Beethoven]

PD: PARA LOS QUE NO VEN LAS IMAGENES DE ACONTINUACION, VEAN AQUI

 

truco para todos los que estan artos de las malditas ranas amarillas que aparecen en las imágenes alojadas en varios foros como "Hotlinking has been disabled for this domain."

 

No funciona en Internet Explorer

 

Firefox / Netscape:

1. Escribes en la barra de direcciones about:config

 

2. En donde dice filtro escribes: header

 

3. Nos saldran varios resultados, haces click en el que se llama network.http.sendRefererHeader

 

4. Saldra una ventanita para escribir pones 0 aceptas y cerras, ahora recargas la página y veras el resultado

 

 

 

ALOHA, AQUI LES DEJO UN MANUAL QUE LO ACABO DE CREAR.

 

REQUERIMIENTOS:

1° Para Seguir Bien este Manual, Necesita el software MICROSOFT FRONTPAGE, Este viene En Cualquier OFFICE XP.

2° Se Necesita Paciencia.

 

PARA EMPESAR, CREAMOS UNA CARPETA EN EL ESCRITORIO CON EL NOMBRE "Mi Web" Por ejemplo (pueden ponerle cualquier nombre), Hay Ponemos todos los archivos de la web (LA PAGINA, FOTOS, MUSICA, VIDEOS, ETC...)

 

Bueno, Partimos por lo primero.

1

Primero Habrimos El Programa.

 

2

Ya estamos en el programa. El Cuadrado Rojo grande indica que esa es la zona de su pagina web. mas abajo, un cuadro pequeño rojo indica 3 pestañas, estas son Normal: Aqui edita su web. HTML: En esta sección ud puede crear/borrar/editar La pagina por medio de codigos en texto. Previsualizar: Esta sección previsualiza el avanze que se a creado.

 

3

Aqui Ponemos las PROPIEDADES de la Primera Pagina.

1.- Hay se pone la ubicación de donde esta guardada la pagina. todos los archivos de la pagina que pondras en la web, tienen que estar en una sola carpeta, como por ejemplo: Escritorio/Mi Web.

2.- Aqui ponen el titulo de su pagina, cual quier texto.

3.- Si Quieren poner musica de fondo, hacen click en examinar y abran el archivo de musica. (PD: ESTE ARCHIVO TIENE QUE ESTAR EN LA CARPETA DE DONDE ESTA LA PAGINA ECHA, COMO POR EJEMPLO: Escritorio/Mi Web)

 

4

Aqui se Ven las propiedades de FONDO y texto.

1.- Selecciona aqui si quieres poner una imagen de fondo. si quieres que sea solo color, no selecciones esto y mas abajo esta la opcion para elejir el color de fondo.

2.- Marca esta opcion para dejar con marca de agua.

3.- Haz Click en examinar y selecciona la imagen de fondo. (PD: ESTA IMAGEN TIENE QUE ESTAR EN LA CARPETA "Mi Web" POR EJEMPLO.)

4.- Color de fondo

5.- Color de texto

6.- Color del Link

7.- Color del link visitado

8.- Color del link activo

 

5

Aqui seleccionamos las propiedades de texto

 

6

Aquí elejimos un Marjen para poner texto e imagen.

 

7

Como por ejemplo.

 

8

Hay pege una imagen, cuando uno pega una imagen, aparece automaticamente la barra de herramientas de imagen. PD: LA IMAGEN DEBE ESTAR EN LA CARPETA DE LA PAGINA (mi web).

 

9

AHORA, CUANDO TERMINEMOS LA PRIMERA PAGINA, LA GUARDAMOS.

1.- Debe Estar guardada en la carpeta que indicamos (Mi Web)

2.- Hay ponemos el nombre del archivo de la pagina web, por ejemplo, pongale primera_pagina ó pagina_principal (SIN ESPACIOS).

3.- Mantengan la opcion de guardar como PAGINA WEB.

4.- Por ultimo le damos click en guardar.

 

AHORA CREAMOS UNA SEGUNDA SECCION DE SU PAGINA, COMO POR EJEMPLO, "FOTOS"

10

Se Crea igual que la primera pagina.

 

11

Se Guarda.

 

12

Como pueden ver, estan las dos paginas (todavia no pongo los archivo de fotos)

 

13

Volvemos a Abrir la pagina principal, o PAGINA_1

 

14

YA AHORA, ESTAMOS LISTOS CON PONER LOS LINKS A SUS DEMAS SECCIONES DE LAS PAGINAS.

POR EJEMPLO, SI QUIEREN PONER UN LINK A LA SECCION FOTOS, ABRAN LA PAGINA pagina_2 O SI LA TIENEN CON OTRO NOMBRE, POR EJEMPLO, fotos . por ultimo le dan a ACEPTAR.

 

SI QUIEREN DEJAR LINKS SIMPLES, SALTENSE HASTA LA INSTRUCCION 20 .SI QUIEREN UNOS LINKS MAS BONITOS, SIGAN LOS SIGUIENTES PASOS, ES MAS COMPLICADO DE PONER PERO SOLO VEAN.

 

15

SE HACE CLICK EN HTML PARA AGREGAR UNOS CODIGOS.

 

16

EN EL ESPACIO QUE EL CUADRO ROJO, INDICA QUE ES AQUI DONDE TIENEN QUE PEGAR EL SIGUIENTE CODIGO, ESTE CODIGO TIENEN QUE EDITARLO, EN LOS SIGUIENTES PASOS MUESTRA COMO HACERLO.

Para ver el codigo, haz click en el boton SPOILER

 

 

<div id="point1" STYLE="position:absolute;visibility:visible;">
<!--Configure the table below.-->
<table width="100" border="1" bordercolor="#BBBBBB" cellspacing="0" cellpadding="4">
<tr>
<td align=center>
<img src="image1.gif" alt="Menu">
</td>
</tr>
<tr>
<td align=center>
<font size="2"><a href="pagina_principal.html">Pagina Principal</a></font>
</td>
</tr>
<tr>
<td align=center>
<font size="2"><a href="Pagina_2">Fotos</a></font>
</td>
</tr>
<tr>
<td align=center>
<font size="2"><a href="Pagina_3">Link numero 3</a></font>
</td>
</tr>
<tr>
<td align=center>
<font size="2"><a href="Pagina_4">Link Numero 4</a></font>
</td>
</tr>
<tr>
<td align=center>
<font size="2"><a href="Pagina_5">Link Numero 5</a></font>
</td>
</tr>
</table>
<!--DO NOT EDIT BELOW THIS LINE -->
</div>  
<script LANGUAGE="JavaScript1.2">  
var XX=20; // X position of the scrolling objects
var xstep=1;
var delay_time=30;  //Begin of the unchangable area, please do not modify this area
var YY=0;  
var ch=0;
var oh=0;
var yon=0;  var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0  if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if (ns6){
YY=window.innerHeight
document.getElementById('point1').style.top=YY
}  
function reloc1()
{  if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("point1").offsetHeight
}        if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.left=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById("point1").style.left=XX
document.getElementById("point1").style.top=YY+window.pageYOffset
}  }  function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}  if (ie||ns4||ns6)
window.onload=onad  </script>
________________________________________________________________________________ 

 

 

17

1.- AQUI SE PONE EL NOMBRE DEL ARCHIVO DE LA PAGINA PRINCIPAL, COMO SE VE EN LA IMAGEN.

2.- SE PONE EL NOMBRE DEL LINK DE LA PAGINA PRINCIPAL, DE PREFERENCIA, ESCRIBAN "HOME"

3.- AQUI PONEN EL NOMBRE DEL ARCHIVO DE LA PAGINA 2, COMO SE MUESTRA EN LA IMAGEN.

4.- AQUI SE PONE EL NOMBRE DEL LINK DE LA PAGINA 2, COMO POR EJEMPLO, "FOTOS".

Así sucesivamente, depende de cuantos links quieran poner.

 

18

Bueno, al lado derecho de la caja de links, se puede poner una imagen, si quieren, ponga esta imagen

O SE PUEDE PONER CUALQUIER ICONO. PERO SIEMPRE CON EL NOMBRE imagel CON EXTENSION .gif , OSEA imagel.gif

 

19

QUEDARIA HACÍ, UNA CAJITA CON LINKS QUE FLOTA POR LA VENTANA, SI QUIERES AJUSTAS SU POCISION.

 

ES HORA DE SUBIR NUESTRA PAGINA A INTERNET

20

Entramos a esta pagina ( http://xthost.info ) . Esta pagina es un hosting, donde puedes almacenar tu web facilmente.

Empesamos con crear un nombre para su hosting, por ejemplo, MIWEB. entonces quedaria http://xthost.info/MIWEB

 

21

Al crear tu web, te dan una clave cualquiera. esta la puedes cambiar en el siguiente paso. Haz click en "PROCEED TO YOUR ACCOUNT"

 

22

1.- Aqui cambias tu clave.

2.- Para subir un archivo o tu pagina, haz click en EXAMINAR.

3.- AQIO SELECCIONAS EL ARCHIVO. TIENES QUE SUBIR TODOS LOS ARCHIVOS, UNO POR UNO.

4.- LE DAS CLICK EN ABRIR.

5.- LE DAS CLICK EN Upload PARA SUBIR EL ARCHIVO

 

23

SHAZAM! TENEMOS TODO LISTO, TODO SUBIDO, LISTO PARA INGRESAR A SU WEB. LA DIRECCION DE SU WEB QUEDARA ASÍ: http://xthost.info/NOMBRE_DE_SU_HOSTING/NO..._LA_PAGINA.html . O Agan Click en el nombre de su pagina desde el hosting.

A la izquierda se muestra las estadisticas de espacio web. cuanto estas usando y cuanto es el espacio que te dieron.

Haz click en DELETE para borrar un archivo (no se podra recuperar)

NOTA SI PIERDES TU CLAVE, NO HABRA FORMA DE RECUPERAR TU CUENTA.

PD: CUANDO TERMINES TU PAGINA, SUBELA Y POSTEALA ;D

 

 

ESO ES TODO, ME TOMO TODA LA TARDE PERO ES UN DOMINGO ;D SALUDOS.

Edited December 16, 2007 by Beethoven

[KaKo_]

Buena cumpa.. se agradece mucho tu tiempo para crear este manual para quienes quieren empezar a crear webs y no entienden mucho..

 

Saludos

[danxtraceur]

buen manual

[Beethoven]

BUENO, DESPUES LES DOY UNO PARA DREAMWEAVER ;D

[papayaggro]

muy weno siempr quise aserme mi propia pagina ....que wenaaaa mxas gracias te pasaste

[Millencolico]

Se agradece el esfuerzo empleado compadre.

 

[kronos_chile]

wena comparito en una de esas me decido a crear mi web..xD

ce agrade_c

 

 

 

[Beethoven]

EN UNOS DIAS AGO EL TUTO PA KE SUBAN SU WEB POR CLIENTE FTP

[huscachafe]

Vale socito se agradece kleta!!!

[kancerber0]

te pasaste semental!!!! vale...... la raja..

 

c agradece!!!!