Alguns dos melhores sites...

http://www.inspiracaoweb.com.br/web/

http://lista10.org/sites/os-10-melhores-sites-do-mundo-em-2009/

GERADORES WEB ONLINE

APRENDIZAGEM CSS

www.maujor.com

aurelio.net/css-sandbox

FREE LAYOUTS

www.freewebtemplates.com

www.freelayouts.com

GIF ANIMADO

gickr.com

picasion.com

www.createagif.net

www.funphotobox.com

www.gifup.com

www.loogix.com

EDITOR DE IMAGENS

aviary.com/tools/phoenix

pikifx.com

pixenate.com

pixer.us

pixoh.com

snipshot.com

www.creativeanywhere.com

www.creativepro.com/photoframe/welcome

www.dadaware.com

www.drpic.com

www.fauxto.com

www.glitterfy.com

www.imagemagick.org

www.imagemfacil.com

www.jpegwizard.com

www.lunapic.com/editor

www.myimager.com/index.phh

www.onlinephototool.com/bewerk.php

www.phixr.com

www.photoshop.com/express/landing.html

www.picnik.com

www.picresize.com

www.picture2life.com

www.pixer.us

www.pixlr.com

www.pxn8.com

www.splashup.com

www.sumopaint.com

www.vicman.net/vcwphoto

www.wiredness.com

EFEITOS EM IMAGENS

blingee.com

funphotobox.com

jpgfun.com

photo505.com/br

www.befunky.com

www.cumprimentos.net

www.fotoefeitos.com

www.freeflashtoys.com

www.loonapix.com

www.montafoto.com

www.pazoen.com

www.pikifx.com

www.pikipimp.com

www.stripgenerator.com

GERAÇÃO DE LOGOS

blog.foitestado.com/2008/04/logo-logotipo-free-animado.html

creatr.cc/creatr

logomarca.gratuita.com.br

www.curiosando.com.br/sites-para-criar-um-logotipo-online-gratis

www.logoease.com

www.simwebsol.com/ImageTool/Default.aspx

www.xtvworld.com/free_logo_creator.html

GERAÇÃO DE BANNERS

onlinebannergenerator.com

www.bannerfans.com/banner_maker.php

www.3dtextmaker.com/image_editor.html

GERADORES DE CSS

www.ahfb2000.com/cssgenerator.php

www.csscreator.com/version2/pagelayout.php

www.roundedcornr.com

GERADOR DE MENUS EM CSS

13styles.com/css-menus

cssmenumaker.com/index.php

csstype.com/

e-lusion.com/design/menu

pixopoint.com/products/suckerfish_css

www.accessify.com/tools-and-wizards/developer-tools/list-o-matic

www.csscreator.com

www.cssmenubuilder.com/home

www.cssmenumaker.com

www.izzymenu.com

www.mycssmenu.com

www.purecssmenu.com

www.webmaster-toolkit.com/css-menu-generator.shtml

GALERIA DE IMAGENS E FOTOS

www.cooliris.com

www.ornj.net/software/webalbum

www.stanford.edu/~epop/igal

GERADOR DE BOTÕES WEB

www.buttonator.com

www.dabuttonfactory.com

www.devdude.com/tools/css/button_text

www.flashbuttons.com

css-tricks.com/examples/ButtonMaker

GERADOS DE LAYOUT E SITES

csscreator.com/?q=tools/layout

www.inknoise.com/experimental/layoutomatic.php

www.jimdo.com/index.php

www.webnode.com.br

www.wix.com

HOSPEDAGEM WEB GRATUITA

sites.google.com

www.geraweb.com

www.xpg.com.br

FAVICON GENERATOR

www.favicongenerator.com

www.genfavicon.com

RELÓGIOS FLASH

clocklink.com

design.webepronto.com/relogios.php

CONTADOR DE VISITAS

revolvermaps.com

Logos, botões, imagens ou mesmo modelos completos de sites que podem ser rapidamente usados como base para criação de novos espaços Web. Atualmente a Internet tem tudo, basta saber o que quer procurar. Pode até pretender criar um site à sua imagem a partir do nada, mas uma ajudinha de vez em quando nunca fez mal a ninguém, seja para ir buscar umas ideias, ou mesmo algumas peças soltas para criar um conjunto ainda melhor.

Existem inúmeros sites que oferecem imagens de todas as formas e feitios, desde fotos, a botões ou outros elementos. Onde procurar? Existe um site que lhe indica os melhores locais na Internet onde pode ir buscar os elementos que necessita para criar a sua obra-prima, de forma gratuita. Em www.thefreesite.com/Free-Graphics poderá encontrar tudo aquilo que procura, e mais algumas coisas...

Se está à procura de formas rápidas e fáceis de melhorar o seu espaço Web com a ajuda de ferramentas online, siga até a www.hypergurl.com/generators. Aqui poderá encontrar ferramentas gratuitas para gerar imagens, botões, menus e caixas e ter acesso a dicas úteis em Javascript e Flash. Basta trabalhar com os controles até ter o produto final desejado. De seguida, basta gerar o código. Quando ele aparecer, só tem de o copiar e colar nas suas páginas Web.

Se quiser usar como ponto de partida o modelo pré-concebido de um site, fica também desde já a saber que pode fazer todo o tipo de ajustes no Kompozer. Existem milhares de modelos de sites online, gratuitos. Deixamos aqui como exemplo três sites: o Open Designs www.opendesigns.org, o Open Web Design (www.openwebdesign.org) e o OSWD (www.oswd.org). Estes três espaços permitem a qualquer pessoa construir um site sem ter preocupações de qualquer ordem. Só tem mesmo de escolher os conteúdos que quer inserir.

Se pretender saber mais sobre os prós e os contras da linguagem HTML e CSS, deverá dirigir-se a um site como o W3 Schools (www.w3schoools.com), que oferece um leque bastante alargado de guias e tutoriais muito completos. Existe um outro local que vale a pena visitar. Siga até www.html.net para ter acesso a vários tutoriais divididos em vários capítulos.

SOFTWARES PARA DOWNLOAD

Gerador de Templates XHTML/CSS Online

wonderwebware.com/templateshaker

Gerador de Efeitos em Flash

www.effectgenerator.com

Trabalho NC2 e NC3

Trabalho Apresentação de slides

Criar uma apresentação de slides divertida:
(Assunto a escolher entre: Propaganda de empresa, produto, homenagem ou assunto de seu interesse em pesquisa)

A apresentação deve conter:

• Imagens
• Formas
• Texto
• Múscia
• Vídeo
• WordArt
• SmartArt
• Hiperlink
• Animações
• Transição de slides

Obs: No final da aula, comunicar a professora, sobre o assunto escolhido.

Critérios de avaliação:
- Criatividade
- Inovação
- Diversão empregada na apresentação

Dúvida? (envie para: santosald@gmail.com)

Inkscape

Material de apoio para aula de Inkscape:
Manual
Manual 1
Manual Rápido

Nanotecnologia

E você o que acha sobre NANOTECNOLOGIA?
- O que é?
- Tipos de componentes que utilizam tecnologia
- Áreas aplicadas
- Futuro da Nanotecnologia

Scratch

Manual do Scratch

Softwares Web

Softwares Web

Geradores de Layout

Softwares de Instalação

Geradores online

http://csscreator.com/version2/pagelayout.php
http://www.armazemdoblog.com/ferramentas/online/geradores-de-layout-online/
http://www.brogui.com/2008/10/01/25-geradores-online-para-voce-melhorar-o-design-do-seu-blog/
http://www.pagecolumn.com/

Apostila Dreamweaver

Clique e baixe a apostila de Dreamweaver

Vídeo Aulas
http://www.videoaulasbrasil.com.br/dreamweaver/

Exercícios CSS

Exercícios CSS
Fazer...
(12, 13, 15, 19, 20, 21, 29, 34, 35, 38, 40, 42, 43, 44, 45, 46 a 53)

Exercícios CSS

1.Crie um novo documento HTML
2.Digite seis cabeçalhos diferentes utilizando as tags headings h1 e h6
3.Salve o arquivo com o nome cabecalhos.htm
4.Visualize no browser
5.Também podemos alinhar o cabeçalho através do parâmetro align
6. Digite diversos textos com tamanhos diferentes, cores, tipos de fontes
7.Salve o arquivo com o nome fontes.htm
8. Coloque cor de fundo na página
9. Crie um link para o arquivo aula.txt
10. Mude o link de cor quando visitado
11. Mude o link quando o mouse é passado sobre ele com alguma propriedade de hover...

Geogebra

Material de apoio

Formulário no Kompozer

Como fazer um form no Kompozer

Hospedagem no XPG

Clique para baixar

Softwares Web

Clique e baixe

Vida Digital

Regras de etiqueta na vida digital...

Trabalho Word - NC1, NC2 e NC3

Propaganda!!!!
Cada aluno deve criar uma empresa (pode ser fictícia) para elaborar um folder. O folder deve conter (Imagens, Formas, Texto, Nome da empresa, endereço e nome do produto comercializado)

Critérios de avaliação:
- Criatividade
- Uso da linguagem específica de propaganda

Trabalho Site Pronto

O site deve conter...
- Imagens (minímo 5)
- Texto (coerente com o assunto)
- Formulário de contato
- No menu (minímo 5 itens)
- Gifs Animados (minímo 2)

Trabalho

- Faça um comentário no meu blog, no post deste trabalho e relate os pontos positivos e negativos da conversa com Fabrício Stein (Não tornar público o comentário).
- Pesquise uma das tecnologias apresentadas pelo Fabrício. Faça um resumo e crie um post no seu blog sobre a tecnologia.

Qual será o destino da sua Alma Digital?

Somos a primeira geração a criar um vasto registro online...

leia mais

Word 2010

Clique e baixe a apostila de word2010

Trabalho Site

Criar um site que contenha os comandos aprendidos em HTML.
Requisitos:
- Frames
- Imagens
- Tabelas
- Marquee
(O assunto do site é sobre novidades tecnologicas)
* Mínimo de Páginas (3)
Estrutura:
Home
Tecnologia
Contato

Fonte para pesquisa:
http://tecnologia.terra.com.br/
http://www.inovacaotecnologica.com.br/index.php

Exercícios HTML

Clique e baixe exercícios em HTML.

Feliz Páscoa!!!

Que todos tenham uma ótima Páscoa, e que o coelhinho traga muitos ovinhos, e que neles não tenha apenas chocolate, mas também um pouco de paz, amor e compreensão.
Abraço!

Profe Ana

HTML

Apostila de HTML

GIMP

EXEMPLOS GIMP
http://www.gimp.com.br/smf/index.php?topic=6923.0

LAYOUTS WEB COM GIMP:
http://www.gimp.wisdomplug.com/category/Web-Layouts
http://www.tutorialsphere.com/tutorials/gimp/website-layouts
http://www.tutorialized.com/tutorials/Gimp/Web-Layouts/1

Módulo Digitação

Datas para entrega da digitação
Curso Inicial
NC1 - 03/05
NC2 - 03/05
NC3 - 03/05

Curso Intermediário
NC1 - 12/07
NC2 - 12/07
NC3 - 12/07

Curso Avançado
NC1 - 27/09
NC2 - 27/09
NC3 - 27/09

Curso de Especialização
NC1 - 13/12
NC2 - 13/12
NC3 - 13/12

Obs: As datas podem sofrer alterações dependendo da programação das aulas.

Digitação

TypingWeb: Pratique digitação

TypingWeb é um tutorial de digitação grátis pra todas as idades. Todos os níveis de capacidade podem beneficiar do TypingWeb.

Velocidade e precisão incríveis. Nunca mais olhe para o teclado!

• tutor de digitação 100% gratuito
• Com base na Web, acesso em qualquer lugar
• Aumente sua produtividade
  
• Digitando mais rápido = mais tempo livre
• Aprenda técnicas de digitação apropriadas

Site disponível em vários idiomas inclusive o português.

Acesse: http://pt.typingweb.com

Fonte: http://pt.typingweb.com

Windows - Questões

Questões de concurso - Windows

Mais GIMP

Exercícios
Composições
Aplicações Básicas
Layout 3 colunas
Filtros
Animações
Botão Aqua Plastic

Introdução Informática - Windows

Clique e baixe a apostila de Windows XP

GIMP

Apostilas de GIMP

Apostila1
Apostila2
Apostila3

Fotos com efeitos

Clique e crie vários looks em suas fotos...

Gif Animado

Clique e crie um gif animado online...

Jogo Internet - Quizz

Clique e resolva o quizz...