¡Afectuoso saludo para todos y todas
¡GRACIAS de antemano por el aporte de todos!
Por favor ayúdenme para reparar la web del ejemplo-cctw, les dejo a continuación: la dirección, el nombre es óbvio, los codigos de la plantilla y de la hoja de estilo-general.
Otra cosa, les anexaré también algunos errores que he notado, pero es muy normal cometer errores, además me pase unos días con sus noches tratado de conectar con el servidor; por lo cual descarge un programa que alguno de ustedes me sugirió. Pero, como al querer descargarlo del foro se me bloqueó el explorer, lo descargé de iespana con tal suerte que es una versión diferente filezila 2; pese a que gracias a los aportes de Yaneth, quien en el foro me indicó que en iespana por defecto no había index.html, y luego de subir la web, considero util manejar dicho programa. Por eso un par de preguntas:
¿Se podrá traducir?
¿Alguien me puede dar luces sobre el manefo del mismo?
Datos:
Título:web-ejemplo-cctw
Dirección:http://juaned.iespana.es/plantilla.html
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>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera"></div>
<div id="logotipo"><a href="index.html">
[contenido no disponible]</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul> Sección 1 Sección 2 Sección 3 Sección 4
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Título de Sección 1</h1><ul> Enlace 1 Enlace 2 Enlace 3 Enlace 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">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Estilo-general
* {text-ident: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}
#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: yellow; width: 150px ; float:left; text-align:left; margin:3px 10px 3px 3px; backgroun-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 {background-color: white; border-left: black 1px solid; border-right: black 1px solid; border-top: black 1px solid}
#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 {}
Los quiero mucho, se han vuelto parte de mi vida y no se como agradecerles tantas bondades para con migo y para con mis hijos que también siguen el curso y el desarrollo del foro :oops: .
Estos son los errores que encontré en el curso.
Estilo-general (aparte del recordatorio finalizando la tercera lección).
#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 }
Lamento no saber como enviar la carpeta objetos para que también me dieran una mano con la revisión de ésta. De nuevo GRACIAS.
http://juaned.iespana.es/plantilla.html
¡GRACIAS de antemano por el aporte de todos!
Por favor ayúdenme para reparar la web del ejemplo-cctw, les dejo a continuación: la dirección, el nombre es óbvio, los codigos de la plantilla y de la hoja de estilo-general.
Otra cosa, les anexaré también algunos errores que he notado, pero es muy normal cometer errores, además me pase unos días con sus noches tratado de conectar con el servidor; por lo cual descarge un programa que alguno de ustedes me sugirió. Pero, como al querer descargarlo del foro se me bloqueó el explorer, lo descargé de iespana con tal suerte que es una versión diferente filezila 2; pese a que gracias a los aportes de Yaneth, quien en el foro me indicó que en iespana por defecto no había index.html, y luego de subir la web, considero util manejar dicho programa. Por eso un par de preguntas:
¿Se podrá traducir?
¿Alguien me puede dar luces sobre el manefo del mismo?
Datos:
Título:web-ejemplo-cctw
Dirección:http://juaned.iespana.es/plantilla.html
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>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera"></div>
<div id="logotipo"><a href="index.html">
[contenido no disponible]</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Título de Sección 1</h1><ul>
</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">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Estilo-general
* {text-ident: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}
#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: yellow; width: 150px ; float:left; text-align:left; margin:3px 10px 3px 3px; backgroun-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 {background-color: white; border-left: black 1px solid; border-right: black 1px solid; border-top: black 1px solid}
#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 {}
Los quiero mucho, se han vuelto parte de mi vida y no se como agradecerles tantas bondades para con migo y para con mis hijos que también siguen el curso y el desarrollo del foro :oops: .
Estos son los errores que encontré en el curso.
Estilo-general (aparte del recordatorio finalizando la tercera lección).
#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 }
Lamento no saber como enviar la carpeta objetos para que también me dieran una mano con la revisión de ésta. De nuevo GRACIAS.
http://juaned.iespana.es/plantilla.html