O blog foi iniciado em 2011, hoje não é mais atualizado pois estamos com um novo blog, foi muito bom postar no Grandes Tutos enquanto durou.
Última modificação: 18/09/2016.

segunda-feira, 9 de janeiro de 2012

Curso de web design

Faça o curso de webdesign grátis.
Leia mais!

Chegou o curso grátis de web design por apostila,para fazer o curso clique aqui.
Indíce:

HTML
1. DEFINIÇÃO..........................................................................................................01


2. CRIANDO DOCUMENTOS HTML.......................................................................03
2.1 - ELEMENTOS BÁSICOS.........................................................................05
2.1.1 - TÍTULOS..............................................................................................05
2.1.2 - CABEÇALHO.......................................................................................06
2.1.3 - PARÁGRAFO.......................................................................................07
2.1.4 - QUEBRA DE LINHA.............................................................................08
2.1.5 - COMENTÁRIOS...................................................................................09
2.1.6 - LISTA DE ELEMENTOS BÁSICOS......................................................09
2.1.7 - DICAS...................................................................................................10


3. FORMATAÇÃO DE TEXTO.................................................................................11
3.1 - DEFININDO FONTES.............................................................................11
3.2 - ESTILO DE TEXTOS..............................................................................12
3.3 - FORMATANDO BLOCO DE TEXTOS....................................................13
3.3.1 - TAG DIV...............................................................................................13


4. CONTROLE DE CORES E GRÁFICOS DE FUNDO...........................................15
4.1 - CORES E ELEMENTOS GRÁFICOS DE FUNDO..................................15
4.1.1 - BACKGROUND (IMAGEM DE FUNDO)..............................................15
4.1.2 - BGCOLOR............................................................................................16
4.2 - CORES DE LETRAS E LINKS................................................................18
4.2.1 - ATRIBUTO TEXT..................................................................................18
4.2.2 - ATRIBUTO LINK, VLINK E ALINK........................................................19


5. LINKS.....................................................................................................................21
5.1 - ÂNCORAS..............................................................................................21
5.2 - INTERLIGANDO DOCUMENTOS EM OUTROS DIRETÓRIOS...........22
5.3 - INTERLIGANDO URL'S.........................................................................25
5.4 - LINKS PARA E-MAILS...........................................................................25


6. LISTAS..................................................................................................................26
6.1 - LISTAS NÃO NUMERADAS.....................................................................26
6.2 - LISTAS NUMERADAS..............................................................................28
6.3 - LISTA DE DEFINIÇÕES...........................................................................30
6.4 - LISTA INTERCALADAS............................................................................33


7. IMAGENS...............................................................................................................35
7.1 - INSERINDO IMAGENS NA PÁGINA.......................................................36
7.2 - DIMENSIONANDO IMAGENS.................................................................37
7.3 - ALINHANDO IMAGENS...........................................................................38
7.3.1 - ALINHAMENTO EM RELAÇÃO AO NAVEGADOR...............................38
7.3.2 - ALINHAMENTO EM RELAÇÃO AO TEXTO... ......................................39
7.4 - OUTROS ATRIBUTOS..............................................................................40


8.TABELAS................................................................................................................42
8.1 - MARCAÇÕES BÁSICAS...........................................................................42
8.2 - DESENVOLVENDO UMA TABELA SIMPLES..........................................43
8.3 - ATRIBUTOS DE CONTROLE DE TABELAS............................................45
8.4 - CORES E IMAGEM NA TABELA..............................................................56
8.4.1 - CORES NA TABELA..............................................................................56
8.5 - IMAGEM DE FUNDO NAS TABELAS.......................................................57

9. CORES................................................................................................................55
9.1 - MATIZ, SATURAÇÃO E TONALIDADE................................................. 55
9.2 - SISTEMA DE REPRESENTAÇÃO DAS CORES...................................55
9.3 - PSICOLOGIA DAS CORES....................................................................56


10. TIPOLOGIA.......................................................................................................59


10.1 - ESTILO ANTIGO.....................................................................................59
10.2 - ESTILO MODERNO................................................................................60
10.3 - SERIFA GROSSA...................................................................................61
10.4 - SEM SERIFA...........................................................................................62
10.5 – MANUSCRITO........................................................................................62
10.6 – DECORATIVO........................................................................................63


PHOTOSHOP


11. FERRAMENTAS DO PHOTOSHOP................................................................64


11.1 – INICIANDO O PHOTOSHOP...............................................................64
EXERCÍCIOS PARA REVISÃO......................................................................66


12. VISUALIZANDO AS IMAGENS.......................................................................67
EXERCÍCIOS PARA REVISÃO......................................................................68


13. SELECIONANDO E MOVENDO IMAGENS....................................................69


13.1 – MARCA DE SELEÇÃO........................................................................69
13.2 – LAÇO...................................................................................................70
13.3 – VARINHA MÁGICA..............................................................................71
13.4 – CORTE DEMARCADO........................................................................73
EXERCÍCIOS PARA REVISÃO......................................................................73


14. MODIFICANDO AS SELEÇÕES.....................................................................74


14.1 – FILTROS..............................................................................................75
EXERCÍCIOS PARA REVISÃO......................................................................76


15. TRANSFORMANDO AS SELEÇÕES..............................................................77


15.1 – PINCEL................................................................................................78
15.2 – FERRAMENTA DEGRADÊ.................................................................78
15.3 – CARIMBO............................................................................................80
15.4 – DESFOQUE, NITIDEZ E BORRAR.....................................................81
EXERCÍCIOS PARA REVISÃO......................................................................81


16. FERRAMENTAS DE TEXTO...........................................................................82
EXERCÍCIOS PARA REVISÃO......................................................................84


17. CRIAÇÕES DE ARQUIVOS PARA WEB........................................................86
EXERCÍCIOS PARA REVISÃO......................................................................88


18. VOCABULÁRIO UTILIZADO NO PHOTOSHOP............................................89


19. SEJA UM BOM WEB DESIGNER...................................................................91

DREAMWEAVER


20. APRESENTANDO O DREAMWEAVER..........................................................93


20.1 – BARRA DE TÍTULOS...........................................................................94
20.2 – BARRA DE MENUS.............................................................................94
20.3 – BARRA INSERIR..................................................................................94
20.4 – BARRA DE FERRAMENTAS DOCUMENTOS....................................94
20.5 – PAINÉIS................................................................................................95
20.6 – GRUPOS DE PAINÉIS.........................................................................95
20.7 – ÁREA DE DESENVOLVIMENTO.........................................................95
20.8 – VISUALIZAÇÃO DO DREAMWEAVER................................................95
20.9 – BARRA DE STATUS............................................................................96
20.1.1 – MENUS CONTEXTUAIS....................................................................96
EXERCÍCIOS PARA REVISÃO.......................................................................96


21. CRIANDO UM NOVO SITE...............................................................................97


22. INICIANDO UMA PÁGINA NO DREAMWEAVER...........................................98


22.1 – CRIANDO E SALVANDO UMA NOVA PÁGINA......................................98
22.2 – CRIANDO O ARQUIVO INDEX.HTM.......................................................98
22.3 – DEFININDO AS PROPRIEDADES DA PÁGINA......................................99
22.4 – INSERINDO TABELAS...........................................................................100
22.5 – MAPEAMENTO DE IMAGENS...............................................................101
EXERCÍCIOS PARA REVISÃO..........................................................................102


23. LINKS E NAVEGAÇÃO...................................................................................103


23.1 – LOCALIZAÇÃO E CAMINHOS DOS DOCUMENTOS..............................103
23.2 – TESTANDO A PÁGINA.............................................................................105
EXERCÍCIOS PARA REVISÃO.............................................................................106


24. FORMULÁRIOS...............................................................................................107


25. DICAS PARA A CRIAÇÃO DE UM SITE........................................................110


25.1 – DEFINIR O CONTEÚDO, O QUE SERÁ DIVULGADO NO SITE..........110
25.2 – ESTABELECER OBJETIVOS................................................................110
25.3 – DIVIDA SEUS CONTEÚDOS EM TÓPICOS.........................................111
25.4 – QUAIS AS QUESTÕES QUE DEVO LEVANTAR COM RELAÇÃO
À ORGANIZAÇÃO E NAVEGAÇÃO DE UM SITE?.......................................111
25.5 – Próxima etapa do planejamento.............................................................111



0 comentários:

Postar um comentário

1.Proibido chingar.
2.Proibido colocar coisas pornográficas.
3.Proibido publicar seu site.
4.Proibido colocar coisas que não tem haver com o post.
5.Não coloque coisas do tipo 'como criar um site'.
6.proibido colocar conteúdo em risco.
Obrigado por comentar,seja atencioso com as regras,senão seu comentário não será publicado.