Tutorial de Dreamweaver part I

Dreamweaver é um editor html WYSIWYG (What You See Is What You Get) editado pela Macromedia que se distinge dos outros pela possibilidade de dar dinamismo as páginas, utilizando o DHTML (Dynamic html). A construção das páginas faz-se dentro de uma janela com 3 janelas flutuantes: a 1ª serve para inserir diferentes objectos (Window > Objects), a 2ª permite modificar as propriedades dos elementos seleccionados (Window > Properties) e a 3ª serve para abrir outras janelas como a do código html, a dos behaviores (comportamentos) (Window > Launcher), ou ainda a janela de gestão do site.

. Área de Trabalho   A primeira coisa a fazer assim que abrimos o Dreamweaver é aceder à área de trabalho (site) se esta existir, senão terás de cria-la da seguinte maneira: 1. Na barra do menu, fazer Site > New Site.... 2. Deverá aparecer uma janela (Site Definition), onde irá dar um nome a área de trabalho do site, e a sua localização no disco rígido (será um directório a sua escolha). 3. Com isto a janela de gestão do site vai ser construída. Aqui poderás criar, apagar, copiar,... ficheiros e directórios.         Na janela de gestão ( Site > Site Files) do site é onde se organiza o site. Aqui pode-se criar uma pagina "html" (na barra do menu, File > New File) com o nome desejado, ao executar o novo ficheiro ele irá abrir no interface do Dreamweaver , onde iremos construir a nossa página... Aqui podemos alterar o nome de um ficheiro, com a particularida do Dreamweaver alterar automaticamente os links a esta página o que é muito útil. Page Properties... Assim que entrares no ambiente do dreamweaver, uma das primeiras coisas a fazer é abrir as propriedades da página. 1. Para isso tens de aceder ao Modify > Page Properties. Ou ainda mais rápido é com o atalho Ctrl+j. 2. Nessa janela podes dar um título a página, escolher uma imagem de fundo ou uma cor, também podes escolher a cor dos textos e dos links.     4. Janela de objectos O Dreamweaver, dá-nos 3 janelas flutuantes (objects, properties e launcher) para podermos trabalhar. Caso que estas não aparecem, podemos activa-las indo em Window na barra menu. A 1ª janela que nos aparece é a dos objectos (figura à direita). Desta janela só vou falar de 4 objectos (aqueles que são mais usados). Apesar de não estar em primeiro, vou começar por falar das layers. As layers vieram revolucionar as páginas html! Imagina as layers como um quadro invisível, que controlas completamente a sua posição e o seu tamanho. Quando alteras uma propriedade a uma layer todo o seu conteúdo é afectado (imagens, tabelas, texto,...) Por isso aconselho-te que todos os objectos que criares estejam dentro de uma layer. Se queres inserir uma imagem numa layer, tens de a criar e depois com o cursor a piscar dentro da layer clica no botão deinserir imagem, a mesma coisa se quiseres inserir uma tabela ou umrollover image.