Trunfo do Designer

Tutoriais para Dreamweaver - Do começo

Posted by Aimée Bruzzi On 16:05 2 comentários

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.

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.

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.

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 de inserir imagem, a mesma coisa se quiseres inserir uma tabela ou um rollover image.

Esta janela apresenta sempre as propriedades do objecto que está seleccionado.
Se tiveres uma imagem seleccionada a janela permite-te: dar um nome à imagem, alterar a largura e altura, dar-lhe um link, um alt, até podes edita-la.
As propriedades das layers são bastante importante, sobretudo se queres controlar a sua posição com precisão. Podes alterar a sua profundidade, a sua visibilidade, inserir uma imagem ou uma cor de fundo, entre outras coisas.