Para sermos mais rápidos no aprendizado, selecionei algumas ótimas apostilas que garantirão bons conhecimentos sobre tableless.
Não deixe de estudar as duas apostilas.
Segue alguns bons sites caso você queira se aprofundar no assunto:
Recomendações: jQuery – Conheça o poder
Interessante a idéia de framework de CSS. O curioso que eu mesmo já montei um “framework’zinho” pessoal, no qual uso na maioria dos trabalhos e me poupa bastante tempo. Vou testar esse aÃ, parece ser bem completo.
Link: www.bluetrip.org
Nesta vÃdeo aula estaremos desenvolvendo um menu em css. Trata-se de um menu vertical que quando passamos o mouse ele muda de cor. Vamos analisar alguns dos poderes do CSS.
Curso de web 009: CSS – Desenvolvendo um menu simples
Duração: 14:30
Tamanho: 24 mb
Extensão: wmv
Audio: Sim
Baixar agora
Nesta video aula vamos ver como funciona as DIVs.
DIVs são elementos que eu gosto de chamar neutros ou conteiner, podemos modificar ele todo e usando para posicionar elementos em nossa pagina. Usamos as DIVs principalmente para substituir as tabelas, e além das divs serem mais leves, elas possibilitam maior controla da sua pagina e uma organização infinitamente maior.
Bem, preparei um video bem rápido, ultimamente não estou tendo tempo.
A pedidos, colocarei as video aulas para downloads.
Curso de web 008: Css – Trabalhando com DIVs
Duração: 14 minutos
Tamanho: 20 mb
Extensão: wmv
Baixar agora
Qualquer dúvida ou sugestão, poste aqui.
Até a próxima!
Se você assistiu a ultima video aula já está apto a codificar CSS. Hehe
É simples, não tem mistério.
O que você precisa saber agora são os recursos(ou parâmetros) do CSS, é sobre isso que vamos falar aqui.
Há uma organização que controla um padrão universal de códigos na web, se chama W3C . Nela, você pode encontrar tudo sobre as linguagens de programação que ela defende. Vou disponibilizar para vocês um documento com todos seus recursos do CSS.
Não basta somente recursos, mas sim técnicas e essas não têm neste documento, mas fique tranqüilo(a), vou separar umas técnicas interessante e colocar aqui no blog.
Fique agora com o link com a documentação do CSS, está em inglês, se você não for muito bom em inglês, mas tiver uma noção já dá pra entender, a linguagem é simples.
Link: http://www.w3.org/TR/REC-CSS2/
Caso tenha alguma dúvida, comente aqui.
Nesta vÃdeo aula vamos ter o primeiro contato com o CSS. Vamos ver como aplicar o css em uma pagina web.
Como esta video aula é bem extensa tive que dividi-la em duas partes.
Se quiser saber mais sobre CSS, veja esta pagina no wikipedia: http://pt.wikipedia.org/wiki/CSS
Parte 1
Duração: 8 minutos
Parte 2
Duração: 8 minutos
Ver aula 007
Muitos profissionais têm algo como inspiração e sempre os usam na hora de sua criação. Há diversas formas de inspiração, cada um tem a sua forma, cada um tem a liberdade de escolher a forma mais confortável para consultar na hora da criação de um trabalho.
As coisas ficam mais úteis quando você passa a ser observador, e não apenas um usuário comum. Ao ver um filme você observa seus detalhes e tira proveito disso, ao ler uma revista você observa suas caracterÃsticas e também tira proveito disso, você tira proveito navegando um site, observando cartazes, o que for. Basta que você tire proveito da experiência e aprenda com ela.
Quando vou produzir algo para web, eu pego um punhado de folhas e rabisco bastante, depois gosto de visitar alguns sites, e tem sites especiais para isso.
Vou listar alguns sites que eu costumo visitar:
Você visita os sites, observa os trabalhos e depois passa para o papel (ou photoshop, o que for).
Não é plagio, apenas visitamos os sites e passamos os insight para o branco.
Estes sites são muito bons para estudo de css, semântica, xhtml. Em alguns deles você pode até baixar os modelos para examinar seu código fonte completo.
São ótimas referências e se você gosta de algum outro site deste segmento, poste aqui que eu colocarei no blog.