Pular para o conteúdo

CSS pela W3schools (Parte 1) - Uma introdução

Estive na w3schools vendo algumas especificações, a forma correta de fazer as coisas e lendo tudo de novo como quem não soubesse nada. Por isso surgiu a idéia de escrever, traduzir em forma de resumo, o que a w3schools ensina em termos CSS básico.
Manuel Tavares mtavares
Hits: 34.801 Categoria: Javascript Subcategoria: Design
  • Indicar
  • Impressora
  • Denunciar

O que é CSS??

A Webopedia define CSS como uma nova característica adicionada ao HTML, oferecendo, tanto para desenvolvedores como utilizadores, mais controle sobre a forma como a página é mostrada. Isto uma vez que com CSS os designers e utilizadores podem criar folhas de estilo que como vários elementos da página devem aparecer.

Se pudermos resumir esta definição, poderíamos dizer que CSS é uma forma mais flexível de formatar a apresentação da página. Vamos ver os "porquês":
  • Flexibilidade - as linguagens de marcação são bastantes rígidas e não se preocupam ou estendem a formatação, mas sim com os elementos necessários para a apresentação de cada conteúdo. Exemplo: <p>, <input>, <ul>
  • Simplicidade e organização - uma vez bem definida, facilmente se consegue organizar e aplicar definições genéricas ou específicas sobre os elementos que compõem as páginas. Esta segunda característica pode ser comparada a opção Estilos e Formatação do processador de texto (MS Word, OpenOffice).
  • Manutenção - facilmente se consegue mudar toda definição de uma página sem termos que ir ao código fonte.

Mais adiante vamos ver a aplicação destas vantagens e numa outra oportunidade as potencialidades dos CSS.

   1. O que é CSS??
   2. Sintaxe CSS
   3. Como criar/aplicar?
   4. Efeito cascata
   5. A magia do CSS

Eu aprendi!

Google AdSense vs Layout de websites

Aplicações para webdesign

DesignCap - Ferramenta de design gráfico para leigos

BlueGriffon, o dreamweaver do Linux

CSS - Manual básico sobre estilo

CSS - Manual de Estilo (parte 3)

#1 Comentário enviado por fmpfmp em 13/06/2008 - 20:58h
Amigo, se é para apenas traduzir, é mais fácil então sugerir que as pessoas façam um curso de inglês.
#2 Comentário enviado por rafastv em 14/06/2008 - 01:23h
Parabéns!
Não há nada errado em traduções. nós devemos valorizar nossa língua nativa. Ao traduzir um texto, você o torna mais acessível para um conjunto bem maior de pessoas. Poderia ter explorado mais aspectos, mas vamos ver o próximo artigo. :-)
Apenas cuidado, pois o material da w3schools tem copyright e não garante a livre modificação e reprodução.
#3 Comentário enviado por mtavares em 14/06/2008 - 09:11h
O "traduzir" aqui não significa pegar no artigo da w3school e passar para português mas sim utilizar-la como suporte(standard) principal, pois se fosse só por traduzir eu não conseguiria fazer o artigo. Eu poderia simplesmente não citar a fonte, além do mais não foi utilizado somente a w3school, junta-se sempre as experências adquiridas noutras fontes e no dia a dia.
#4 Comentário enviado por thelinux em 14/06/2008 - 09:36h
mtavares parabéns pela iniciativa.
#5 Comentário enviado por skywishrfz em 14/06/2008 - 11:33h
só faltou deixar uma referencia para quem gosta ou quer ver a magia do css
aqui tem tudo isso, alem de um desafio para os quem deseja:

http://www.csszengarden.com/

bem legal, alem de ter zilhões de temas
#6 Comentário enviado por Teixeira em 14/06/2008 - 13:32h
"CASCADE STYLE SHEET"

Minha opinião:

Falo e escrevo Inglês, sou profissional de informática há muitos anos e, considerando apenas esses fatores, eu poderia muito bem 'desprezar' artigos traduzidos ao Português.

No entanto, acho que é muito mais valioso encontrarmos um artigo já traduzido - inclusive em seus aspectos mais difíceis - do que muitas vezes procurar entender o texto original.

Hoje em dia todo profissional de TI sabe o que é 'queue' e a diferença entre 'sort' e 'merge' (por exemplo), mas há poucos anos atrás isso não era verdade, e eram o terror dos aprendizes.

Portanto as traduções têm SIM, o seu valor.
Além do que, algum valor foi agregado a essa tradução em especial, sem o que simplesmente não passaria pelos critérios da moderação do VOL.
Quem já escreveu algum artigo ou dica para esta comunidade sabe do que estou falando.

Embora de forma incipiente, o artigo aborda um assunto muito interessante, e que talvez seja considerado 'difícil' por algumas pessoas, já que muitos têm dificuldades até mesmo com HTML.

A dificuldade que alguns poderiam ter, cai portanto por terra.

No entanto, não me pareceu muito clara a explicação da cascata, que dá nome ao estilo. Porém, essa explicação pode ser dada mais adiante, sem prejuízo algum.

Não acrescentou a mim, neste exato momento, nenhum conhecimento novo. Porém há apenas dois anos atrás, teria sido para mim o caminho das pedrinhas, já que o meu conhecimento de CSS era ZERO.
Há portanto uma considerável diferenciação.

Conclusão:
O autor está de parabéns pela iniciativa e espero que continue com essa mesma disposição.
Não se deixe abater pela oposição, porque ela sempre existirá.
Procure melhorar sempre, não importa o que você esteja fazendo, e tenha boa sorte!

PS.: o csszengarden (o jardim 'zen' do css) é uma excelente fonte de conhecimentos, bem como o site do maujor, que não deve ser esquecido.
O link é www.maujor.com

[ ]'s
#7 Comentário enviado por flpe007 em 17/06/2008 - 08:17h
Parabéns Brother, ótima iniciativa!!!!
quero ver a parte 2!!! =)
#8 Comentário enviado por iagoaugusto em 18/06/2008 - 09:42h
ParABens kRa foi Muito LeSgal...=/
#9 Comentário enviado por cvv em 18/06/2008 - 15:21h
Fera,

Não sabia disso ainda.

Valeu!
#10 Comentário enviado por comfaa em 28/10/2008 - 12:03h
muito bom
#11 Comentário enviado por rbn24 em 23/01/2009 - 14:44h
Meu caro Tony, Ctrl+C, Ctrl+v, mas pelo menos tem fonte e não liga pros outro, gostei, força

Contribuir com comentário

Entre na sua conta para comentar.