fonte: DesignVitality

Se cria sites de web, precisa de lidar com templates CSS e com códigos (X)HTML, e estes códigos acabam por ser usados vezes sem conta, já que representam uma base de criação.

Para auxiliá-lo nesta tarefa, encontrará nesta lista uma relação de 100 sites na web onde poderá encontrar templates CSS, HTML e XHTML, temas para o Wordpress, TextPattern, Blogger e outros blogs, para além de ferramentas online para a criação de templates e códigos HTML.

Vamos à lista.

Templates Grátis

• OSWD: mais de 2.000 templates grátis. Permite procurar os templates de várias maneiras.
  
• OpenWebDesign: Comunidade para a partilha de templates.
  
• Open Designs: 600 templates grátis!
• CSS Tinderbox: colectânea de vários templates CSS para a criação de sites.

Programas Grátis

Precisa de um programa para ajudá-lo a criar as suas páginas de Web e CSS? Porque pagar se existem alternativas grátis de excelente qualidade?

• Nvu: Um programa de criação para a Web equivalente ao Dreamweaver (Linux, Windows e Mac);
• Cssed: poderoso editor de CSS editor com validação (C, C++) (Linux);
• Quanta Plus: um editor de HTML para o ambiente K Desktop;
• Bluefish: um editor de HTML para programadores que usam GTK (C) (GNU/Linux, Unix);
• GIMPShop: Clone do Photoshop (Mac, Linux, and Windows);
• Inkscape: Substituto para o Adobe Illustrator.

Templates Completos Grátis

Se quer criar um site grátis de raiz, precisará de um template completo de (X)HTML e os correspondentes estilos CSS. Aqui estão sites onde poderá encontrar isto:

• TemplateNavigator: o maior catálogo de templates em Flash;
• TemplateBox: mais de 300 templates para sites, logos, banners e outros;
• Template Monster: uma pequena quantidade de templates de Web, Flash e blogs em alta qualidade;
• Art for the Web: 75 templates grátis;
• Free CSS Templates: uma colecção de 206 templates grátis actualizadas frequentemente;
• Effex-Media: coleção de templates grátis criada por designers;
• DotcomWebDesign: centenas de templates, alguns de alta qualidade;
• Themebot Design Templates: este site não possui uma quantidade grande de templates. Contudo, possui vários templates de boa qualidade e alguns temas grátis;
• Groovy Lizard: templates grátis para uso pessoal;
• Interspire: templates grátis para o Dreamweaver e para o Frontpage;
• Joyful Heart Designs: templates grátis com motivos florais para uso pessoal apenas;
• OpenSourceTemplates: templates CSS e XHTML de uso livre com alguns estilos de “Web 2.0″;
• Ricky’s Web Templates: 50 templates, imagens e botões grátis;
• Free CSS Templates: uma dezena de templates CSS completamente funcionais;
• FreekTemplates.com: uma colecção de templates para empresas;
• Template Perfection: 200 templates grátis para diversas línguas;
• TemplateWorkz: 48 templates grátis, alguns com logotipos. O site também possui templates para newsletters;
• Zymic: 80 templates completos grátis (HTML + CSS + Imagens + ficheiros PSD + Imagens em branco).
• OpenSourceTemplates: uma comunidade orientada aos templates XHTML e CSS;
• Freelayouts: templates HTML e Flash grátis.
• FreeCSSTemplates.org: mais de 100 templates CSS grátis;
• Free Layouts: lista completa com centenas de templates HTML, Flash e CSS;
• Free Templates Online: dezenas de templates organizados em categorias;
• Free Website Templates: uma grande quantidade de templates que não exige a colocação de links de reciprocidade;
• Six-Shooter Media: templates CSS e XHTML de uso livre;
• Free Flash Template: toneladas de templates e introduções em Flash;
• Layouts4Free.com: vários layoutrs grátis;
• Solucija: templates XHTML e CSS para uso comercial;
• MasterTemplates: templates criados por profissionais com os equivalentes templates para o PowerPoint;
• TemplateWorld: templates líquidos (sem tabelas) validados pelo W3C;.
• Painted Pixels: templats, botões e fundos para uso não comercial;
• CSSFill: uma selecção de templates CSS e XHTML;
• ThemesBase: templates organizados por conteúdo e tipo (comum, blog e fórum);
• Arcsin Design Templates: 22 templates XTML e CSS;
• Snakeye Web Templates: 20 templates orientados ao Dreamweaver e Fireworks.
• Steve’s Templates: dezenas de templates com uso de link de reciprocidade;
• GordonMac.com: templates CSS grátis – alguns com scripts PHP;
• Web Design Helper: templates completos com imagens e código;
• Webmaster Resources: 25 templates grátis.

Estruturas CSS

Se quer ter a liberdade de criar algo completamente diferente mas quer ter já uma base feita para a sua criação, esta secção é para si. Os templates seguintes são apenas de CSS e definem a estrutura para que possa criar os seus próprios layouts.

• Layout Gala: 40 templates CSS em 3 cores;
• AndreasVilkund.com: colecção de templates CSS grátis por Andreas Viklund;
• CSS Template Directory: uma coleção de templates CSS desenvolvida por diferentes pessoas;
• BenMeadowcroft.com: templates CSS topo de gama criados por Ben Meadowcroft (o site contém alguns templates experimentais);
• Mollio: conjunto de templates básicos em CSS;
• Real World Style: templates de CSS organizados por tipo;
• Little Boxes: templates CSS com acesso rápido;
• The Layout Reservoir: templates simples de 2 e 3 colunas;
• Protagonist Web Resources: uma lista de 43 templates;
• Glish: técnicas de CSS por Eric Costello;
• FU2K: templates CSS criados para compatibilidade ao Netscape 4;
• Position is Everything: templates CSS com indicação de como contornar os bugs dos browsers;
• ThreeColumnLayouts: lista de templates CSS de 3 colunas;
• ssi-developer: lista de templates CSS de 2 colunas;
• MIS Web Design: parágrafos engraçados com CSS.
• Ruthsarian Layouts: coleção de templates CSS em vários níveis de complexidade;
• A List Apart: CSS: técicas, truque e dicas para a criação prática de CSS;
• Code-Sucks.com: como criar sites com 1, 2, 3 e 4 colunas com CSS;
• Particle Tree: templates em CSS independentes da resolução;
• Project Seven: templates líquidos em CSS;
• MyCelly: colecção de 16 templates básicos de CSS;
• Ideas: 12 templates CSS grátis;
• CSS Library: coleção de templates CSS;
• IntensiveStation: colecção de templates básicos em CSS;
• IronMyers: colecção de templates para os browsers mais recentes: IE6, IE7, Firefox, Opera, Safari e etc.;
• The CSS Playground: demonstrações de CSS topo de gama por Stu Nicholls’
• Wordpress Theme Viewer: Colecção de temas organizados por colunas, cores, cantos arredondados e outras categorias;
• Fluid 2-Column Template: template de 2 colunas totalmente fluido;
• Avinash 2.0: 12 templates CSS grátis.

Geratores e ferramentas para a criação de CSS

Na lista seguinte são indicadas algunas ferramentas que permitem a criação automatizada de templates CSS:

• CSS Creator: seleccione a cor, o número de colunas, a versão de HTML, carregue num botão e já está;
• Inknoise: Crie layouts com CSS no carregar de um botão;
• Strange Banana: crie vários templates com CSS de forma rápida;
• Nidahas: crie templates CSS rapidamente;
• Maketemplate: crie templates HTML ou PHP com CSS, em 2 colunas, de forma instantánea;
• IBDjohn: gerador de CSS para layouts de 3 colunas;
• CSS Creator: crie templates líquidos e fixos em CSS;
• PsycHo: O seu próprio template!
• Firdamatic: crie layouts de 2 e 3 colunas com esse gerador automático;
• Wordpress Theme Generator: crie temas para o WordPress.

Temas para Blogs

Se possui um blog em Wordpress, Textpattern, Movable Type ou Blogger, leia esta secção:

• SmashingMagazine: 83 temas bonitos para o Wordpress;
• Kaushal Sheth: temas elegantes para o WordPress;
• ErraticWisdom: templates no formato Textpattern;
• Scribez: os 10 mais bonitos temas para o Wordpress;
• pinkdesign: templates para diários e blogs;
• Textgarden.org: o site oficial de temas para o Textpattern.
• Blogger Templates: uma colecção de temas para o Blogger;
• Blogfashions: uma colecção de temas para o Movable Type;
• FinalSense: temas de alta qualidade para o Blogger.
• WP Themes: temas para o WordPress criados por Sadish Bala.
• Drupal Theme Garden: temas para o Drupal;
• Weblog Design: temas de alta qualidade para blogs.

	o e-mail do seu amigo:
	o seu nome:
	a mensagem:

Dê a sua opinião sobre este artigo