1 aula de dreamweaver
DESCRIPTION
Introdução ao DreamweaverTRANSCRIPT
![Page 1: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/1.jpg)
Área de TrabalhoA área de trabalho do Dreamwever CS3, da Adobe segue o padrão que observa na maioria das ferramentas de desenvolvimento. A janela principal é dividida em múltiplas seções, as quais
oferecem menus e controles conforme a atividade que o usuário esteja realizando no momento.
![Page 2: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/2.jpg)
Quando se abre o Dreamweaver CS3, a área de trabalho apresenta está configuração.
![Page 3: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/3.jpg)
Na área central a tela de boas-vindas.
![Page 4: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/4.jpg)
Está tela tem várias funções. Primeiro da acesso à arquivos trabalhados recentemente
![Page 5: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/5.jpg)
Há também links para a criação de arquivos novos utilizando padrões como HTML, PHP ASP com VBScript, CSS, XML etc. Aqui, cada arquivo começa do zero.
![Page 6: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/6.jpg)
Também é possível criar páginas novas com base em exemplos prontos.
![Page 7: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/7.jpg)
Nos dois últimos casos pode-se clicar no botão More para abrir um painel mais detalhado.
![Page 8: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/8.jpg)
Ambos os botões abrem o painel New Document, que exibe o tipo de documento:
Página em branco
Modelo em Branco
Página em branco com base em modelo
Página com base em exemplos
Outros
![Page 9: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/9.jpg)
Na coluna Page Type, escolhe-se o padrão de arquivos a ser criado.
![Page 10: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/10.jpg)
O layout produz uma página e exibe uma representação gráfica.
Vale lembrar que o comando menu File > New, ou CRTL+ N, também exibe este mesmo painel
![Page 11: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/11.jpg)
Na parte inferior da tela boas-vindas encontram-se os linkspara informações e tutoriais sobre o Dreamweaver.
![Page 12: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/12.jpg)
O link á direita conduz a área do site da Adobeespecializada no desenvolvimento de aplicações web.
![Page 13: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/13.jpg)
Por fim clique na caixa Don’t Show Again, se quiser que o Dreamweaver não apresente mais a tela de Boas-vindas.
![Page 14: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/14.jpg)
Na parte inferior da área de trabalho localizam-se três painéis retráteis:
Próperties
Results
Time lines
![Page 15: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/15.jpg)
Properties reúne os atributos do objeto que se está trabalhando.
Properties
![Page 16: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/16.jpg)
O painel Results como o nome sugere, apresenta resultados de testes.O Dreamweaver tem, por exemplo, um recurso para verificar se a página
contém itens incompatíveis com os principais browsers.O resultado do teste aparece neste espaço.
Results
![Page 17: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/17.jpg)
O terceiro painel, Timeslines, controla linhas do tempo Associadas à duração e comportamento de animações que podem ser feitas no Dreamweaver.
Time lines
![Page 18: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/18.jpg)
Outros paineis retráteis ficam no lado direito da tela principal. Eles referem-se, por exemplo as folhas de estilo CSS aos arquivos
De um site, itens de banco de dados ou aos comportamentos de uma aplicação.
![Page 19: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/19.jpg)
Observe as pequenas setas, embaixo e à direita da tela de boas vindasum clique numa delas oculta os painéis correspondentes,
deixando mais espaço livre na área de trabalho.
![Page 20: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/20.jpg)
O Dreamweaver tem ainda uma série de barras de ferramentas que aparecem em contextos especificos.
![Page 21: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/21.jpg)
Uma delas é essa que fica no alto de cada documento
![Page 22: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/22.jpg)
Uma delas é essa que fica no alto de cada documento e oferece comandos como
Code, para exibir o código embutido na página da Web.
![Page 23: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/23.jpg)
Uma delas é essa que fica no alto de cada documento e oferece comandos como
Split, mostra a página parte em código e parte em modo Design.
![Page 24: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/24.jpg)
O ícone do mundo que equivale a F12, abre o documento no Browsers.
![Page 25: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/25.jpg)
Há ainda botões para validação da página ( por exemplo, diante do padrão HTML 4.0)
![Page 26: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/26.jpg)
E o checador de compatibilidade com o browsers.
![Page 27: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/27.jpg)
Clique na seta do painel insert. Com isso se abre um sistema de abas.Cada uma dessas abas tem um sistema de ferramentas próprias.
![Page 28: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/28.jpg)
Propriedades da Página
![Page 29: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/29.jpg)
Propriedades da Página
A opção Page font exibe a palheta de fontes a palheta de fontes para múltipla escolha.
![Page 30: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/30.jpg)
Propriedades da Página
A opção Size exibe o tamanho desejado da fonte
![Page 31: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/31.jpg)
Propriedades da Página
A caixa Text color exibe a palheta de cores, clique nela para definir uma cor padrão para o texto do documento.
![Page 32: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/32.jpg)
Propriedades da Página
A caixa Background color exibe a palheta de cores, clique nela para definir uma cor de fundo para o documento.
![Page 33: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/33.jpg)
Propriedades da Página
A caixa Background image insere a imagem desejada como plano de fundo.
![Page 34: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/34.jpg)
Propriedades da Página
A caixa de diálogo Repeat determina como a imagem de fundo está repetida.
![Page 35: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/35.jpg)
Propriedades da Página
Os campos Left margin, Top margin, Rigth margin, Botton margin,Especificam os tamanhos das margens da página.
![Page 36: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/36.jpg)
Propriedades da Página
Os campos Left margin, Top margin, se aplicam somente ao Microsoft Internet Explorer
![Page 37: 1 Aula De Dreamweaver](https://reader031.vdocuments.com.br/reader031/viewer/2022013105/557b465ad8b42a8c528b480d/html5/thumbnails/37.jpg)
Propriedades da Página
Os campos Right margin, Bottom margin, se aplicam ao Netscape Navigator.
Obs. Os campos Left e Top margim são ignorados pelo Netscape.