16
1 Adobe Dreamweaver CS4 Profa. Flávia Pereira de Carvalho Fontes: Adobe Dreamweaver CS4 – Websites Interativos – Processor Alfamídia Adobe Dreamweaver CS4 - Classroom in a Book – Guia de Treinamento Oficial da Adobe Crie, Anime e Publique seu Site - Fireworks, Flash e Dreamweaver – William Alves 2 Principal Fonte deste Material (pág. 246 a 295) 3 Ambiente do Dreamweaver CS4 4 Janela de Documentos e Barra de Ferramentas 5 Dreamweaver CS4 6 Dreamweaver CS4

Adobe Dreamweaver CS4 - FACCATfit.faccat.br/~fpereira/aula_dreamweaver/slides_aula_dreamweaver_… · Adobe Dreamweaver CS4 - Classroom in a Book – Guia de Treinamento Oficial da

  • Upload
    others

  • View
    50

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Adobe Dreamweaver CS4 - FACCATfit.faccat.br/~fpereira/aula_dreamweaver/slides_aula_dreamweaver_… · Adobe Dreamweaver CS4 - Classroom in a Book – Guia de Treinamento Oficial da

1

Adobe Dreamweaver CS4

Profa. Flávia Pereira de Carvalho

Fontes: Adobe Dreamweaver CS4 – Websites Interativos – Processor AlfamídiaAdobe Dreamweaver CS4 - Classroom in a Book – Guia de Treinamento Oficial da AdobeCrie, Anime e Publique seu Site - Fireworks, Flash e Dreamweaver – William Alves

2

Principal Fonte deste Material(pág. 246 a 295)

3

Ambiente do Dreamweaver CS4

4

Janela de Documentos eBarra de Ferramentas

5

Dreamweaver CS4

6

Dreamweaver CS4

Page 2: Adobe Dreamweaver CS4 - FACCATfit.faccat.br/~fpereira/aula_dreamweaver/slides_aula_dreamweaver_… · Adobe Dreamweaver CS4 - Classroom in a Book – Guia de Treinamento Oficial da

2

7

Dreamweaver CS4

8

Dreamweaver CS4

9

Modos de Layout

10

Painel de Objetos (modo Designer)

11

Painel de Propriedades ePainéis Auxiliares

12

Inserção de Textos

Page 3: Adobe Dreamweaver CS4 - FACCATfit.faccat.br/~fpereira/aula_dreamweaver/slides_aula_dreamweaver_… · Adobe Dreamweaver CS4 - Classroom in a Book – Guia de Treinamento Oficial da

3

13

Inserção de Textos

14

Inserção de Textos

15

Inserção de Textos

16

Inserção de Textos

17

Inserção de Textos

18

Inserção de Textos

Page 4: Adobe Dreamweaver CS4 - FACCATfit.faccat.br/~fpereira/aula_dreamweaver/slides_aula_dreamweaver_… · Adobe Dreamweaver CS4 - Classroom in a Book – Guia de Treinamento Oficial da

4

19

Criação de Listas

20

Criação de Listas

21

Criação de Listas

22

Criação de Listas

23

Criação de Listas

24

Como Alterar a Aparência das Listas

Page 5: Adobe Dreamweaver CS4 - FACCATfit.faccat.br/~fpereira/aula_dreamweaver/slides_aula_dreamweaver_… · Adobe Dreamweaver CS4 - Classroom in a Book – Guia de Treinamento Oficial da

5

25

Como Alterar a Aparência das Listas

26

Imagens no Dreamweaver

27

Imagens no Dreamweaver

28

Imagens no Dreamweaver

29

Imagens no Dreamweaver

30

Imagens no Dreamweaver

Page 6: Adobe Dreamweaver CS4 - FACCATfit.faccat.br/~fpereira/aula_dreamweaver/slides_aula_dreamweaver_… · Adobe Dreamweaver CS4 - Classroom in a Book – Guia de Treinamento Oficial da

6

31

Imagens no Dreamweaver

32

Imagens no Dreamweaver

33

Imagens no Dreamweaver

34

Imagens no Dreamweaver

35

Imagens no Dreamweaver

36

Imagens no Dreamweaver

Page 7: Adobe Dreamweaver CS4 - FACCATfit.faccat.br/~fpereira/aula_dreamweaver/slides_aula_dreamweaver_… · Adobe Dreamweaver CS4 - Classroom in a Book – Guia de Treinamento Oficial da

7

37

Imagens no Dreamweaver

38

Criação de Tabelas

39

Criação de Tabelas

40

Criação de Tabelas

41

Criação de Tabelas

42

Criação de Tabelas

Page 8: Adobe Dreamweaver CS4 - FACCATfit.faccat.br/~fpereira/aula_dreamweaver/slides_aula_dreamweaver_… · Adobe Dreamweaver CS4 - Classroom in a Book – Guia de Treinamento Oficial da

8

43

Criação de Tabelas

44

Criação de Tabelas

45

Criação de Tabelas

46

Criação de Tabelas

47

Criação de Tabelas

48

Divisão da Página em Molduras

Page 9: Adobe Dreamweaver CS4 - FACCATfit.faccat.br/~fpereira/aula_dreamweaver/slides_aula_dreamweaver_… · Adobe Dreamweaver CS4 - Classroom in a Book – Guia de Treinamento Oficial da

9

49

Divisão da Página em Molduras

50

Divisão da Página em Molduras

51

Divisão da Página em Molduras

52

Divisão da Página em Molduras

53

Divisão da Página em Molduras

54

Divisão da Página em Molduras

Page 10: Adobe Dreamweaver CS4 - FACCATfit.faccat.br/~fpereira/aula_dreamweaver/slides_aula_dreamweaver_… · Adobe Dreamweaver CS4 - Classroom in a Book – Guia de Treinamento Oficial da

10

55

Divisão da Página em Molduras

56

Divisão da Página em Molduras

57

Criação de Mapas de Imagens

58

Criação de Mapas de Imagens

59

Criação de Mapas de Imagens

60

Criação de Mapas de Imagens

Page 11: Adobe Dreamweaver CS4 - FACCATfit.faccat.br/~fpereira/aula_dreamweaver/slides_aula_dreamweaver_… · Adobe Dreamweaver CS4 - Classroom in a Book – Guia de Treinamento Oficial da

11

61

Criação de Mapas de Imagens

62

Criação de Mapas de Imagens

63

Criação de Mapas de Imagens

64

Imagens Cambiáveis (Rollover)

65

Imagens Cambiáveis (Rollover)

66

Imagens Cambiáveis (Rollover)

Page 12: Adobe Dreamweaver CS4 - FACCATfit.faccat.br/~fpereira/aula_dreamweaver/slides_aula_dreamweaver_… · Adobe Dreamweaver CS4 - Classroom in a Book – Guia de Treinamento Oficial da

12

67

Imagens Cambiáveis (Rollover)

68

Criação de Formulários

69

Criação de Formulários

70

Criação de Formulários

71

Criação de Formulários

72

Criação de Formulários

Page 13: Adobe Dreamweaver CS4 - FACCATfit.faccat.br/~fpereira/aula_dreamweaver/slides_aula_dreamweaver_… · Adobe Dreamweaver CS4 - Classroom in a Book – Guia de Treinamento Oficial da

13

73

Criação de Formulários

74

Criação de Formulários

75

Criação de Formulários

76

Criação de Formulários

77

Criação de Formulários

78

Criação de Formulários

Page 14: Adobe Dreamweaver CS4 - FACCATfit.faccat.br/~fpereira/aula_dreamweaver/slides_aula_dreamweaver_… · Adobe Dreamweaver CS4 - Classroom in a Book – Guia de Treinamento Oficial da

14

79

Criação de Formulários

80

Criação de Formulários

81

Folhas de Estilos CSS

82

Folhas de Estilos CSS

83

Folhas de Estilos CSS

84

Folhas de Estilos CSS

Page 15: Adobe Dreamweaver CS4 - FACCATfit.faccat.br/~fpereira/aula_dreamweaver/slides_aula_dreamweaver_… · Adobe Dreamweaver CS4 - Classroom in a Book – Guia de Treinamento Oficial da

15

85

Folhas de Estilos CSS

86

Links para Outros Documentos

87

Links para Outros Documentos

88

Links para Outros Documentos

89

Links para Outros Documentos

90

Links para Outros Documentos

Page 16: Adobe Dreamweaver CS4 - FACCATfit.faccat.br/~fpereira/aula_dreamweaver/slides_aula_dreamweaver_… · Adobe Dreamweaver CS4 - Classroom in a Book – Guia de Treinamento Oficial da

16

91

Links dentro do Mesmo Documento

92

Links dentro do Mesmo Documento