Hola:
La declaración DOCTYPE, que se pone al principio de las páginas, sería como el idioma de códigos en que se va a escribir en la página.
Es como si usted escribiera una carta a una amiga, y le informara a su amiga, el idioma que usted va a utilizar para escribirle esa carta.
"Oye María, esta carta que te escribo estará en Español, pero usaré palabras del español antiguo mezcladas con el español moderno".
Con eso, su amiga cuando vaya a leer la carta, lo primero que leerá será esa declaración que usted le hizo.
Sabrá que está en español, pero que se va a encontrar con palabras que se hablaban hace 100 años y con palabras modernas.
Ahora ese ejemplo, trasládemoslo al idioma en que se escriben las páginas web.
Hay un idioma que se llama html, pero ese idioma tiene algunas variantes, eestá el html antiguo, está el de no hace mucho, y está el moderno.
Usted cuando escribe la declaración DOCTYPE en el principio de su página, está diciéndo la varienta del idioma que va a utilixar para ecribir los códigos.
El que se utiliza en el curso es el que se llama
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
No tiene que bajarse nada, si no le aparece cuando crea una página , solo debe escribirlo al principio de cada página que vaya creando, por ejemplo en el index y en la plantilla por ahora.
. ............... ................ .......
En lo referente a la imagen de fondo
Si en la carpeta objetos usted tiene la imagen que ocupará de fondo, , y como dice que el color de fondo se ve , por lógica es que está bien relacionada la pagina con la hoja de estilo.
En todo caso revise bien que la carpeta objetos se llame exactamente igual que cuando la escribe en la hoja de estilo, si se llama objetos, (toda con minúsculas) así debe escribirlo también en la hoja de estilo.
Para no liarle mucho, le sugiero que haga lo siguiente, olvídese por ahora del programa HTML-KIT.
Usted tiene en el escritorio una carpeta que se llama "mis-paginas-web", (o algo parecido) y dentro tiene la que se llama "web-ejemplo-cctw", y dentro tiene la carpeta objetos, así que vamos a hacerlo directamente allí.
Abra la pagina web
http://www.comocreartuweb.comSe le abrirá una ventana y por el centro mas o menos (en la parte donde se escribe texto) hay un enlace en azul que dice Curso Completo Paso a Paso.
Pulsa en ese enlace y se le abrirá una ventana con varias pestañas que habrán por la parte de arriba.
Pulse en la pestaña que dice Herramientas Útiles.
Se le abrirá una ventana en que por el medio (allí donde se escribe texto) hay un enlace en azul que se llama "Imágenes".
Pulse en ese enlace y se le abrirá una ventana que tiene un menu a la izquierda.
En ese menu, pulse donde dice Fondos de Páginas.
Se le abrirá una ventana con muchas imagenes (cuadrados).
Ahora en la fila 7 contando de arriba hacia abajo y en el lugar quinto, contando de izquierda a derecha, aparece una imagen igual a la del curso.
Ponga el cursor sobre ella y hagale click derecho, para que en el desplegable que se abra elija el "Guardar imagen Como".
Al pulsar en Guardar Imagen Como, se le abrirá una ventana que se llama Guardar Imagen, y seguramente, por defecto allí donde dice "Guardar en" aparecerá el nombre de la carpeta en que se guardará, que suele ser por defecto la carpeta Mis Imágenes, esa que está dentro de Mis Documentos.
Bueno, en esa ventana, hay una casilla abajo que se llama "Nombre", y allí aparece el nombre de esa imagen, creo que se llama fondo024
Y en la casilla de mas abajo aparece el tipo de imagen (o la extensión, que es lo mismo) y seguramente dirá jpg.
Usted deje todo tal como está y solo pulse en Guardar.
Así se le guardará la imagen en la carpeta Mis Imágenes con el nombre fondo024 y con la extensión jpg.
Ahora cierre su navegador, vaya a la carpeta Mis Imagenes, y allí verá ese archivo.
Ahora puede ver que se llama fondo024.jpg.
O sea se llama fondo024, con la extensión jpg.
Coja (o cópiela y péguela) esa imagen y pongala en su carpeta objetos, la que tiene allí dentro de la carpeta "web-ejemplo-cctw" en el escritorio.
Cierre las carpetas
Abra su programa HTML-KIT, abra su hoja de estilo y borre todo y escriba:
body{background-color:#E6E6FA;background-image:url(objetos/fondo024.jpg);background-position:center center;background-repeat:no-repeat;height:100%}
Así esa imagen le aparecerá en su página.
Y como le dijo center, aparecerá en el centro, claro que puede que aparezca en el centro pero puede ser de la parte de arriba o de la parte de abajo, por eso se le pone otra vez center, para que aparezca en el centro de la pagina, y como le dijo no-repeat, o sea que no se repitiera, pues solo aparecerá en el centro mismo de la página.
Bueno, pues después de poner ese código en su hoja de estilo, Salve o Guarde (Archivo--Salvar) y cierre el programa HTML-KIT.
Ahora abra otra vez el programa HTML-KIT, y abra su página, haga su vista previa de su pagina para ver si ya aparece la imagen.
Recomendación:
Es mejor bajar las imagenes con el nombre que tienen, (sin cambiar nada), después que ya estén en el ordenador de uno, ya se le cambiará el nombre y lo demás.
Saludos
