Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 06 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 06.

Apresentação em tema: "Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 06 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 06."— Transcrição da apresentação:

1 Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 06 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 06

2 Menu e Formatação Vamos Continuar a formatar o nosso Site. Agora o Menu!

3 Menu e Formatação Retomando os arquivos: index.html eestilo.css

4 Menu e Formatação Criar nova tag

5 Menu e Formatação Inserir título no menu

6 Menu e Formatação Criando Lista Ordenada

7 Menu e Formatação Itens da Lista

8 Menu e Formatação Resultado

9 Menu e Formatação Tipos de Listas ordenadas

10 Menu e Formatação Resultado

11 Menu e Formatação

12 Menu e Formatação Resultado

13 Menu e Formatação

14 Menu e Formatação Resultado

15 Menu e Formatação

16 Menu e Formatação Resultado

17 Menu e Formatação Listas Não Ordenadas

18 Menu e Formatação Resultado

19 Menu e Formatação - Default

20 Menu e Formatação Resultado

21 Menu e Formatação Links

22 Menu e Formatação Target e Mailto

23 Menu e Formatação Resultado

24 Menu e Formatação Identificando a tag

25 Menu e Formatação Tirando a marcação da Lista

26 Menu e Formatação Resultado

27 Menu e Formatação Convertendo em Letra Maiúscula

28 Menu e Formatação Resultado

29 Menu e Formatação Colocando lado a lado

30 Menu e Formatação Resultado

31 Menu e Formatação Cor de fundo

32 Menu e Formatação Resultado

33 Menu e Formatação Espaçando o Fundo

34 Menu e Formatação Resultado

35 Menu e Formatação Inserindo uma Margem entre os itens

36 Menu e Formatação Resultado

37 Menu e Formatação Bloqueando o menu

38 Menu e Formatação Mantendo a Posição Absoluta

39 Menu e Formatação Posição

40 Menu e Formatação Resultado

41 Menu e Formatação Ajustando a Margem Superior

42 Menu e Formatação Resultado

43 Menu e Formatação Ocultando o Título do Menu

44 Menu e Formatação Resultado Antes

45 Menu e Formatação Resultado Depois

46 Menu e Formatação Alterando a Cor de Fundo com o mouse

47 Menu e Formatação Resultado

48 Menu e Formatação Efeito de Transição

49 Menu e Formatação Resultado

50 Dica Pode ser que a Transição não funcione em todos os navegadores.

51 Dica Insira o código

52 Dica Copie e cole no seu arquivo

53 Menu e Formatação Formatando as características dos links

54 Menu e Formatação Resultado

55 Menu e Formatação Características dos links - Hover

56 Menu e Formatação Resultado

57 Design Digital Dúvidas?