lilita escribió:hola, me surge otra duda adicional...
Estuve ausente por 2 semanas y no habia retomado este curso hasta ahora, no se si sea comun que abro el HTML KIT y al abrir la web ejemplo local CCTW y darle vista previa, aparece el mensaje "ERROR CODIGO SCRIPT"
envio codigo de plantilla y estilo general CCS
PLANTILLA
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<head>
<title>Page title</title>
<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>
</head>
<title>Page title</title>
<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">
</head>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
Sección 1
Sección 2
Sección 3
</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul>Enlace 1Enlace 2
Enlace 3Enlace 4
</div>
<h1>Esta será la zona principal de la web</h1>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo
pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>
En pocas lecciones aprenderé a darle margenes para
separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea,
que queda mucho mejor.</p>
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 EjemploContactosNos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
DirectorioTopSiteMapa de la Web
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
ESTILO GENERAL
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
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}
body {text-align: center }
#global {width:800px ; margin:4px auto }
Lo mismo ocurre en la plantilla de MIS EXPERIMENTOS.... NO SE QUE PASA ...
AGRADEZCO SUS RESPUESTAS
LILITA.
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: lorange ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie {border-left: black 1px solid ; border-right: black 1px solid ;
border-top: black 1px solid ; height: 65px }
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
Hola:
Es importante ir comprendiéndo poco a poco la estructura de una página web.
Esta se compone de unas cuantas partes básicas, una es la declaración que se pone arriba de todo, vendrñia siendo como el idioma que se va a utilizar en la página web, esta declaración se llama
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Luego vienen las partes en que se divide la página web, digamos que es una caja grande, donde se van metiéndo cajas más pequeñas dentro de esa caja grande, pero esa caja grande está dividida principalmete en dos partes, una que se llama <head> y la otra que se llama <body>, y la caja grande se llama <html>. Todas tienen un principio y un final
Por tanto, como la caja grande se llama html, se pondría después de la declaración , o sea después de ese DOCTYPE y dentro de ella se pondrían las otras dos cajas, la head y la body
y quedaría así
<html> Este es el principio de la caja grande
<head> Este es el principio de la caja head
</head> Este es el final de la caja head
<body> Este es el principio de la caja body
</body> Este es el final de la caja body
</html> Este es el final de la caja grande
Cuando el curso le dice que ponga ciertos códigos dentro de la caja o capa head, le está diciéndo que lo ponga entre el <head> y el </head>
Por ejemplo la etiqueta que se llama <title>Mi pagina</title>
<html> Este es el principio de la caja grande
<head> Este es el principio de la caja head
<title>Mi pagina</title>
</head> Este es el final de la caja head
<body> Este es el principio de la caja body
</body> Este es el final de la caja body
</html> Este es el final de la caja grande.
Ahora si le dice el curso que debe poner en el head otros códigos, como por ejemplo, el de los acentos, pues lo pondría así
<html> Este es el principio de la caja grande
<head> Este es el principio de la caja head
<title>Mi pagina</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
</head> Este es el final de la caja head
<body> Este es el principio de la caja body
</body> Este es el final de la caja body
</html> Este es el final de la caja grande.
Ahora si el curso le dice que ponga una capa global dentro del body, que esa capa global es la que va a tener dentro a todas las otras capas tendría que ponerlo así
<html> Este es el principio de la caja grande
<head> Este es el principio de la caja head
<title>Mi pagina</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
</head> Este es el final de la caja head
<body> Este es el principio de la caja body
<div id="global"> Este es el principio de la capa global
</div> Este es el final de la capa global
</body> Este es el final de la caja body
</html> Este es el final de la caja grande.
Ahora si a usted el curso le dice que debe poner un código justo antes del final de la capa body entonces lo tendría que poner así
<html> Este es el principio de la caja grande
<head> Este es el principio de la caja head
<title>Mi pagina</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
</head> Este es el final de la caja head
<body> Este es el principio de la caja body
<div id="global"> Este es el principio de la capa global
</div> Este es el final de la capa global
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body> Este es el final de la caja body
</html> Este es el final de la caja grande.
Si el curso le dice que a la etiqueta body hay que añadirle cierto código que tiene que ver con los menus desplegables entonces lo lógico es añadirselo al primer body que hay en la página, por ejemplo así:
<html> Este es el principio de la caja grande
<head> Este es el principio de la caja head
<title>Mi pagina</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
</head> Este es el final de la caja head
<body onload="init();"> Este es el principio de la caja body
<div id="global"> Este es el principio de la capa global
</div> Este es el final de la capa global
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body> Este es el final de la caja body
</html> Este es el final de la caja grande.
Ahora en el head ( o entre el <head> y el </head>)debiera usted de poner los otros tres códigos que tienen que ver con el menu desplegable, y también el link rel que relaciona esa página con la hoja de estilo correspondiente
Con todo esto, le quiero decir que no tiene que estar creándo más head ni más body
Espero le ayude a comprender un poco más
Saludos
