Crear paginas a partir de la plantilla.html

Hola a todos!!
A ver si alguien puede echarme una mano.... ya he buscado preguntas similares y he encontrado alguna, pero no me "apaña" la respuesta... :roll:

He seguido todas las lecciones del curso paso a paso y no he tenido ningun problema pues las explicaciones estan bien claritas, asi que enhorabuena!!

Mi duda supongo que es el siguiente paso logico:
Ya sabemos como enlazar paginas y como subir todas las paginas de nuestro sitio web al hosting. La cuestion es como se generan todas esas paginas a partir de la "plantilla.html" y de "estilo-general.css"

A mi, como novato, lo que se me ocurre es ir creando nuevos archivos .html con el Kit-HTML y copiar todos los comandos de la plantilla en la nueva pagina en blanco; para modificar luego los contenidos (parrafos, imagenes, etc.) y se mantendran los menus, colores etc. pues todas esas paginas por proceder de la "plantilla.html", estaran asociadas a la hoja de estilos "estilo-general.css"

La pega que veo a esto, aparte de lo engorroso y trabajoso, es que si se modifica la hoja de "estilo-general.css" pues nos interesa para alguna de las paginas del sitio web, se modificaran toooodas las demas paginas.

Entonces... ¿se va creando una hoja de estilo-general.css nueva para cada nueva hoja .html copiando y pegando los comandos de la hoja "estilo-general.css" como antes y vinculandolas luego???

Supongo que esto sera una barbaridad je je :oops: pues en todas las lecciones se repite lo magnifico que es trabajar con hoja de estilos.css y lo planteado antes de comodo y facil tiene poco asi que....

CUAL ES LA FORMA DE TRABAJAAAR!!! JE JE JE

Espero que los sabios del lugar, que por cierto hay muchos, me iluminen!!

Un saludo a todos y gracias de antemano. :D

P.D. Espero haberme explicado suficientemente bien, la verdad es que no es facil plantear las dudas....

Hola,

primero que sepas que estamos para ayudarte y que te "apañaremos" en todo:
Segundo que sepas que por eso las web son muy trabajadas las que tiene muchas cosas: no se me ocurre nada mejor que ir copiando y renombrando las hojas de estilo nuevas, es lo mas seguro ademas. Otra formula, es que en dentro de la hoja de estilos hagas muchos tipos de cosas, y simplemente cuando quieras utilizar otro tipo vas y le cambias el nombre a por ejemplo el div:
ej:

haces que en la hoja de estilis tengas varia cosas como:
#navegacion1
#ñavegacion 2
...
asi sucesivamente con las demas herramientas. Asi te ahorras el tener que ir copiando la hoja de estilo. Es por eso que es magica la hoja de estilo.

Espero que te sirva Adios

Hola:
Aparte de lo que le dijo nosabernada, (que está muy bien) le daré una idea, (usted puede seguirla como no seguirla).

Por ejemplo, la plantilla tiene una hoja de estilo-general.

En esa hoja de estilo-general, se le da unas propiedades a la capa contenido, por ejemplo:

#contenido {background-color:#0000ff; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}.

Pero ahora yo quiero que en la siguienta página que es una copia literal de la plantilla, pagina a la que he llamado pagina2.html, quiero que la capa contenido de esa pagina2 no tenga el color azul que tiene la capa contenido de la plantilla, ahora quiero que sea de color rojo .

Entonce lo que hago, (para no hacer otra hoja de estilo para esa pagina2) sería lo siguiente.

Voy a la hoja de estilo-general y debajo de donde tengo la directiva de la capa contenido, creo una capa con las mismas caracteristicas de la capa contenido, pero le pondré por nombre #contenido2{etc. etc.}.
Por ejemplo así:

#contenido {background-color:#0000ff; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#contenido2 {background-color:#ff0000; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido2 p {padding: 5px 10px 5px 10px ; text-indent: 15px}.

Luego de salvar o guardar y cerrar esa hoja de estilo-general, voy a esa pagina2 y donde tengo la capa <div id="contenido"> etc. etc. etc. etc.</div>. Recordemos que es una copia literal de la plantilla

Como le digo, voy a esa pagina2.html y a la capa contenido le modifico el nombre y le pongo <div id="contenido2"> etc. etc. etc. </div>

Así solo he utilizado la misma hoja de estilo-general para las dos paginas, cada una con su propia capa contenido y con las mismas directivas generales, pero distinto color de la capa.

Esto es solo un ejemplo

Saludos

jaja, hola Raulyure,

cabe a ser lo mismo que he dicho, pero claro, mejormente explicado, que pa lo que sirvo es para orientar jaja.

Adios

Hola nosabernada y Raulyure!

Muchas gracias por vuestras respuestas, estas si que me "apañan" :lol:

Ahora ya tengo claro como ir generando las distintas paginas de mi sitio web y... como dominarlas a todas con la hoja de estilos.css

Me pongo manos a lo obra con mi web, asi que.... nos "vemos" por el foro porque seguro que me surgen nuevos problemas y mas dudas.

Saludos!! :P

nosabernada escribió:jaja, hola Raulyure,

cabe a ser lo mismo que he dicho, pero claro, mejormente explicado, que pa lo que sirvo es para orientar jaja.

Adios

Hola:

Yo lo veo de esta forma,
A veces explicamos lo que hay que hacer, otras veces explicamos el como hacerlo, creo que las dos cosas son totalmente válidas, yo algunas veces digo lo que hay que hacer y otros añaden el como hacerlo, y a veces al revés, por eso pienso que las dos cosas están bien complementadas.

Por eso digo que su "orientación" como le llama usted está muy bien, yo lógicamente con todo el respeto que merece su explicación, solo he añadido a lo suyo, incluso digo más, sé que con la experiencia y la práctica, no hay necesidad de duplicar esos códigos ocupándo tantas líneas en la hoja de estilo, basta con hermanarlos por ejemplo #contenido, #contenido2{etc. etc. etc.}
#contenido p, #contenido2 p{etc.etc.etc.}
#contenido2{color:#ff0000}
Incluso se pueden reducir más aún, pero ya sabemos que para eso ya hay que dominar un poco más lo de las capas y las hojas de estilo.

Y eso solo lo produce la experiencia y el en muchas ocasiones el "ensayo error"

Pero por ahora creo que a nuestro amigo ivbercle, le servirá nuestra explicación conjunta

Saludos

HOLA

pues ya llegué yo de metiche....jajajajajaj

yyyyyyy, sigo pensando que nada mejor que el dream, para este tema
cuando me tocó hacer mi web, huuuy como la sufrí
un monton de páginas con lo mismo,
agregar un enlace al menu,
era tener que hacerlo página por página.
y es que eso no está en la hoja de estilos.
porque yo de apurada, hice todas mis páginas de un jalón

tambien utilizé el buscar y reemplazar, pero.... o yo soy muy tonta
o esa cosa me complicó mas la vida
asi que.... tuve que fletarmelo a mano

al final del dia, terminaba cansada de hacer 50 veces la misma cosa
porque...
ese condenado menu, nomas no terminaba por convencerme
que si me faltaba un acento, que si una palabra mal escrita

pero..... al final descubrí la facilidad de las plantillas con dream
haces tu plantilla, y a partir de ahi, tu documento "hijo"
luego si quieres modificarle algo del diseño o de los menus
lo haces directo en la plantilla, y automaticamente se cambia en todos los hijos

pero saben que??????
lo descubrí tarde, ya cuando tenia mi web terminada
jajajajaj

y me dió flojera, cambiarlo todo oootra ves
jajajajajja

saludototototes

Hola Yaneth!

Muchas gracias por tu aportación. :wink: