no puedo poner el fonde de imagen jeje no me sale
gaurde la imagen como dice pero no sale
me podrian decir que hice mal
gaurde la imagen como dice pero no sale
me podrian decir que hice mal
.:2-D:. escribió:nuevamente mis estimados dejenme sus codigos y los miro aver de que se trata.
un saludo
Arian
--------------------------archivo index.html------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<title>CICLO TALLER FRANK Pagina de inicio</title>
</head>
<body>
<!--Insertamos una imagen, esta es la forma, lo que se ponde después del Alt es lo que aparecería en caso de
que no se cargara la imagen-->
[img]imagenes/bandera.gif[/img]</p>
<p class="centrado"> Bienvenidos a la pagina de CICLO TALLER FRANK, pronto estará lista </p>
Sera un placer enorme que nos visites cuando este terminada, por ahora visita esta pagina </p>
<!-- Esta es la forma de crear un enlace a una página externa para que se habra en una ventana nueva
para que se habra en la misma ventana donde estamos lo pondríamos de esta forma:
[url="http://www.comocreartuweb.com"]CCTW[/url] //-->
[url="http://www.comocreartuweb.com"]http://www.comocreartuweb.com[/url]
[url="plantilla.html"]Ir a la página plantilla[/url]
[email="[correo eliminado]"]Escribenos un correo [/email]
[email="[correo eliminado]"][img]imagenes/204-buzon.gif[/img][/email]</p>
</body>
</html>
---------------------------------archivo estilos.css--------------------
body { background-image: url(imagenes/fondo.png) }
.img {border-style: none}
.centrado {text-align:center}
.justificado {text-align:justify}
.aladerecha {text-align:right}
.alaizquierda {text-align:left}
---------------------------------archivo plantilla.html----------------
<!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="cabecera">para probar los div</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
[*][url="#"]Enlace 1[/url]
[*][url="#"]Enlace 2[/url]
[*][url="#"]Enlace 3[/url]
[*][url="#"]Enlace 4[/url]
[/list]
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
---------------------------------archivo estilo-general.css-----------
<!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="cabecera">para probar los div</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
[*][url="#"]Enlace 1[/url]
[*][url="#"]Enlace 2[/url]
[*][url="#"]Enlace 3[/url]
[*][url="#"]Enlace 4[/url]
[/list]
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
*{margin:0px ;padding:0px ;border: 0px}
body{text-align: center}
#global {width:800px ; margin: 4px auto}
#cabecera {background-color: #00FF7F }
#navegacion {background-color: #CDCDC1}
#contenido {background-color: orange ;width: 800px ;float:left}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
#pie {background-color: brown}
<!-- AQUI DEFINIMOS LOS COLORES QUE TENDRÁN LOS LINKS EN SUS DIFERENTES ESTADOS, la caracteristica de display:block
es para que en cualquier parte que se situe el cursor en direccion del iten el link se active y no si solamente nos
posicionamos en el texto -->
a {color: #1E90FF ; text-decoration:none ; display: block }
a:link {}
a:visited {color:black}
a:hover {color:red; text-decoration:underline; background-color: silver}
a:active {}
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px}
Yaneth escribió:hola
subiste tambien la carpeta de imagenes con la imagen???
muestranos una captura de pantalla
de la carpeta imagenes abierta
saludos
frankliberia escribió:subi la pagina a iespana.es (ciclotallerfrank.iespana.es)
Raulyure escribió:frankliberia escribió:subi la pagina a iespana.es (ciclotallerfrank.iespana.es)
Hola:
A lo mejor me estoy metiéndo en lo que no debo, pero ¿dónde ha puesto usted las imágenes ? ¿en la pagina index o en la página plantilla?.
No me voy a aventurar en algo que no he visto aún, pero creo entender que la página index.html lleva unos códigos, por ejemplo todo se pone dentro del body, y como página de presentación que es, en teoría mno lleva ninguna capa excepto el body
Por tanto dentro del <body> de esa página index.html hay que poner las imagenes, que según el curso serían la sonrisa y el buzón.
Ahora ese index lleva una hoja de estilo que se llama estilos.css, y allí se ponen las propiedades para el body que pertenece al index.html.
Luego se hace una pagina a la que se le pone por nombre plantilla.html,
esa página también lleva una hoja de estilo solo para ella, a la que se le suele poner por nombre estilo-general.css
Por tanto en esa plantilla es donde se ponen las capas para ir diseñando las diferentes partes de la página, como por ejemplo una capa global que encierre a todas las demás capas , y dentro de ella iría una capa cabecera , luego una capa navegación y luego una cpa contenido y luego una capa pie et. etc. etc.
.
Entonces usted para poner las imagenes que van en la página index.html debiera de ponerlas en esa página , no en la pagina plantilla.html
Saludos
[img]OBJETOS/marcianos.png[/img]frankliberia escribió:
frankliberia escribió:Muchas gracias Raulyure ahorita me siento más mótivado porque no se como si copiando el código a dreamweaver o de otra forma la cosa es que ya puedo visualizar muy bien los archivos en explorer y mozilla en los preview de HTML-KIT Y Dreamweaver, lo subí nuevamente y sigo con problemas para visualizar las imagenes en la pagina index pero la pagina plantilla ahora si se ve bien en cualquier navegador. Como te repito en los preview se ve bien las imagenes pero a la hora de subir la pagina no los encuentra, he revisado el sitio, lo he estado depurando en línea y las carpetas y archivos estan todos en su lugar.