Jump to content

CREA TU PROPIA PAGINA WEB


Recommended Posts

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

Imagen IPB

Primero Habrimos El Programa.

 

2

Imagen IPB

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

Imagen IPB

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

Imagen IPB

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

Imagen IPB

Aqui seleccionamos las propiedades de texto

 

6

Imagen IPB

Aquí elejimos un Marjen para poner texto e imagen.

 

7

Imagen IPB

Como por ejemplo.

 

8

Imagen IPB

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

Imagen IPB

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

Imagen IPB

Se Crea igual que la primera pagina.

 

11

Imagen IPB

Se Guarda.

 

12

Imagen IPB

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

 

13

Imagen IPB

Volvemos a Abrir la pagina principal, o PAGINA_1

 

14

Imagen IPB

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

Imagen IPB

SE HACE CLICK EN HTML PARA AGREGAR UNOS CODIGOS.

 

16

Imagen IPB

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

Imagen IPB

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

Imagen IPB

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

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

 

19

Imagen IPB

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

Imagen IPB

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

Imagen IPB

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

Imagen IPB

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

Imagen IPB

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 by Beethoven
Link to comment
Share on other sites

  • Replies 51
  • Created
  • Last Reply

Top Posters In This Topic

Se agradece el esfuerzo empleado compadre.

carita15.gif

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...