TECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO INTRODUÇÃO AO MACROMEDIA DREAMWEAVER MX 2004 O Macromedia Dreamweaver MX 2004 é um software que permite a criação de páginas de Internet profissionais, estáticas ou dinâmicas, de modo fácil e eficaz. As funções de edição visual permitem adicionar rapidamente imagens e várias funcionalidades às páginas sem a necessidade de recorrer a programação manual. Entre muitas particularidades que tornam este software tão especial, destaca-se o facto de ser a primeira ferramenta de autor para a Internet capaz de interpretar vários tipos de ferramentas de desenvolvimento de websites, tais como HTML, CouldFusion, PHP, ASP, JavaS-cript, VBScript, JSP ou CSS. 1

Iniciar o Macromedia Dreamweaver MX 2004 Na primeira utilização do Dreamweaver deverá seleccionar o layout pretendido para o ambiente de trabalho. Numa primeira fase, devemos optar por seleccionar o modo Designer, um layout com os painéis agrupados do lado direito. Iniciar o Macromedia Dreamweaver MX 2004 Se pretender criar um novo documento, pode fazê-lo através da opção New do menu File ou clicar sobre a opção More. Visualiza a janela New Document, que permite um acesso directo aos diferentes tipos de categorias de páginas disponíveis. Uma vez seleccionada a categoria pretendida, escolha o subtipo de página a abrir. 2

Barra de Título Contém o nome da aplicação e do documento activo. No extremo direito estão ainda situados os botões de Minimizar, Restaurar e Fechar. Barra de Inserção A Barra de Inserção contém os objectos que podem ser incluídos na área de trabalho, organizados por categorias. Quando visualizarmos a Barra de Inserção no modo de menu, para alternar entre as várias categorias, devemos clicar sobre o botão Common e seleccionar a categoria pretendida. 3

Barra de Inserção - Common Inclui objectos que regularmente são utilizados nos documentos. Exemplos: hiperligações, tabelas, imagens, etc. Barra de Inserção - Layout Permite desenhar ou inserir tabelas, frames e outros elementos relacionados com a estrutura da página. Barra de Inserção - Forms Inclui os diferentes elementos que podem ser utilizados num formulário. Barra de Inserção - Text Contém as opções de formatação de texto. 4

Barra de Inserção - Html Inclui todos os elementos relacionados com o código Html. Barra de Inserção - Application Nesta categoria, pode incluir server behaviors no documento. Barra de Inserção - Flash Elements Permite a inserção de animações em Flash. Barra de Inserção - Favorites Trata-se de uma categoria que pode ser personalizada pelo utilizador. Isto é, o utilizador adiciona a esta categoria os objectos pretendidos. 5

Barra de Menus Contém todas as operações que se podem realizar no Dreamwaver. Estas estão agrupadas em menus, que, por sua vez, contêm vários comandos. File (Ficheiro) - Menu que possibilita a manipulação de ficheiros. Permite também importar ficheiros provenientes do exterior, pré-visualizar o documento num browser, etc. Edit (Editar) - Contém as mais variadas ferramentas de edição de objectos: copiar, colar, anular, avançar, entre outros. Contém ainda ferramentas de apoio como uma livraria de Tags e referência de teclas de atalho, entre outras. View (Vista) - Contém as várias funcionalidades de vistas, réguas, grelhas e outros elementos de navegação. Insert (Inserir) - Como o nome indica, permite inserir diferentes objectos na área de trabalho, como, por exemplo, imagens, tabelas, hiperligações, etc. Barra de Menus Modify (Modificar) - Permite modificar as diferentes características dos objectos, como tabelas, imagens, frames, etc. Text (Texto) - Menu que permite executar todo o tipo de funções relacionadas com texto, formatação, edição, orientação, etc. Command (Comando) - Permite executar, gerir ou adicionar comandos predefinidos. Podem ser de extrema utilidade num nível avançado de desenvolvimento de uma aplicação. Sites (Sítios) - Menu que contém todas as funcionalidades de manipulação dos perfis de sítios criados no Dreamweaver. Window (Janela) - Menu que contém todas as opções relacionadas com o manuseamento de janelas e ainda permite o acesso a todos os painéis disponíveis. 6

Barra de Ferramentas do documento A Barra de Ferramentas do documento contém todas as funções relacionadas com o documento ou página em que estamos a trabalhar: Painéis A existência de painéis são uma das características do ambiente de trabalho do Dreamweaver, permitindo organizar diferentes conjuntos de ferramentas. Podemos abrir, fechar ou remover painéis individualmente. Por exemplo, o painel Files (ficheiros) contém todas as ferramentas disponibilizadas pela aplicação para a manipulação de ficheiros. 7

Painéis Um dos painéis mais utilizados é o painel Properties (propriedades), onde podemos encontrar todas as opções de configurações relacionadas, de acordo com o tipo de objecto seleccionado. Isto é, para dois objectos distintos, as propriedades podem ser distintas, ou seja, uma imagem e uma tabela têm propriedades diferentes. TECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO 8