Entrar

por donde seguir?

javiergomez · · Solicitar retirada
hola:

saludos a todos

os cuento yo he seguido el curso hasta la leccion cuatro, justo hasta el punto y ya seguiremos en la lecion 5

tengo creado mi pagina web, y colgada en iespana, por que no hubo manera de hacerlo en otro sitio, os la dejo aqui

http://tumundobdsm.iespana.es


pues bien, como veis, tengo el index, la plantilla, pero hay mi duda, por donde seguir, mientras se concluye la leccion 5,

ando mirando cosas del tipo colocar un foro, o el Dreamweaver 3.0. pero me gustaria saber por donde han seguido otros que vaya unops pasos por delante mia, por que he visto web de gente que han empezado como yo y ya la tienen muy avanzada e incluso alguna muy bien hechas

se admiten cnsejos

gracias
Novato · · Solicitar retirada
Yo por ejemplo me estoy haciendo dos paginas aprovechando el curso, las uedes ver pinchando en los enlaces de abajo, en mi firma, haz tu lo mismo.Un saludo.
javiergomez · · Solicitar retirada
pues tus paginas estan de p.m.....


algo asi me gustaria a mi, pero ando mas perdido que un pulpo en un gareje

por ejemplo: como relacionas la index con la plantilla?

no estaria mal para empezar
gracias
Novato · · Solicitar retirada
yo cocretamente tengo en mi index.html esto:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>** Bar Naútico ** </title>



<link rel="stylesheet"href="estilos.css"type="text/css"media="all">
</head>
<body>
<p class="centrado">Bienvenidos a la pagina web del BAR NAUTICO de Santoña (Cantabria). Muy pronto estará lista !</p>

<div id="entrar">[contenido no disponible]</div>

<p class="centrado">Pagina creada por: EDMUNDO HERNÁNDEZ</p>
<p class="centrado">[correo eliminado]</p>
<p class="centrado">Hola, para ver lo que hay hasta ahora pulsa en el ancla..</p>
</body>
</html>

donde lo que está en verde es el enlace hacia la plantilla,e esta linea..


<div id="entrar">[contenido no disponible]</div>

donde <div id="entrar"> es que quiero darle alguna propiedad a sa imagen, por ejemplo centrarla. para ello en la hoja de estilos.css tengo:


body{background-color: #E0ffff ; background-image: url(objetos/fondo4.jpg); background-position: center ; background-repeat: y ; height:100%; }
img {border-style: none}
.centrado {text-align:center}
#entrar {text-align:center}


en la linea antes marcada tengo tambien:
<a href="plantilla.html"> que es para relacionar la imagen que a mi me intaresa con la plantilla.html.


luego en la misma linea tengo:

[contenido no disponible]</a></div>

donde src="objetos/icono.gif" es para que salga la imagen llamada: icono con extensión .gif que está dentro de una carpeta llamada objetos., lo de width y height son el ancho y alto de la imagen, es decir el tamaño que yo quiero que se muestre en la pagina web. Por último cerramos a (</a>) ya que lo abrimos aqui..<a href..., y cerramos div(</div>) ya qu tambien se abrió aquí..<div id=....,espero haber ayudado.Un saludo
javiergomez · · Solicitar retirada
gracias, ya me funciona, pero...

pobre la que te ha caido encima¡¡¡¡¡


por que me han surguido mil preguntas mas jajajajjajaa

donde tienes la pagina alojada?

bien, ya he visto como relacionas, una pagina con otra, lo suponia, pero no me atrevi, entonces, haciendo lo mismo en la plantilla, puedes relacionarlas con fotos u otras hojas... pero como creas tu una nueva pagina.

saludos, por cierto, me encanta tu paguina, yo tb tengo relacion con el mundo nautico

te vuelvo a dejar mi pagina para que veas como va:
http://tumundobdsm.iespana.es
Novato · · Solicitar retirada
no te preocupes, tu pregunta lo qe necesites, :wink: , yo las paginas las tengo las 2 con Razy, está en el curso paso a paso, sino lo encuentras dimelo.

y si, para relacionar algo cn otra cosa se usa la etiqueta <a href="#"...<a/>, donde # es la ruta a seguir, es decir, tu creas una hoja llamada hoja 1 y quieres que vaya alli, será:

<a href="hoja1.html"....</a>, veamos n ejemplo mas claro... en tu plantilla tienes:

<script language="Javascript" type="text/javascript">
<!--
var d=new Date; rnd=d.getDay()+'-'+d.getHours(); var b=(''+location.hostname).split('.'); d=2; if(b[b.length-d+1]=='') d=3; h='web.'+b[b.length-d]+'.'+b[b.length-d+1];
document.write('<sc'+'ript src="http://js-perso.ifrance.com/js.php?'+rnd+'"><'+'/sc'+'ript>');
// -->
</script>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">_uacct = "UA-324340-1"; urchinTracker();</script>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title></title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>

<div id="navegacion">
<ul>
  • seccion1
  • Sección 2
  • seccion1
  • seccion1

    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
    <h1>Título de Sección 1</h1>
  • enlace1
  • enlace1
  • enlace1
  • enlace1

    </div>
    <h1>Esta será la zona principal de la web</h1>


    y este va a ser el segunfo parafo, da igual que este mal escrito es solo para porbar</p>
    <h2>este es el tecero mucho mas largo</h2>

    puede que mejor escrito o incluso peor pero bueno solo se trata de rellaenar y salirme `por debajo, hasdkfu dñifsdhiosdjdfignu`fgnubbnfgnunugnu`gnugfnu`
    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.
    </p>
    </div>
    <div id="pie">
    <div id="pieuno"><ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan</div>
    <div id="piedos">pie dos</div>
    <div id="pietres"><ul>
  • Directorio
  • TopSite
  • Mapa de la Web</div>
    </div>
    <div id="curva-inferior"></div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>
    <script type="text/javascript" src="http://js-perso.ifrance.com/weborama.js"></script>
    <script language="Javascript" type="text/javascript">
    <!--
    document.write('<sc'+'ript src="http://js-perso.ifrance.com/js2.php?'+rnd+'"><'+'/sc'+'ript>');
    // -->
    </script>


    Vamos a fijarnos en el menú que sal a la izquierda, es decir en el div menu, te lo marco en rojo...
    <script language="Javascript" type="text/javascript">
    <!--
    var d=new Date; rnd=d.getDay()+'-'+d.getHours(); var b=(''+location.hostname).split('.'); d=2; if(b[b.length-d+1]=='') d=3; h='web.'+b[b.length-d]+'.'+b[b.length-d+1];
    document.write('<sc'+'ript src="http://js-perso.ifrance.com/js.php?'+rnd+'"><'+'/sc'+'ript>');
    // -->
    </script>
    <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
    <script type="text/javascript">_uacct = "UA-324340-1"; urchinTracker();</script>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title></title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    <link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
    <script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
    <script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body onload="init();">
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">
    <a href="index.html">
    [contenido no disponible]
    </div>
    <div id="publicidad">Bienvenidos a mi Web</div>
    </div>

    <div id="navegacion">
    <ul>
  • seccion1
  • Sección 2
  • seccion1
  • seccion1

    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
    <h1>Título de Sección 1</h1>
  • enlace1
  • enlace1
  • enlace1
  • enlace1

    </div><h1>Esta será la zona principal de la web</h1>


    y este va a ser el segunfo parafo, da igual que este mal escrito es solo para porbar</p>
    <h2>este es el tecero mucho mas largo</h2>

    puede que mejor escrito o incluso peor pero bueno solo se trata de rellaenar y salirme `por debajo, hasdkfu dñifsdhiosdjdfignu`fgnubbnfgnunugnu`gnugfnu`
    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.
    </p>
    </div>
    <div id="pie">
    <div id="pieuno"><ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan</div>
    <div id="piedos">pie dos</div>
    <div id="pietres"><ul>
  • Directorio
  • TopSite
  • Mapa de la Web</div>
    </div>
    <div id="curva-inferior"></div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>
    <script type="text/javascript" src="http://js-perso.ifrance.com/weborama.js"></script>
    <script language="Javascript" type="text/javascript">
    <!--
    document.write('<sc'+'ript src="http://js-perso.ifrance.com/js2.php?'+rnd+'"><'+'/sc'+'ript>');
    // -->
    </script>



    el primer enlace te lo he marcado en verde para verlo mejor...

    <div id="contenido">
    <div id="menu">
    <ul>
    <h1>Título de Sección 1</h1>
  • enlace1
  • enlace1
  • enlace1
  • enlace1



    pues bien, para que al pulsar donde pone enlace1 vaya a la hoja1 tenemos que poner:

    <div id="contenido">
    <div id="menu">
    <ul>
    <h1>Título de Sección 1</h1>
  • hoja1.html"] enlace1
  • enlace1
  • enlace1
  • enlace1


    y pra rizar el rizo vamos a hacer que en vez de enlace1 ponga Para ir a la hoja1 ahora ponemos:
    <div id="contenido">
    <div id="menu">
    <ul>
    <h1>Título de Sección 1</h1>
  • Para ir a la hoja 1
  • enlace1
  • enlace1
  • enlace1


    y así con todo lo deeste menú, para crear una hoja con el Html-kit que se llame hoja1 lo vemos en otro mensaje para no saturar este.
    • Novato · · Solicitar retirada
    Para crear la hoja llamada hoja1, abres el html-kit y abre la carpeta que te estabas haciendo con el curso,es decir la que no es azul,al tenerla abierta aparecerá todo lo quehay dentro, es decir: index.html, plantilla.html, objetos,etc. pues bien, para crear una hoja nueva pulsamos con el botón derecho del ratón en la palabra del titulo de la carpeta

    (para ver mejor las imagenes pulsa sobre ellas)


    [contenido no disponible]

    luego elijes..new y ahora en Create file...

    [contenido no disponible]

    Se abre una ventana donde hay que activar: 1º) general 2º( Blank HTML Page y 3º) Ok...

    [contenido no disponible]

    Se abre otra ventana donde hay que poner el nombre en este caso hoja1 y como va a ser una hoja de nuestra pagina web que la gente va a ver será con extensión .html,pero nosotros tenemos que poner todo junto, es decir hoja1.html , lo vemos aqui..

    [contenido no disponible]

    ya por ultimo le das en ok y ya te abrá aparecido un nuevo archivo en tu pagina con ese nombre, la abres y estará vacia, borra todo lo que tenga y guardala,ahora abres tu plantilla.html y seleccionas todo y lo copias, vuelves a abrir la hoja1 y pegas lo de la plantilla, cambia los textos, es ecir lo que hay entre

    y </p> y ya está...recuerda ste proceso, lo tendrás que hacer con cada una de las hojasque compongan tu pagina web. Un saludo.
    Novato · · Solicitar retirada
    por cierto te veo que en la hoja index.html tienes algo fuera de la pagina que no te hace ningun efecto por eso precisamente, porque está fuera, se trata de unos script, te los marco en rojo:(en verde te he marcado donde empieza la pagina web y donde termina, como ves tu lo tienes fuera por arriba y por abajo...si lo borrs no pasa nada ya que como te digo así no te está haciendo nada)

    <script language="Javascript" type="text/javascript">
    <!--
    var d=new Date; rnd=d.getDay()+'-'+d.getHours(); var b=(''+location.hostname).split('.'); d=2; if(b[b.length-d+1]=='') d=3; h='web.'+b[b.length-d]+'.'+b[b.length-d+1];
    document.write('<sc'+'ript src="http://js-perso.ifrance.com/js.php?'+rnd+'"><'+'/sc'+'ript>');
    // -->
    </script>
    <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
    <script type="text/javascript">_uacct = "UA-324340-1"; urchinTracker();</script>

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"<html><head>
    <title>tu lugar de encuentro BDSM</title>
    <link rel="stylesheet" href="estilos.css" type="text/css" media="all">
    </head>
    <body>
    <p class="centrado">pronto estaremos operativos</p>
    <p class="centrado">"Miriam me haces feliz"</p>
    <div id="entrar">[contenido no disponible]</div>
    <p class="centrado">haz click en la imagen para entar</p>


    Página creada gracias a CCTW
    </p>

    <p class="izquierda"> Nos puedes ayudar a hacerla, toda ayuda sera bien recibida</p>
    <a href="mailto:[correo eliminado]">[contenido no disponible]
    </a></body>
    </html>
    <script type="text/javascript" src="http://js-perso.ifrance.com/weborama.js"></script>
    <script language="Javascript" type="text/javascript">
    <!--
    document.write('<sc'+'ript src="http://js-perso.ifrance.com/js2.php?'+rnd+'"><'+'/sc'+'ript>');
    // -->
    </script>