me he perdido

estaba en el buzon y me he perdido.


he llegado hasta aquí


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>pagina principal del ejemplo cctw</title>
</head><link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<body>[contenido no disponible]<a href="mailto:[correo eliminado]">[contenido no disponible]


bienvenidoos a mi página web.My pronto estará lista</a>




pagina creada gracias a cctw</p>

</html>

voy bien?
pero me he quedado en un sitio donde dice imágenes y css
he escito lo de nonepero ahora qué hago?

body {background-color: #E6E6FA ; background-image: url(objetos/fondo.images{8].jpg) }
img {border-style: none}
.bienvenidoos a mi página web.My pronto estará lista

pagina creada gracias a cctw
una mujer escribió:estaba en el buzon y me he perdido.


he llegado hasta aquí


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>pagina principal del ejemplo cctw</title>
</head><link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<body>[contenido no disponible]<a href="mailto:[correo eliminado]">[contenido no disponible]


bienvenidoos a mi página web.My pronto estará lista</a>




pagina creada gracias a cctw</p>

</html>

voy bien?
pero me he quedado en un sitio donde dice imágenes y css
he escito lo de nonepero ahora qué hago?

body {background-color: #E6E6FA ; background-image: url(objetos/fondo.images{8].jpg) }
img {border-style: none}

Hola:
Se que es posible que usted desee poner una imagen que no sea la del curso, pero en lo posible le sugiero que aunque ponga otra imagen, la de 140 de width por 120 de height, esa imagen debe tenerla dentro de una carpeta que se llame objetos. Por tanto usted debe tener una carpeta en su escritorio, por ejemplo "mis-paginas-web" dentro de esa carpeta debe tener una que se llame "web-ejemplo-cctw" y dentro de ella debe tener la carpeta objetos donde guardará las imagenes que vaya poniéndo en las paginas.
Fuera de la carpeta objetos, pero dentro de la carpeta "web-ejemplo-cctw" debe tener la página index.html y la hoja de estilo, entonces cuando usted desee poner una imagen en la página, donde dice src=" etc. etc. etc. solo debe poner la ruta que es directa, eso significa que si usted tiene la pagina dentro de la carpeta "web-ejemplo-cctw" y la carpeta objetos también la tiene dentro de la carpeta "web-ejemplo-cctw" entonces la ruta que debe poner (ya que las dos cosas están dentro de la misma carpeta) src="objetos/images.jpg etc. etc. etc.
No es necesario que al poner una imagen en la pagina tenga que poner en la ruta la carpeta en donde estarán las web ni la carpeta web ejemplo , basta con que ponga la carpeta objetos

Acá le dejo como debiera de tener por ahora los códigos de su pagina index

<!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>


Bienvenidos a mi página web. Muy pronto estará lista!</p>


[contenido no disponible]</p>


Página creada gracias a CCTW</p>


[correo eliminado]</p>
</body>
</html>

Sería mejor que nos pegara los códigos que tiene tanto de su página como los de su hoja de estilo (no los escriba) cópielos de su pagina y péguelos en un mensaje o spot
Abra su página en vista código, seleccione todo dele a copiar, entre al foro abra un mensaje y dele a pegar, lo mismo con los códigos de su hoja de estilo

Como dato , le sugiero que cuando una imagen o carpeta tenga nombre compuesto , por ejemplo imagen ocho.jpg El nombre debiera de ser continuado, para eso debiera de ser así imagen-ocho.jpg Unir ese nombre con un guion medio, se lo digo porque puede generarle problemas más adelante
y como veo un pequeño error también en su hoja de estilo


body {background-color: #E6E6FA ; background-image: url(objetos/fondo.images{8].jpg) }
img {border-style: none}
Si se fija, verá que en la ruta de la imagen (url) usted , donde dice 8 lo tiene encerrado entre una llave y un corchete, debiera de ser corchete [8], las llaves son solo para empezar y terminar todas las propiedades de una capa que en este caso sería el body
Saludos
Agradecido de los que aprenden enseñando
donde veo los códigos?
es que así no me entero de nada.

A ver, yo he hecho algunos cambios y ésto es lo que ha resultado:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>pagina principal del ejemplo cctw</title>
</head><link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<body>[contenido no disponible]


<a href="mailto:[correo eliminado]">[contenido no disponible]
<pclass="centrado">.Bienvenidos a mi página web.My pronto estará lista.</p>


pagina creada gracias a cctw</p>

</html>
aqui un fallo

en rojo lo que te sobra
[contenido no disponible]

aqui

<pclass="centrado">.B

debe ir un espacio entre "p" y class

:wink:
yanethm a míme sale ésto,perolos colores en las capas no me salen como los del paso a paso......qué he hecho mal?
miraesta es la carpeta del estilogeneral


#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange}
#pie {background-color: brown}
#navegacion {background-color: gray }
#global {width:800px ; margin: 4px auto }
body {text-align: center}
body {background-color: #E6E6FA}

y ésta la otra

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 }

la del estilo css



y luego me queda asÍ:







<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Busca en la ciudad de Écija, lo encontrarás.</title>
</head>
<body>

<div>Bienvenidos a la página web de la ciudad de Écija</div></p><div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div></body>
[contenido no disponible]
[correo eliminado]
</body>
</html>
[contenido no disponible]





<div id="contenido">Esta será la zona principal de la web</div>

<div id="pie">Este es el pié de página</div>
una mujer escribió:yanethm a míme sale ésto,perolos colores en las capas no me salen como los del paso a paso......qué he hecho mal?
miraesta es la carpeta del estilogeneral


#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange}
#pie {background-color: brown}
#navegacion {background-color: gray }
#global {width:800px ; margin: 4px auto }
body {text-align: center}
body {background-color: #E6E6FA}

y ésta la otra

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 }

la del estilo css



y luego me queda asÍ:







<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Busca en la ciudad de Écija, lo encontrarás.</title>
</head>
<body>

<div>Bienvenidos a la página web de la ciudad de Écija</div></p><div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div></body>
[contenido no disponible]
[correo eliminado]
</body>
</html>
[contenido no disponible]





<div id="contenido">Esta será la zona principal de la web</div>

<div id="pie">Este es el pié de página</div>



Me permitiré adelantarme a Yaneth para sugerirle algunas cosas y pueda ir mejorándo la pagina

La página index.html es una página y tiene una hoja de estilo para ella sola, si la hoja de estilo que le dará ordenes a la pagina index se llama o usted le puso por nombre estilos.css, lo que debe hacer es poner el código correspondiente en la pagina index, para que la página index pueda recibir las ordenes de esa hoja de estilo
Entonces entre el <head> y el </head> de su pagina index, usted debe escribir lo siguiente
<link rel="stylesheet"href="estilos.css"type="text/css"media="all">

Ahora usted tiene también otra página que se llama plantilla.html, entonces debe tener también una hoja de estilo para esa página, hoja de estilo a la que le pondrá por nombre por ejemplo estilogeneral.css.
Entonces en la página plantilla entre el <head> y el </head> usted debe escribir el siguiente código:
<link rel="stylesheet"href="estilogeneral.css"type="text/css"media="all">
Para que esa página plantilla pueda recibir las ordenes de esa hoja de estilogeneral

Luego es conveniente que los códigos que tiene puesto en su hoja de estilogeneral estén un poco ordenados y no es conveniente que se repitan, por ejemplo no es necesario que tenga dos body, primero porque el navegador no lo va a aceptar, segundo porque todo le que tenga que poner en el body, lo puede poner entre la llave que abre ( { ) y la llave que cierra ( } )

body {text-align: center;background-color: #E6E6FA}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange}
#pie {background-color: brown}

En todo caso ¿como se llama la carpeta donde guarda sus imagenes? ¿objetos? u ¿objetoswebb?. Porque solo es necesaria una para todas las imagenes
Saludos
Agradecido de los que aprenden enseñando
Agradezco de antemano la paciencia que tienen conmigoSoy una persona mayor, que al no estar familiarizada con las nuevas tecnologías, puede que les resulte bastante molesto el tener que explicarme como funciona ésto.Por ello les ruego que tengan en cuenta, que ando a caballo entre la época en la que para tener agua debía sacar un cántaro e ir apor ella, o en la que los frigoríficos eran un cubo con un melón dentro, y metido en un pozo...y la tele aún no existía,al menos en mi pueblo, había un par de ellas si acaso y éramos casi 50.000 habitantes.
Dicho ésto, para que se hagan una idea, de que no soy como la gente moderna, sino que tengo inquietudes y deseos de aprender rápido antes de que se me acabe el tiempo, es por lo que voy a piderles que me consideren como lo que soy, una analfabeta en éstos lares.

Voy a hacer una cosa.Veréis.Tengo elworspaceque cuando lo abro, me sale el indexal final del mismo,casi entremetido con mis cositas de mi ordenador y apenas le encuentro,, por lo tanto voy a intentar ordenar mis conocimientos de tal manera que os copio y os pongo lo que tengo y si no es correco me lo corregís pero enn un bloque,porque explicándolo me lío, así yo lo copio,borro lo que tengo y copio lo suyo, de acuerdo?
Otra cosa, aún no me respondieron que son los códigos, supongo que un código es algo que hace identificable algo,pero concretamenteaquí dóndeo qué son?
Ponedme un ejemplopor favor.

Gracias de antemano.
una mujer escribió:
Hola:
Bueno, bueno, usted no se preocupe, que ya aprenderá, (que si he podido yo) usted con mayor razón lo hará, como dato le diré que cuando compré (de ocasión) el ordenador, mi hijo de siete años me tuvo que decir donde se encendía, porque por más que yo buscaba un botón o algo, sencillamente no lo encontraba, y me enseñó a manejar un poco el Paint, que es el programa de dibujo que trae el Windows, así que imagínes lo pronto que alguno de nosotros hemos nacido.
Acá el que diga que sabe de esto, será la mayor mentira que se escuche, lo que si hacemos es aprender todos de todos, y como le digo, si yo (que ya no me acuerdo los años que tengo) pude aprender algo, seguro que usted lo hará mejor.
Lo que debe saber en principio, es que una página web, se compone a la vez de muchas páginas, eso es porque antes. cuando comezó lo de internet las web se componían de una sola página, y por eso quedó el nombre de página web, cuando realmente el nombre que debiéramos de utilizar es el de WEB, cuando hacemos una página, esta tiene que llamarse index.html ¿porqué? porque todos los navegadores que hay, por ejemplo el google, el internet Explorer etc. etc. cuando uno busca una página y escribe la direccion de esa pagina por ejemplo una página que se llame ecijabonita.com, uno escribirá en la barra de direcciones http://www.ecijabonita.com, y ese navegador al buscar esa web o dirección , lo que buscará será una página que se llame index.html, es como cuando el cartero lleva una carta en la carta está la dirección y lo que hace el cartero es dejar la carta en la puerta de entrada de la casa que tiene esa dirección, pues los navegadores hacen lo mismo, buscan la dirección que uno les ha indicado y lo que buscan ellos es la puerta de entrada de esa web en este caso la puerta de entrada es el index.html, por eso es importante que la primera página de la web se llame index.html.
Como le dije antes, una WEB se compone de varias páginas, una de esas páginas debe llamarse index.html, las otras páginas, el nombre que uno quiera ponerles
Cuando uno hace una WEB, primero la hace en el ordenador de uno, para eso uno crea una carpeta en el escritorio, o sea que esté a la vista, para poner allí la web que uno ba a crear, pero como seguramente no va a ser que uno haga una sola web (eso les pasa a todos) si no que más adelante querrá crear otra web, por eso se crea esa carpeta en el escritorio, para que las WEBS que uno haga estén todas dentro de una carpeta y no anden por allí revoloteándo.
A esa carpeta que uno crea en el escritorio le pone como nombre mis-web o mis-paginas-web.
Ahora para la primera web que uno va a hacer, uno dentro de esa carpeta crea otra, y le pondrá de nombre web-ejemplo-cctw, todo lo que vaya dentro de esa carpeta web-ejemplo-cctw será la primera web que uno haga, por eso dentro de esa carpeta web-ejemplo-cctw uno creará otra carpeta y le pondrá por nombre objetos, porque allí pondrá todo lo que sea fotos imagenes que vaya a llevar esa primera web.
En principio eso es lo que se necesita tener para empezar a crear ahora las páginas de esa primera web.
Ahora el programa HTML-KIT, es un programa que a uno le permite crear las paginas y escribirlas con los códigos correspondientes, pero claro, hay que hacer que la carpeta que está en el escritorio, la que está dentro de la carpeta mis-paginas-web se ponga en ese programa HTML-KIT, para que lo que uno haga en ese programa , también se haga automáticamente en esa carpeta que se llama web-ejemplo-cctw.
Por eso uno en la pestaña que dice Workspace (espacio de trabajo) crea una copia de la carpeta web-ejemplo-cctw, por eso cuando uno pulsa en la pestaña debe elegir donde dice "Añadir carpeta Local Red" y allí se busca esa carpeta que se llama web-ejemplo-cctw y donde dice Display Name se pone el nombre de esa carpeta web-ejemplo-cctw, pero para diferenciarla de la que está en el escritorio, se le agrega la palabra local, entonces en el workspace la carpeta que está en el escritorio, la que se llama web-ejemplo-cctw, se llamará en el workspace web-ejemplo-cctw-local, al final son la misma carpeta, todo lo que haga en esa carpeta del Workspace, se verá reflejado en la que tiene en su escritorio, en la web-ejemplo-cctw.
Por eso cuando en el Workspace usted creó la página index.html, también aparece en la carpeta que tiene en su escritorio, la que se llama web-ejemplo-cctw, cuando usted en el Workspace creó la hoja de estilo para ese index, también aparece esa hoja de estilo en la carpeta que tiene en su escritorio, la que se llama web-ejemplo-cctw
Por eso cuando alguien le dice que vea lo que tiene en la carpeta de su escritorio (en la web-ejemplo-cctw es lo mismo que estar viendola en el Workspace, solo que en el Workspace se llama web-ejemplo-cctw-local
Por tanto, usted debiera de tener dentro de la carpeta de su escritorio (web-ejemplo-cctw) lo siguiente una carpeta que se llame objetos, una página index.html, una hoja de estilo que pertenezca a esa página index.html, una página que se llame plantilla.html, y una hoja de estilo que se llame estilogeneral.css, es lo mismo que debiera de tener en la carpeta que está en el programa la que se llama web-ejemplo-cctw-local.
Ahora lo que nos interesa saber es ¿como se llama la carpeta donde guarda las imagenes que irán en la web, cómo se llama su hoja de estilo general, como se llama su hoja de estilo, la que pertenece al index.
Por que lo que si veo, es que usted ya ha logrado cosas, por lo que nos ha mostrado en la imagen que nos puso, el problema es que parece ser que usted lo que ha puesto en esa página es lo que tenía que ir en la página index, y usted lo ha puesto en la página plantilla, por eso para no liarnos nosotros también es necesario que nos de exactamente los nombres de sus páginas y los de sus hojas de estilos por ejemplo, si su hoja de estilogeneral ¿cómo se llama?
Ejemplo:
estilo-general.css o estilogeneral.css o estilo general.css
Necesitamos saber exactamente como se llama y lo mismo con la otra hoja de estilo la que se llama ¿estilos.css? o ¿estilo.css?.
Ahora cuando le hablo de los códigos, le estoy hablándo exactamente de todo lo que pone en las páginas y en las hojas de estilos
por ejemplo estos son códigos:
<html>
<head>
<tilte>La pagina de ecija</title>
</head>
<body>
<img src="etc. etc. etc.>


bla bla bla bla</p>
</body>
</html>
A eso se le llama código fuente
Pero necesitamos que nos lo pegue en un mensaje para ver realmente como los tiene en su página y lo mismo con los de sus hojas de estilos
A eso le llamamos vista código
cuando usted abre su página con el Workspace y ve todo eso , eso es vista código, cuando ustes abre su página y la ve como la que nos ha puesto en la imagen eso se llama vista previa.
Lo que sucede que las veces que nos ha puesto los códigos en sus mensajes los ha puesto un poco como que no nos enterabamos de que cosa pertenecia a que cosa.
Saludos
Agradecido de los que aprenden enseñando
digo que me cuesta seguirle porque sumensaje es mu ancho y no séporqué sucede, pero debo seguir el renglón con una barraque hay abajo, tal vez lo tenga mal yo. Intentaré mostrarle lo que he logrado hasta ahora ya que he deshecho lo anterior y he comenzado de nuevo, a ver:
tengo carpeta con web ejemplo
de ahí sale una línea y llega hasta web-ejemplo-cctw-local
de ésta salen más ramas que le muestro aquí:

[contenido no disponible]

ahora si acaso, le voy a poner lo que hay dentro de cada una de ellas.

estilos-css

<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
body {background-color: #E6E6FA}


la de otra-web-por-mi-cuenta no contiene nada

la de web-ejemplo-cctw contiene dos carpetas, una se lllama objetos, la miro y no hay nada, la otra pone index.html, y si le doy, sale lo que estoy intentando crear.

Dónde está el error?
porque a mínome aparece nada verde......

gracias por su paciencia, espero responda pero en ventana normal, no maxigrandde