por Magno Urbano
31 Julho 2007
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.
| Se gostou desse artigo... | |
:: |
receba as novidades deste site por e-mail! |
Dê a sua opinião sobre este artigo
16 Opiniões
-
daniel on
Agosto 23, 20070:07
umas pessoas tirando fotos......
-
pedro on
Novembro 21, 20075:51
Bons links pra templates
-
bruna maira marques manosso on
Dezembro 19, 200718:18
quero fazer montagem de foto!!!!!!!!!!!!!!!!!!!!!
-
Regina on
Dezembro 21, 200712:06
Gostaria de saber como faço montagens de fotos e se possível um programa grátis por favor.
-
maceli on
Dezembro 29, 200716:20
quero fazer uma montagens com a minhas fotos
-
maceli on
Dezembro 29, 200716:23
quero fazer uma montagem com as minhas fotos tha bjks......tomara q aceite feliz ano novo.........by: marceli
-
iara on
Janeiro 5, 200822:04
aqui, óptimo mas ainda não consegui chegar ao meu objectivo. Por favor, peço apenas que este site disponibilize uma página para que possamos por as nossas fotos (na praia, no club, etc.). Por favor, digam-me se isso eh possível. Um beijo. Iara...
-
magno.urbano on
Janeiro 6, 20087:32
Cara Iara, infelizmente o nosso site não é um site de alojamento de imagens. Para isso deverá procurar algo como o Flicr, Facebook, etc. Somos um site que possui tutoriais na área do grafismo e imagens e de venda de cursos e livros técnicos na área. Na nossa loja online (www.efeitosvisuais.com), encontrará tudo o que precisa para criar imagens fantásticas. Para tal deverá ter um certo domínio de programas como o Photoshop e algum editor de vídeo, como o Premiere Elements ou Pinnacle Studio. Como bónus, poderá estudar um programa como o After Effects, que permitirá adicionar efeitos visuais aos seus vídeos.
-
André on
Janeiro 9, 200818:40
Como faço pra mexer nesses templates só no dreamweaver posso fazer isso?
-
magno.urbano on
Janeiro 9, 200821:00
Um template poderá ser usado em qualquer programa que permita a edição de HTML, inclusive o Adobe Dreamweaver.
-
danielle on
Janeiro 24, 200813:08
quero fazer um site
-
mel on
Janeiro 24, 200820:09
olha eu gostei, mas não consegui aprender a fazer uma montagem e eu tentei mas nao entendi nada...
-
abel faria on
Janeiro 27, 200815:48
muito bom, gostei, e isso que estamos precisando , informações. e muitas templates para usar. obrigado...
-
Amanda on
Abril 5, 20080:22
Olá adorei os links, mais sou iniciante e não sei usar os templates desse site [] gostei do 7 meio rosinha que tem um globo. Mais não sei como usar. e editar. Vocês podem me ajudar por favor? grata
-
VDCDESIGNER on
Setembro 8, 200823:53
Bacana os links apresentados ... Para os iniciantes será de grande valia . Vale a pena se dedicar para aprender pois este é um trabalho que nunca se acabara. Se precisar de ajudas e eu puder ajuda-los conte comigo. Abraços.
-
Magno Urbano on
Setembro 9, 20080:21
Caro Vanderlei, Agradeço os elogios. É bom quando os leitores falam algo, pois isso ajuda a melhorar o site. Quanto à sua ajuda, agradecemos e colocamos o nosso site aberto para qualquer coisa que queira enviar: textos, tutoriais, artigos, novidades, enfim, qualquer coisa que deseje ver publicada no site. Tenho sempre a política de deixar o site aberto a todos os que desejem participar. Afinal, todas as pessoas têm sempre algo a ensinar a alguém e todos saem ganhando. um abraço Magno Urbano EfeitosVisuais.com fundado em Fev.2001
Seleccione uma categoria para ver os artigos correspondentes...
2D — 3D — 3DS Max — Acrobat — Adobe — Adobe AIR —
Adobe Premiere — After Effects — Aperture — Apple — Autodesk — Autodesk Maya —
Áudio — Book & E-book — Cinema — Continuação — Criação de Sites — Criação DVD —
Curso de Photoshop — Cursos pela Internet — Dicas — Discreet — Dreamweaver — Dreamweaver CS3 —
e-learning — Edição de Vídeo — Fórum (2002-2005) — Filmes - Making of — Firefox — Fireworks —
Flash — Flash CS3 — Fotografia Digital — Galeria de Imagens — GIMP — Google —
Google Adsense — Google PageRank — HTML — Illustrator — Ilustração — InDesign —
Inferno — Intel — iphone — iPhoto — ipod — iPod - iTunes —
Linux — Livro — Mac OS X Leopard — Mac OS X Snow Leopard — MacOS X — Microsoft —
Montagem de Fotos — Nikon — Photoshop — Photoshop CS3 — Photoshop CS4 — Pinnacle Studio —
Pixar — QuickTime — Safari — Servidor Apache — Software — Tecnologias —
Tutoriais — Tutorial 3DS Max — Tutorial Fireworks — Tutorial Flash — Tutorial GIMP — Tutorial Inferno —
Tutorial Maya — Tutorial Photoshop — Tutorial Web — Ubuntu — Vídeos — Vídeos iPod —
Web — Web - Ferramentas — Windows — Windows Vista — Wordpress — Yahoo! —
YouTube —
Ferramentas para webmasters | Os Segredos do AdSense | |
Verifique o Google PageRank do seu site | Optmize os seus sites e ganhe dinheiro com o Adsense (em vídeo) | |
PÁGINAS RECOMENDADAS | ARQUIVO (por mês e ano) | |
| ||
EfeitosVisuais.com Este é um site sobre grafismo, imagens, design, vídeos e demais assuntos relacionados à multimédia (Photoshop, Dreamweaver, Flash, Premiere, 3DS Max, Pinnacle Studio, etc.). Aqui encontrará tutoriais de Photoshop, Dreamweaver, Flash, edição de vídeo, Wordpress e muitos outros temas. Este site é também aberto ao leitor quee poderá contribuir com textos, dicas, artigos ou qualquer elemento que queira divulgar à comunidade. | ||