Plantillas Para la Web

Epale! jeje He vuelto una vez mas, bueno ya revise lo de los IFrames y ya logre comprenderlos, pero lei por ahi que se puede modificar su apariencia a traves de hojas de estilo. Hmm buena idea, pero que son!?

Me meti en iespana, pero no me acepta crear el sitio. Hoy lo intentare de nuevo. Tambien he estado viendo interfaces y plantillas para nutrirme de ideas y poder mostrarle mis pruebas con algo mas decente. Porque lo que he estado usando hasta ahora no tiene nisiquiera tiene sentido visual.

Pero en un par de dias pienso tener alguna prueba lista, mas orientada hacia lo que sera el producto final.

Por lo momentos estoy con lo de la interfaz a nivel visual y despues ire viendo como hacer para montarla en dreamweaver. Asi que quedamos pendientes con lo de las capas ( ya les busque un uso ) y si me pueden explicar lo de las hojas de estilo o como sea que se llamen. Seria bueno.

Suerte! Ah y una cosa si conocen de paginas donde hallan buenas interfaces para sacar ideas diganme...bye...

 

<!--QuoteBegin-Toto29+--><div class='quotetop'>CITA(Toto29)</div><div class='quotemain'><!--QuoteEBegin-->...hojas de estilo. Hmm buena idea, pero que son!?...<!--QuoteEnd--></div><!--QuoteEEnd-->
Mira <a href="http://www.desarrolloweb.com/articulos/186.php?manual=2" target="_blank">aquí</a>, tienes una excelente plantilla de hojas de estilo css y puedes ampliar más dándote una vuelta por la página. Te recomiendo que los uses, simplifican mucho y son muy útiles.

Saludos

 

Epale amigos, he regresado. Bueno les cuento que he estado trabajando en la interfaz. Suena facil verdad??? Pues por ahora no tengo nada que mostrarles, he sufrido de un bloqueo creativo. Jeje nada que puedan hacer ahi....

Pero mi post, es por lo siguiente, varias preguntas que se me han ocurrido. Primero en su experiencia, al crear una interfaz, cuales son los puntos o elementos que se deberian tomar en cuenta. Se que cada interfaz es distinta, pero aunque mi pregunta suena tonta deben haber ciertas cosas que se deben tomar en cuenta para elaborar una interfaz exitosa, si se le puede llamar asi. Segundo sigo sin entender hojas de estilo, las paginas que he visto, no se pero hablan mucha paja y todavia no me logra entrar en la cabeza.

Bueno por ahora no se que mas decir, porque he estado algo bloqueado y eso desanima un poco. Pos ni modo......

Suerte

 

Estilos css
Imagina que quieres hacer una página donde todas las tablas que pongas tienen que tener un borde de 2px de color rojo, que el texto quede de ese borde separado de la izquiera y derecha 20px, texto en arial de 11px y que tengan fondo gris.
Pues bien, eso con un estilo estaría solucionado y no habría que hacer más que colocar las tablas. Te pongo el ejemplo de estilo del que te hablo

TABLE { font-family: Arial; font-size: 11px; font-weight: normal; color: #000000; border: solid 2pt #ff0000; Padding-left: 20px; Padding-right: 20px; background-color: #7f7f7f;}

Los estilos también valen para poner scrolls de color, links con estilo propio... un sin fin de cosas aunque no en todos los navegadores (Netscape da muchos problemas ni versiones de estos) funcionan bien.

Saludos

 

Ok el ejemplo que me das, es bastante directo. Pero como se inserta esto en el documento?? Tal como me lo presentas, o dentro de una etiqueta. Donde va, en el Head? en el BOdy?

Se puede definir para cualquier etiqueta???? Como seria para utilizarla con un IFrame...

SUerte

 

jejeje el invitado anterior soy yo, se me olvido logearme...saludos

suerte

 

sobre las CSS..

hola.. puesmira no se como vas con el trabajo.. que has investigado? qu has logrado ? queremoas ver!!! ...

y para informacion de CSs puedes visitar el siguinte enlace lo acabo de encontrar y lo primero que paso por mi mente fue TOTO29 lo necesita..jeje y pues espero que te sire..

<a href="http://tecnorama.tripod.com/css/index.html" target="_blank">http://tecnorama.tripod.com/css/index.html</a>

saludos..

 

Estilos css

Lo puedes hacer de la siguiente manera:
Creas el estilo desde el DW como ves en la imágen
<img src="http://www.oposicionesycursos.com/personal/foro_creativo/tutoriales/estilos_css/estilos_css01.gif" border="0" alt="Imagen IPB" />
Se abrirá un cuadro de diálogo donde escoger tipo de fuente, tamaño... pero para ampliar posibilidades ves a <a href="http://www.desarrolloweb.com/articulos/186.php?manual=2" target="_blank">este cuadro</a>
Si vas al código verás que se te ha creado algo asi:
<!--coloro:black--><span style="color:black"><!--/coloro--><style type='text/css'>
<!--
.unnamed1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000}
-->
</style><!--colorc--></span><!--/colorc-->
Pues bien, puedes dejarlo asi e ir añadiendo estilos pero tiene un problema, que cada vez que hagas una página nueva tengas que copiar los estilos y pegarlos en la nueva.
Otra forma (la más correcta) es hacer los estilos independientemente y hacer una llamada de la siguiente manera:
1. Borra <!--coloro:black--><span style="color:black"><!--/coloro--><style type='text/css'>
<!--<!--colorc--></span><!--/colorc-->-->
</style>[/color]
2. Corta el estilo y abrete un notepad (te recomiendo el programa Texpad para editar con html) y pégalo. Llámalo por ejemplo textos.css (recuerda poner la extensión .css) y guárdalo en una carpeta que se llame estilos que estará en la raiz
3. Justo debajo de la etiqueta <meta> pon esta llamada al estilo
<!--coloro:white--><span style="color:white"><!--/coloro--><link href='estilos/textos.css' rel='styleSheet' type='text/css'><!--colorc--></span><!--/colorc--> Lo de ponerlo debajo del <meta> es para que puedas visualizar el estilo en el DW.

A partir de aquí podrás ir añadiendo cuantos estilo quieras. Debería quedarte asi el documento .css
<!--coloro:black--><span style="color:black"><!--/coloro-->.unnamed1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000}<!--colorc--></span><!--/colorc-->
Evidentemente el nombre puedes cambiarlo pero siempre conservando el . y si que haya espacios (por ejemplo .texto1)

Los estilos se cogen mediante la etiqueta <class> y tiene 2 casos:
1. <TABLE> <TD> <A HREF>
En este caso solo va la etiqueta class. Por ejemplo <TD class='unnamed1'>
Todo lo que haya en ese TD tendrá el estilo unnamed1
2. Textos
En este caso la etiqueta es <span class>. Por ejemplo <TD><span class='unnamed1'>TEXTO</span>
solo afecta a lo que haya entre la etiqueta y su cierre, en este caso TEXTO

Espero que te sirva, si tienes alguna duda ya sabes, pregunta

Saludos

 

Hola amigos, disculpenme que no les haya respondido aun. Pero he estado muy corto de tiempo y encima enfermo. De verdad que no he podido revisar nada de lo que nuevo que me han mandado. Nisiquiera me siento como con ganas ahorita, solo quiero estar en cama. Pero por lo menos les escribo esto para que sepan que estoy pendiente.

Suerte, jajajajja con suerte podre tener algo que mostrar pronto. Eso espero.