La nueva página

yosandra · 30 Dic 2009, 17:53 · Solicitar retirada

He seguido el curso "paso a paso con html-kit" y me ha salido esto: http://metal666.atwebpages.com/

Ya tenía online una web,pero hecha con marcos,cosa que me recomendásteis que no. www.metal666.org

Cómo haríais la estructura?Con secciones y subsecciones?Saludines!

Ah!Otra cosa...en la plantilla.html que creamos con el curso le quiero meter el contenido que tengo en la sección "bandas" de www.metal666.org,por ejemplo.Cómo debería hacerlo? esto es lo que quiero meterle:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bandas</title>
<style type="text/css">
<!--
body,td,th {
	color: #999999;
	font-size: 14px;
}
body {
	background-color: #000000;
	margin-top: 40px;
	margin-right: 30px;
}
a:link {
	color: #990000;
}
a:visited {
	color: #990000;
}
a:hover {
	color: #990000;
}
a:active {
	color: #990000;
}
.Estilo1 {font-size: 18px}
.Estilo2 {font-size: 16px; font-weight: bold; }
-->
</style></head>

<body>
<div align="center">
  

[img]/images/ban.gif[/img]</p>
  

</p>
  <p class="Estilo1">[b][url="/bandas/a/bandas_a.htm"]A[/url] - [url="/bandas/b/bandas_b.htm"]B[/url] - C - D - [url="/bandas/e/bandas_e.htm"]E[/url] - [url="/bandas/f/bandas_f.htm"]F[/url] - [url="/bandas/g/bandas_g.htm"]G[/url] - H - I - J - [url="/bandas/k/bandas_k.htm"]K[/url] - L - [url="/bandas/m/bandas_m.htm"]M[/url] - [url="/bandas/n/bandas_n.htm"]N[/url] - &Ntilde; - O - P - Q - [url="/bandas/r/bandas_r.htm"]R[/url] - S - [url="/bandas/t/bandas_t.htm"]T[/url] - U - [url="/bandas/v/bandas_v.htm"]V[/url] - W - X - Y - Z[/b] </p>
  <p class="Estilo1">

    

    [img]/divideskull.gif[/img]</p>
  <p class="Estilo1"></p>
  <p class="Estilo2">Bandas, enviad una biograf&iacute;a junto a foto/s y logo a [email="[correo eliminado]"][correo eliminado][/email] para aparecer en la lista de bandas. Gracias! </p>
  <p class="Estilo2">Bands please send a biography (in english) with picture/s and band logo to [email="[correo eliminado]"][correo eliminado][/email] and your band will appear in this section. Thanks! </p>
  <p class="Estilo2"></p>
  <p class="Estilo2">[img]/divideskull.gif[/img]</p>
  

</p>
</div>
</body>
</html>

pero imagino que la parte css no,ya que creamos el estilo-general.css
¿cómo puedo hacer para meter las secciones de mi antigua web que son páginas htm dentro de esa plantilla.html?

Barracuda · 30 Dic 2009, 21:09 · Solicitar retirada

pues copy&paste. la plantilla no se como es porque no segui mucho el curso(me gusta aprender a base de errores) pero me imagino que estara echa con divs, si es asi, coges el contenido tal cual y lo pegas dentro de los divs correspondientes(si tienes tablas o divs interiores con algunas medidadas o margenes te tocara cambiarlos, pero no lo veo dificultad :wink:

yosandra · 30 Dic 2009, 21:37 · Solicitar retirada

Paso la plantilla,a ver si me podéis echar una manita:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>XXXXXXXXXXXXXXXXXXXXXXXXX</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">

  <div id="curva-superior"></div>
  <div id="cabecera">
    <div id="logotipo">[url="index.html"][img]objetos/logotipo.gif[/img][/url]</div>
    <div id="publicidad">Bienvenidos a mi Web</div>
  </div>
  <div id="navegacion">
    <ul>
      [*][url="#"]Sección 1[/url]
      [*][url="#"]Sección 2[/url]
      [*][url="#"]Sección 3[/url]
    [/list]
  </div>
	
  <div id="contenido">

	<div id="menu">
         <h1>Menú</h1>
<ul>[*][url="#"]Enlace 1[/url][*][url="#"]Enlace 2[/url][*]
[url="#"]Enlace 3[/url][*][url="#"]Enlace 4[/url][/list]
       </div>
			 
<h1>XXXXXXXXXXXXXXXXXXXXX</h1>


XXXXXXXXXXXXXXXXXXXXXX</p>
<h2>XXXXXXXXXXXXXXXXXXXXX</h2>


XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>


XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>


XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>


XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
  </div>
	
  <div id="pie"><div id="pieuno">
	<ul>
    [*][url="#"]Foro Ejemplo[/url][*][url="#"]Contactos[/url][*][url="#"]Nos Enlazan[/url]
  [/list]
</div>
  <div id="piedos">pie dos</div>
  <div id="pietres">
	<ul>
    [*][url="#"]Directorio[/url][*][url="#"]TopSite[/url][*][url="#"]Mapa de la Web[/url]
  [/list]
</div>
  </div>
<div id="curva-inferior"></div>
</div>

</body>
</html>

Donde tendría que pegar la página?y pegarle desde donde?

Barracuda · 30 Dic 2009, 22:55 · Solicitar retirada

pues el contenido seria toda la zona con esto, borras esto y pegas lo que tenias en tu web

<h1>XXXXXXXXXXXXXXXXXXXXX</h1> 


XXXXXXXXXXXXXXXXXXXXXX</p> 
<h2>XXXXXXXXXXXXXXXXXXXXX</h2> 


XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> 


XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> 


XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> 


XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>

yosandra · 30 Dic 2009, 23:51 · Solicitar retirada

Voy a probar barracuda!

Eso que he comentado se podría hacer sin volver a cargar otra vez el menú y la cabecera,que estos se queden estáticos,como sucede cuando se trabaja con marcos o es imposible o no recomendable?

Barracuda · 31 Dic 2009, 00:51 · Solicitar retirada

se podria con divs ocultes pero el problema es que lo que harias en realidad es cargar todos los apartados de la web de golpe y luego ir mostrandolos a trozos, asi que sale mas rentable el repetir el menu y demas cosas, que en realidad el tamaño es infimo. No se si existe algun otro metodo pero me extrañaria

para el diseño de las diferentes partes de un menu en que cada pagina son parecidas, yo lo que hago primero hago el diseño de todas las partes fijas (menu cabecera bajos...) y luego voy haciendo copias de estas y a cada uno le pongo el contenido que le toca, es un metodo chapuza pero no se me gusta asi, si no el el tutorial de CCTW hay un apartado que explica como hacerlo de manera mas "profesional"

yosandra · 31 Dic 2009, 11:10 · Solicitar retirada

Vaya...a mí que me gusta el diseño de marcos que hace que solo se cargue el contenido al ir a un link... :roll:

Foley · 31 Dic 2009, 13:30 · Solicitar retirada

yosandra escribió:Vaya...a mí que me gusta el diseño de marcos que hace que solo se cargue el contenido al ir a un link... :roll:

Eso estoy seguro que también se puede hacer sin marcos, usando algún otro lenguaje como javascript o así. Yo no sé cómo se hace pero algo oí hablar.

Aunque no le veo la ventaja, la página no va a cargar más rapida por que el menú principal no se cargue seguido, bueno sí pero tu no notarás la diferencia :)

Si los marcos fuesen buenos, los usarían los páginas buenas y grandes como msn, google, periódicos importantes, etc. Acuérdate de esto que te digo, fíjate en los grandes ;)

yosandra · 31 Dic 2009, 15:04 · Solicitar retirada

Si Foley,pero estoy en un desbarajuste de la ostia :roll:

Por un lado el ancho base de la pagina me interesa más ancho,ya que no me cabrían casi todos los contenidos. Por otro lado,el menú de arriba creo que me sobra,me quedaría con el lateral.

Las imágenes de cabecera y pie redondeadas me gusta la idea pero deberían ser negras, aunque si son negras queda abajo el cuadrado blanco de fondo.SOS! :roll: :wink:

yosandra · 31 Dic 2009, 15:30 · Solicitar retirada

Barracuda escribió:pues el contenido seria toda la zona con esto, borras esto y pegas lo que tenias en tu web

<h1>XXXXXXXXXXXXXXXXXXXXX</h1> 


XXXXXXXXXXXXXXXXXXXXXX</p> 
<h2>XXXXXXXXXXXXXXXXXXXXX</h2> 


XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> 


XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> 


XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> 


XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>

Si pego ahí el contenido de bandas.html me queda esto:

http://metal666.atwebpages.com/bandas.htm

descuadrado,a pagina completa,no se como arreglarlo.

Kamael · 31 Dic 2009, 18:10 · Solicitar retirada

por q empezaste otro html??????? en la misma hoja??????

<ul>[*][url="#"]Enlace 1[/url][*][url="#"]Enlace 2[/url][*] 
[url="#"]Enlace 3[/url][*][url="#"]Enlace 4[/url][/list] 
       </div> 
			 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Bandas</title> 
<style type="text/css">

solo tienes q pegar el contenido no todo el codigo

yosandra · 1 Ene 2010, 12:56 · Solicitar retirada

Kamael escribió:por q empezaste otro html??????? en la misma hoja??????

<ul>[*][url="#"]Enlace 1[/url][*][url="#"]Enlace 2[/url][*] 
[url="#"]Enlace 3[/url][*][url="#"]Enlace 4[/url][/list] 
       </div> 
			 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Bandas</title> 
<style type="text/css">

solo tienes q pegar el contenido no todo el codigo

No te entendí... :cry:
Si no pego el contenido como lo va a leer? No lo entiendo...

yosandra · 2 Ene 2010, 16:09 · Solicitar retirada

Ayuda plis!!!
Mirad como me queda http://metal666.atwebpages.com/bandas.htm

:cry:

Foley · 2 Ene 2010, 21:07 · Solicitar retirada

Yo no entiendo cuál es el problema, copias el contenido (lo que está dentro del body) del marco de la web metal666.org y lo pones en el div que corresponda de la página dependiendo de si quieres que vaya en la zona del contenido o en la parte izquierda.

Yo tuve que cambiar el diseño de elenemyterritory.es y la verdad fue bastante monótono andar copiando y pegando todo el rato en el mismo sitio, fue fácil.

Yo no le veo ciencia :roll:

Barracuda · 2 Ene 2010, 21:22 · Solicitar retirada

no debes copiar toda la pagina, piensa que los menus estan en la plantilla por ejemplo, solo debes copiar el contenido en si (y logicamente solo lo que este dentro de el body, pero tampoco el body tal cual)