pego abajo mi index y plantilla a ver si logran ver que hice mal, saludos y gracias
SUBI MI PAGINA WEB A MI HOSTING TAL Y COMO DICE EL CURSO EL PROBLEMA ES QUE NO RESPETA LAS INSTRUCCIONES NI ESTILOS DE LA PLANTILLA SOLO APARECEN LAS IMAGENES QUE SUBI Y EL TEXTO, QUISIERA SABER EN QUE FALLE O SI DE ALGUNA MANERA HAY QUE INDICAR QUE EL INDEX SE DEBE DE RELACIONAR CON LA PLANTILLA, GRACIAS.
vaya para ser un poco mas explicito, no se ven los enlaces ni la diferencia de color, ni el logotipo, si las puedo ver en el preview del HTML-kit pero no en la pagina, Solo de ve: la imagen de fondo, 3 imagenes que subi, el texto asi feo y el buzon para el e-mail, saludos
I N D E X
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Personas intentando aprender algo nuevo</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado"> Bienvenidos a la pagina web
muy pronto estara lista !!!!
Somos un grupo de personas que estan intentando aprender de como crear una pagina web pero no me sale de plano jaja
Algunas de las cosas que hemos aprendido es como hacer el index y la plantilla pero me fallo al subir el hosting ya que no se relaciona el index con la plantilla
Direccion:
Telefono Oficina:
Telefono Celular:
[correo eliminado]
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
fotos de muestra
</body>
</html>
P L A N T I L L A
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
</head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera"><div id="logotipo"></div><div id="publicidad">Bienvenidos a mi Web</div> </div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido"><div id="menu">
<ul>Enlace 1 Enlace 2
Enlace 3
</div><h1>Esta será la zona principal de la web</h1>
Somos un grupo de personas que estan intentando aprender de como crear una pagina web pero no me sale de plano jaja</p></div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
H O J A D E E S T I L O S
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid }
#navegacion {background-color: gray ; border: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}{background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#pie {background-color: brown }
#global {width:800px ; margin: 4px auto }
body {text-align: center}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin: 3px 10xp 3xp 10xp }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
* {margin:0px ; padding:0px ; border: 0px}
a {color: blue; font-size:1.3em ; text-decoration: none} a: link {}a: visited {} a: hover {color:red ; text-decoration:underline} a: active {}a:hover {color:red ; text-decoration:underline ; background-color: silver}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height:12px ; overflow:hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height:12px ; overflow:hidden }
ESTILOS CCS
body {background-color: #EEE9BF ; background-image: url(objetos/fondo.jpg); background-repeat: no-repeat; background-position: right top}
img {border-style: none}
SUBI MI PAGINA WEB A MI HOSTING TAL Y COMO DICE EL CURSO EL PROBLEMA ES QUE NO RESPETA LAS INSTRUCCIONES NI ESTILOS DE LA PLANTILLA SOLO APARECEN LAS IMAGENES QUE SUBI Y EL TEXTO, QUISIERA SABER EN QUE FALLE O SI DE ALGUNA MANERA HAY QUE INDICAR QUE EL INDEX SE DEBE DE RELACIONAR CON LA PLANTILLA, GRACIAS.
vaya para ser un poco mas explicito, no se ven los enlaces ni la diferencia de color, ni el logotipo, si las puedo ver en el preview del HTML-kit pero no en la pagina, Solo de ve: la imagen de fondo, 3 imagenes que subi, el texto asi feo y el buzon para el e-mail, saludos
I N D E X
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Personas intentando aprender algo nuevo</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado"> Bienvenidos a la pagina web
muy pronto estara lista !!!!
Somos un grupo de personas que estan intentando aprender de como crear una pagina web pero no me sale de plano jaja
Algunas de las cosas que hemos aprendido es como hacer el index y la plantilla pero me fallo al subir el hosting ya que no se relaciona el index con la plantilla
Direccion:
Telefono Oficina:
Telefono Celular:
[correo eliminado]
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
fotos de muestra
</body>
</html>
P L A N T I L L A
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
</head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera"><div id="logotipo"></div><div id="publicidad">Bienvenidos a mi Web</div> </div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido"><div id="menu">
<ul>
Enlace 3
</div><h1>Esta será la zona principal de la web</h1>
Somos un grupo de personas que estan intentando aprender de como crear una pagina web pero no me sale de plano jaja</p></div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
H O J A D E E S T I L O S
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid }
#navegacion {background-color: gray ; border: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}{background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#pie {background-color: brown }
#global {width:800px ; margin: 4px auto }
body {text-align: center}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin: 3px 10xp 3xp 10xp }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
* {margin:0px ; padding:0px ; border: 0px}
a {color: blue; font-size:1.3em ; text-decoration: none} a: link {}a: visited {} a: hover {color:red ; text-decoration:underline} a: active {}a:hover {color:red ; text-decoration:underline ; background-color: silver}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height:12px ; overflow:hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height:12px ; overflow:hidden }
ESTILOS CCS
body {background-color: #EEE9BF ; background-image: url(objetos/fondo.jpg); background-repeat: no-repeat; background-position: right top}
img {border-style: none}