Lío con los estilo.css

Hola a todos.
Bueno...creo que me estoy liando con lo de los estilos.
En el manual de jorgens más o menos yo he entendido que el archivo de estilo sirve para cambiar el tipo de letra , color , fondo de página....etec...entiendo que de el archivo al que se vincula , que en el caso de mi pequeño experimento es el index.html.Bien, soy capaz, en dreanweaver 8 de , en propiedades de página, cambiar el fondo, tipo de letra y otras cosas...y se me ha ocurrido borrar el archivo de estilo.css vinculado al index.html para ver si desaparecían los fondos etc....Pues sigue igual, es más , con el archivo de estilo borrado, (osea solo el index), en propiedades de página puedo seguir cambiando los fondos, tipos de letra etc.... Mi pregunta es entonces ¿para que sirve el archivo de estilo?.Ademas me he fijado y cuando lo tenia con el index, en ningun momento se le ha escrito nada de código en el estilo.Bueno creo que me estoy empezando a liar conceptualmente.....y como siempre ahí va mi pregunta existencial de novato.....¿Tiene algún sentido algo de lo que estoy preguntando?.
Gracias a todos.
José Ignacio

Si, tiene bastante sentido, quizás no lo he explicado bien en las lecciones, tomo nota y la repasaré a ver.

El caso es que, para conseguir que tu web se vea correctamente en todos los navegadores, es preciso trabajar con estilos. Para esto, tienes dos opciones. O bien usas una hoja de estilo (en un archivo independiente de cada página) o bien insertas el código que define los estilos directamente en cada página, pasando de la hoja de estilos.

El problema de la segunda opción es que tendrías que volver a definir cada estilo en cada una de las páginas que formarán tu web, y eso acaba siendo algo pesado.

Por eso lo mejor es poner los códigos del CSS (la definición de los estilos)en la hoja de estilos. Así, en cada nueva página de tu web solo tienes que incluir una línea con la que llamas a ala hoja de estilos y automáticamente lee todos aquellos estilos de esa hoja, ahorrándote escribirlos una y otra vez.

Tu problema o confusión a sido que efectivamente has creado la hoja de estilo, pero después, en lugar de colocar el código CSS en la hoja de estilo, lo has colocado (tú o más bien el Dreamweaver) directamente en pagina. Vamos, que tienes la hoja de estilo pero no la estas usando.

Es por eso que puedes borrar la hoja de estilo y estos siguen funcionando, pues las definiciones no están en la hoja sino en la página index.html

¿Poque ha ocurrido esto? Seguramente por que has usado el dreamweaver para crear los estilos, mientras que en las lecciones los estilos son escritos "a mano" por nosotros en la hoja de estilo. Al hacerlo con el Dreamweaver, este los define en la página index, no en la hoja de estilo. Con ello, no solo nos aseguramos que obtenemos lo que deseamos (y no lo que te ha pasado a tí) sino que además, poco a poco nos vamos familiarizando con este código CSS y con el HTML, que son básicos para aprender a crear páginas sin problemas y en condiciones. Al principio puede parecer pesado, pero el resto de colegas que nos leen ahora mismo pueden seguro confirmar que lo que digo es cierto, al final, hacerlo a mano es lo mejor que podemos hacer. (no creeis los demás?).

Si lo deseas, copia TODO el código de tu index y pegalo en un mensaje de este foro. Te indicaremos qué parte debes quitar del index y pegar en la hoja de estilo, indicarte si has puesto bien el enlace a la hoja y todo lo que necesites, para eso estamos.

Estoy seguro que existe la opción para decirle al Dreamweaver que defina los estilos en la hoja de estilo en lugar de en la página, pero nunca lo he usado de este modo. Siempre lo hice a mano (te lo recomiendo).

Un saludo JoseIgnacio y.. paciencia :wink:

Muchas gracias...ahora empiezo a verlo un poco mas claro.
Seguro que haré infinitas preguntas más, pero por lo menos esto ya lo veo gracia a tus explicaciones.Voy a intentar buscar la forma de decirle al Dreamweaver que defina los estilos en la hoja de estilos como me recomiendas.Aun así tendría algunas preguntas más que hacer.Ahora, ademas de ponerte mi index completo(aunque te advierto que solo estoy haciendo experimentos para intentar comprender por el momento los conceptos básicos del funcionamiento).La pregunta es:
Entiendo que con cada página nueva que haga a la que llame la principal u otra de las páginas he de vincularle un archivo de estilo diferente.Cada página nueva tendrá un nombre diferente orientativo de esa página y su archivo de estilo un nombre que recuerde a la que va vinculada.Esto lo pregunto porque he creado un menú desplegable con el Sothink y se me han creado una traca de archivos.Yo no sé como te puedes aclarar con ciento y pico de archivos que dices que tiene tu web.
Bueno...sobre todo muchas gracias por tus aclaraciones.Intentaré hacerlo con el código.
Muchas gracias
José Ignacio

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<link href="estilo.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body,td,th {
font-size: 18px;
color: #0033FF;
}
body {
background-color: #000000;
background-image: url(37.GIF);
background-repeat: no-repeat;
}
-->
</style></head>

<body>
Esto es una prueba
</body>


</html>

Entiendo que son las partes del "cuerpo".....body...(creo)

Entendiendo en tu explicación que si creas hojas de estilo no tendrías que definir los estilos en cada página, si no que puedes tener unos estilos modelo y usarlos para no tener que definir el estilo de cada página....Lo que entiendo en definitiva de tu explicación es que tú no tienes una hoja de estilo para cada página, si no que hay hojas de estilo que te valen lo mismo para varias páginas, con lo que te ahorras tiempo.
Bueno ahora otra pregunta....(hoy estoy preguntón, pero veo que voy avanzando.Reitero mis agradecimientos a vosotros..hace 10 días no sabía en Dreamweaver ni poner un fondo , ahora estoy hablando de la hoja de estilos como si fuera un entendido)....Bueno al grano ..la pregunta es ¿Que editor de html me recomendais....yo me he bajado el Cutehtml....aunque creo que el mismo Dreamweaver me sirve (pero no se si es el mejor).
Gracias
José Ignacio

Bueno, no se por dónde empezar (debe ser que es hora de ir a la cama je je je).

Veo que has comprendido bien. Si hiciéramos una hoja de estilo para cada página no tendria sentido, no ahorrariamos ningún trabajo.Se trata de hacer una hoja de estilo para cada TIPO de página distinta que tengamos, en cuanto a que cada tipo use estilos muy diferentes.

Por ejemplo, yo tengo tan solo dos hojas de estilo, una para la página principal y otra para todas las demás, pues los estilos de ambos tipos son bastante distintos.

En tu caso, bastaría cortar todas las definiciones de estilos de tu página y pegarlas en la hoja de estilo estilo.css, es decir, esta parte de tu ejemplo:

body,td,th { font-size: 18px; color: #0033FF; }
body { background-color: #000000; background-image: url(37.GIF);
background-repeat: no-repeat; }

Así, si algún día deseas variar alguna característica de todas las páginas, tan solo tendrías que reformar ligeramente la hoja e estilo.

Por otro lado, no entiendo qué quieres decir con:

Entiendo que son las partes del "cuerpo".....body...(creo)

Y por otro lado más, yo personalmente creo que no encontrarás nada mejor que el Dreamweaver, sea cual sea la versión. Yo tengo varias del dreamweaver, pero tan solo uso la 3.0 pues tiene más de lo que necesito por el momento. Eso si, no es gratuito (el mio si.... ya sabes :roll: ). Algunos de los colegas de este foro prefieren software español y gratuito, lo cual me parece muy bien y correcto, pero yo recomiendo el Dreamweaver, aunque ando buscando alternativa gratuita y en castellano para mis explicaciones. Pero aún no he encontrado nada que me guste. Hay alguno que otro software por ahí, comentado en este foro que aún debo estudiar, pero el tiempo no me sobra... tiempo al tiempo. Para mi hoy por hoy, Dreamweaver, cualquier versión (quizas la 3.0 que es más pequeña y más rápida que las modernas).

Finalmente, decirte que me llena de orgullo saber que en diez dias has aprendido tanto. Te lo has debido currar bastante. Me alegra saber que el tiempo que dedico es útil para vosotros. Lástima que mi jefe no piense igual y me haga salir tan tarde del curro, je je je. Cuando llego a casa no es fácil ponerse a teclear, pero en fin, poco a poco voy mejorando esto.

Sin más rollo, un saludo, ánimos a todos todas y hasta mañana. :wink:

Tras muchos años trabajando con ordenadores, y sin miedo a los avances, te puedo decir dos cosas:
1 - Cuando conozco y trabajo cómodo con un programa, siento una gran ilusión e interés en avanzar en versiones, porque (generalmente) facilitan el trabajo.
2 - Si manejo un programa y conozco su interfaz, me resulta muy difícil cambiar a otro software de otra marca.

Me explico mejor: Yo empecé en su día a trabajar con WordPerfect 5.1 QuattroPro y Paradox y avanzando en versiones según iban apareciendo, a pesar de que algunas versiones no fueron especialmente afortunadas...
Cuando en mi empresa cambiaron la ofimática a MICROSOFT y he tenido que trabajar con Word, Acces y Excel me ha costado un mundo habituarme a ellos y aún, al cabo del tiempo, sigo trabajando algunas cosas en mis programas antiguos. Por ejemplo: WordPerfect tiene una funcionalidad interna de hoja de cálculo, o sea que puedes calcular en las tablas directamente en el procesador de textos, y con una formulación en el mismo lenguaje que QuattroPro... sin embargo eso es imposible con Word, y además las formulación de las tablas (en los formularios de Word) tienen un lenguaje sui generis...

Mi consejo, en definitiva, si estás usando DW 8 y te va bien, no pienses en otro editor de HTML, espera que Macromedia saque la versión 9 y ya está. Otra cosa es que tu empresa compre el Software y tengas que usarlo, entonces ya no tienes opción.

Jo, que ladrillazo me ha salido.

Bueno...pues voy a seguir vuestros consejos, que hasta ahora me ha ido mejor que bien, la verdad es que el Dreamweaver me gusta y parece que te facilita bastante las cosas.
Muchas gracias por vuestros consejos.
Seguiré poniendo preguntas por aquí.De hecho ya tengo varias, pero quiero seguir con el manual de jorgens.
José Ignacio.

Bien José Ignacio.
Estoy hojeando los manuales en pdf del Dreamweaver 8 y observo que en "Primeros pasos..." (trescientas y pico paginas) vienen unas lecciones para seguir; también me doy cuenta que están regularmente traducidos del inglés americano, pero que hay muchas reiteraciones.
Resumiendo: me ha convencido de que tengo que buscar tiempo de donde sea para hacer esos ejercicios paso a paso, y analizar cada lección tras haberla realizado.

Hasta ahora mis prisas por hacer las cosas me han conducido a tener ligeras nociones sobre algunos temas, los que he necesitado para resolver los problemas que se me han planteado, pero tengo muchas lagunas de conocimiento que evitan que pueda desarrollar mi imaginación sin perder tiempo en averiguar "qué tecla tengo que tocar".

Desde luego es básico tener un programa de aprendizaje y seguirlo.
Por cierto jorgens ¿versión 3 del DW?

Por cierto jorgens ¿versión 3 del DW?

A qué te refieres Aperple?

Si, me extraña la antigüedad de esa versión. Pero lo admito.
La verdad es que joseignació me abrió los ojos a la versión 8, yo usaba MX 2004 y para algunas cosas que fallaba la MX. Ahora tengo la 8 y estoy encantado con el avance... ¡Que lástima ser tan torpe para poder aprender más deprisa!

Hoy he conseguido trabajar a mi gusto con Estilos CSS.
Tras crear una html creando en ella los estilos que te interesar, exportas estos a un archivo CSS, que luego puedes vincular a las nuevas paginas...
Tirao, y sin escribir nada de código.
Seguro que tendré algunas chapuzas, pero he conseguido lo que necesitaba
Ya seguiré en más profundidades....
:D :D :D :D

Por cierto, la Web está en http://lluna.infotelecom.es/los17/Granada2006
Por si queréis criticarla :lol: