terça-feira, agosto 12

Tableless / CSS

Olha gente que belezura... eu to estudando css pra caramba meu!!!

CSS (cascading style sheet) e TABLELESS
meu se você não ouviu ainda sobre isso... por favor leia sobre... (além doque vou falar aqui né), pois é a mais nova 'linguagem" (não sei se é o termo certo) para as novas páginas em html...
"bããããã~h... mas pq??"

PORQUE você cria apenas um html... (por página mas tá valendo [isso se vc nao souber um pouco de PHP {mias pra frente eu falo de PHP}]) divido por divs (divisórias) que são umas caixas jogadas na tela de qqer jeito... e ai que vem a grande jogada... aí no html vão ficar apenas as informações... sem edição de texto nem nada (mais pra frente virão exemplos)... e então... THACRARARA RAMMMM vc cria um CSS fora desse html (ou desses no caso em que o css foi desenvolvido para) e cria toda a estilização dele fora do html... e ele fica sendo totalmente dinâmico com o resto... as caixas que voce criou e colocou as informações agora podem ser do jeito que você quiser sem precisar mexer diretamente nelas...

"aahh mas não entendi a diferença"

Vamos supor q vc tenha um site em html... com 40 páginas... e tem um título em todas as páginas em negrito, tamanho 15 e rosa... quem mexe no html sabe que pra deixar esse título igual em tdas as páginas... você faz como em docs diferentes do word... entra em cada uma das páginas e altera lá... ou seja... se o seu cliente fala pra você "aí... muda todos os títulos pra azul q esse rosa ta aboiolado" ai vc faz akela cara de quem cago nas calça em publico... e vai mexe em todas as 40 páginas uma por uma pra altera esse maldito título...

Em CSS não... você simplesmente tem um css fora de todos os htmls... falando qual é a formatação do título "principal"... e quando usar sempre essa classe para seu título (no html) e importar o arquivo css em todas as 40 paginas... CABÔ a dor de cabeça!!! você simplesmente entra lá no seu CSSzinho e muda só a cor do título principal!!!! assim... fácil!!!
(tomara q tenham entendido)

bom eu só sei q ouço sobre CSS a muito tempo e vivo achando q eh um bicho de 32132348219321 cabeças... mas é mó baba meu... só me perco um pouco ainda no posicionamento... mas tá fmz...

Seguem alguns links pra mais informações sobre CSS:
http://pt.wikipedia.org/wiki/Cascading_Style_Sheets
(wikipedia né... se não entendu muito bem)

http://www.maujor.com/tutorial/intrtut.php
(um cara q manda muito com seus tutoriais... aprendi muito aqui aconselho!!!)

E agora... vo posta um exemplo de css... em um dia no trampo... mais ou menos umas 3 horas... eu fiz esse "sitezinho" em html e css... e agora vou postar as 2 partes... claro q sem links ne...

a primeira é o html... q é seco sem nada... lá vai...

___________________________________________________________

Banner TOP

Heading 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

HEading 2

Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilita; de un nov lingua franca: on refusa continuar payar custosi traductores. It solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.

Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilita; de un nov lingua franca: on refusa continuar payar custosi traductores. It solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.


_______________________________________________________________
é isso... besta né... texto do famoso LOREN IPSUM (tb aconselho a dar uma olhada!)

e agora... a belezura com o css... (vai ser dificil achar no visualizar código... é externo né... se quiser falar mais sobre isso deixe um comentário!!!)

Banner TOP

Heading 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Heading 2

Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilita; de un nov lingua franca: on refusa continuar payar custosi traductores. It solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.

Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.



legal né... tomara q seja de bom proveito!!!! (foi suado coloca ele ai vio ><") denovo peço desculpas pela falta de posts... mas minha agraciada amiguinha luthi posto ai... novidades (eba eba XP)

Um comentário:

Pri disse...

Vc viu q a Prit ta lendo as suas coisas? \o/

Vc aconselha ver/estudar essas coisas mais online ou em livros? e qual? ^^