hola me llamo Angel y pus solo quiero decir que sta SUPER tu Pagina y mejor los consejos ok GRAX yo quiero crear mi propia pagina ahunque no sea pra ganar$$$ Solo quiero aprender es que me ha GUSTADO una que vi hace tiempo y pues yo quisiera crear una si no mejor ps ahuque sea igual
jejeje Soy de Mexico DF Bueno se cuidan y otra ves Grax asta luego Att: Angel
Hola:Iniciado por menudeta
Hola soy nueva he intento hacer una web para mmi marido!juer ke dificiiiiil.Me he quedado atascada en los estilos no se ke hago mal,pero cuando cambo a preview no me ha cambiado el color!!ayudadme please!
Gracias
Es bueno que usted ponga acá todos los códigos que tiene tanto en su hoja de estilo como en su página, sería bueno que los copiara y pegara para que veamos exactamente que es lo que puede estar haciendo problemas, a menos que lo haya ya solucionado.
Saludos
Agradecido de los que aprenden enseñando
Hola:hola me llamo Angel y pus solo quiero decir que sta SUPER tu Pagina y mejor los consejos ok GRAX yo quiero crear mi propia pagina ahunque no sea pra ganar
Se le agradece su mensaje, aunque lo digo en nombre de todos, y lógicamente del creador de esta página.
Seguro que usted encontrará muy divertido y edificante comenzar a crear su web.
Saludos
Agradecido de los que aprenden enseñando
hola jorgens.. antes que nada gracias por tus aportes, estan geniales =D..
ahora lo que nos atañe. resulta que estoy construyendo mi pagina y primero
para probar como iva todo lo aprendido decidi poner una pagina en el "aire" que dijera en construccion como siempre pero resulta que los links tanto de las fotos como el que une al Index con la hoja de estilos no funcionan en la red! =S pq pasa eso??? bueno.. te dejo mi pagina.. ojala me ayudes, gracias !!
Hola:
¿Qué le parece si nos pone la dirección de su página (url), y aprovecha de pegarnos acá los códigos de su hoja de estilo y los de su página index.html?
Así podremos ver con mas claridad lo que puede estar sucediendo.
Saludos
Agradecido de los que aprenden enseñando
gracias por tu tiempo. mi direccion es: <url>http://www.marvillremiciales.cl</
Este es mi "INDEX"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Bienvenido a MarvillRemiciales</title>
<link rel="stylesheet" type="text/css" href="/Documents%20and%20Settings/cliente/Escritorio/mis%20paginas%20web/web-ejemplo-cctw/estilos.css" />
</head>
<body>
<div id:"navegacion"><p class="centrado"> <h1 class="centrado"><font color="#CAFF70">BIENVENIDOS</font></h1></p></div>
<p class="centrado">[img]/Documents%20and%20Settings/cliente/Escritorio/mis%20paginas%20web/web-ejemplo-cctw/Objetos/mr5.JPG[/img]</p>
<p class="centrado"><font color="#CAFF70"> Lo sentimos, nuestra pagina no esta disponible.</font></p>
<p class="centrado"><font color="#CAFF70">Estamos remodelando nuestro sitio para ofrecerte un mejor servicio.</font></p>
<p class="centrado"><font color="#CAFF70">¡Visitanos Pronto!</font></p>
<p class="centrado"> Para consultas click aquí </p>
<p class="centrado"><a href="mailto:pag_63@hotmail.com">[img]/Documents%20and%20Settings/cliente/Escritorio/mis%20paginas%20web/web-ejemplo-cctw/Objetos/buzon.gif[/img]</p>
</body>
</html>
Y esta es mi hoja de estilos:
body {background-image: url([img]/Documents%20and%20Settings/cliente/Escritorio/mis%20paginas%20web/web-ejemplo-cctw/Objetos/green.jpg[/img]) ; background-repeat: no-repeat ; background-position: center ; height:100%;}
img {border style: none}
.centrado {text-align:
Hola
el fallo aqui son las rutas
tienes esto, y le dices al sistema, que busque dentro de tu pc el documento estilos.css, pero no deberia ser asi..
tu subes el documento a la red, junto con tu index, y el codigo deberia quedarte asi
<link rel="stylesheet" type="text/css" href="/Documents%20and%20Settings/cliente/Escritorio/mis%20paginas%20web/web-ejemplo-cctw/estilos.css" />
<link rel="stylesheet" type="text/css" href="estilos.css" />
aqui tienes otro igual
[img]/Documents%20and%20Settings/cliente/Escritorio/mis%20paginas%20web/web-ejemplo-cctw/Objetos/mr5.JPG[/img]
deberia estar asi
[img]Objetos/mr5.JPG[/img]
y otro mas
<a href="mailto:pag_63@hotmail.com"><img src="/Documents%20and%20Settings/cliente/Escritorio/mis%20paginas%20web/web-ejemplo-cctw/Objetos/buzon.gif" height="32" width="32" alt= Buzon </a
ajustalo tu
saludos
No hay más que mirar en su sitio, porque la ópera es fatal, y creo que también en firefox, porque cuando usted ve el mal en la ópera es un error en Firefox. Y asegúrese de que las imágenes se cargan al servidor en la carpeta objetos minúsculas, y también las imágenes no pueden llevar espacios en el nombre.
Por Dios Crujienteroca..... me tienes con el botón en el clic, que no se si anularte la cuenta... dejarte.... Es que tienes una pinta de estar haciendo Spam que te cagas. De echo, publicas tres respuestas en mensajes seguidos, con no demasiada coherencia, en un lenguaje que parece escrito por un robotijo.... te doy una oportunidad para que nos aclares, oki?
Y perdona si me equivoco, claro, jeje
Natashka
Yamaha SR 250
se puede dar dimensiones a la vantana que da el <input type="text" id="" name=""/> y si es posible como se hace esto
gracias
Hola saludos a tod@s
Mi web es: miwebexperimental.atwebpages.com. Si alguien puede darme una ayudita. No puedo seguir adelante si no soluciono esto primero. Quiero saber qué estoy haciendo mal.
un saludo y muchas gracias
doi mi msn ayudarme cn mi web queseyoque_69@hotmail.com
by Kratos
problema 1:
bueno en la primera lecion tengo un problema no sale la imagen de fondo el codigo html es este:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css"
media="all">
</head>
<body>
<p class="centrado"> Bienvenidos a mi página web. Muy pronto estará lista!</p>
[img]objetos/sonrisa.gif.gif[/img]
Página creada gracias a CCTW</p>
[img]objetos/buzon.gif[/img]</p>
</body>
</html>
hoja de estilos:
body { background-color: #E6E6FA ;
background-image: url(objetos/fondo.png) ;
background-repeat: no-repeat ;
background-position: center center }
img { border-style: none }
.centrado { text-align:center }
problema 2:en la 2da lecion no me sale el cuadrado amarillo q dice menu
codigo 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">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu>
<ul>[*]Enlace 1[*]Enlace 2[*]Enlace 3[/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>
hoja de estilos
* {margin:0px ; padding:0px ; border: 0px}
body{text-align: center }
#global{width:800px ; margin: 4px auto }
#cabecera{background-color: pink }
#navegacion{background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#pie{background-color: brown }
#menu li { list-style:none }
[quote="rodrigox"]problema 1:
Hola:
Le daré una idea de lo que tiene que tener en su hoja de estilo-general y lo que tiene que tener en su plantilla.html
Hoja de estilo-general
*{text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px;}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie {background-color: brown }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
Plantilla
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>[*]Enlace 1[*]Enlace 2[*]Enlace 3[/list] </div>
Esta será la zona principal de la web</p>
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>
Y este es el tercer párrafo. 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>
</body>
</html>
Dese cuenta de que hay que escribir algunos párrafos para que las capas tomen cuerpo, porque si no tienen algo que las llene o se achican o se convierten en una línea.
Para el problema que tiene con el fondo de imagen en la página index, le recomiendo por ahora bajarse la imagen que se recomienda en el curso por ejemplo en esa que tiene letras difuminadas en diagonal.
Pone el cursor sobre ella, click derecho y en el desplegable que se abre elige Guardar como, cuando se le abra la ventana de Guardar Como, en la casilla que dice Nombre aparecerá el nombre de la imagen con su extensión , esta se llama creo fondo024.jpg Pues no cambie nada de allí, solo elija con la flecha de arriba la carpeta en donde la va a guardar, así la imagen se guardará en la carpeta que usted elija y se llamará fondo024 y tendrá extensión jpg, por tanto en su hoja de estilo, (la que pertenece al index) usted ponga allí lo siguiente:
body {text-align:center;background-color:#E6E6FA;background-image:url(objetos/fondo024.jpg);background-position:center center;background-repeat:repeat;height:100%;}
img{border-style:none;}
.centrado{text-align:center;}
Si es que tampoco le sale el buzón vaya al curso busque el buzón, ponga el cursor sobre el haga click derecho y elija Guardar como, y cuando se abra la ventana del Guardar como , en la casilla que dice Nombre , no cambie nada, solo elija con la flecha de arriba de la ventana la carpeta en donde lo guardará, el buzon creo se llama 204-buzon con la extensión gif,
Así que en su página index debe de tener mas o menos esto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado">Bienvenidos a mi página web. Muy pronto estará lista!</p>
[img]objetos/sonrisa.gif[/img]</p>
Página creada gracias a CCTW</p>
[img]objetos/204-buzon.gif[/img]</p>
</body>
</html>
Lógicamente la imagen fondo y el buzón debe de tenerlos en su carpeta objetos que tiene en el escritorio,
Si sigue con el problema , diganoslo.
Saludos
Agradecido de los que aprenden enseñando
bueno gracias ia lo solucione ahora ya he progresado pero tengo otro problemita xP no me sale el menu desplegable xP
Codigo 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">
<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>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[img]objetos/logotipo.gif[/img]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>[*]Sección 1[*]Sección 2[*]Sección 3[/list] </div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul>[*]Enlace 1[*]Enlace 2[*]
Enlace 3[*]Enlace 4[/list] </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 Ejemplo[*]Contactos[*]Nos Enlazan[/list]</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>[*]Directorio[*]TopSite[*]Mapa de la Web[/list]</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
Hoja de estilo
* {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 }
#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 }
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#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 }
#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 {}
x favor ayuda!!!
Permisos de Publicación
Si buscas un buen hosting, ComoCrearTuWeb te recomienda estos dos:
Citar
Marcadores