7 - Criação de Páginas 7 - Criação de Páginas WebWeb

Macromedia DreamweaverMacromedia Dreamweaver

ApresentaçãoApresentação

ApresentaçãoApresentação

Para iniciar o Para iniciar o DreamweaverDreamweaver, pressionar o botão , pressionar o botão INICIAR – TodosINICIAR – Todos os Programasos Programas – – MacromediaMacromedia – – Macromedia DreamweaverMacromedia Dreamweaver

ApresentaçãoApresentação

O O DreamweaverDreamweaver fornece duas opções de fornece duas opções de apresentação da área de trabalho:apresentação da área de trabalho: janela (A);janela (A); painéis integrados ou flutuantes (B).painéis integrados ou flutuantes (B).

A B

ApresentaçãoApresentação

Os sites doOs sites do Dreamweaver Dreamweaver constituem uma maneira de constituem uma maneira de organizar todos os documentos associados a um site da Web. organizar todos os documentos associados a um site da Web. Para cada site a ser criado na Web, é necessário configurar um Para cada site a ser criado na Web, é necessário configurar um site no site no DreamweaverDreamweaver. .

Para configurar um site do Dreamweaver:Para configurar um site do Dreamweaver:seleccionar seleccionar SITE – Novo siteSITE – Novo site. Aparecerá a caixa de diálogo . Aparecerá a caixa de diálogo

«Definição do site»;«Definição do site»;clicar no separador «Básico», para utilizar o Assistente de clicar no separador «Básico», para utilizar o Assistente de

definição dodefinição dosite, ou no separador «Avançado», para usar as definições site, ou no separador «Avançado», para usar as definições

avançadas;avançadas;concluir o processo de configuração do site do concluir o processo de configuração do site do DreamweaverDreamweaver

no Assistenteno Assistentede definição do site, responder às perguntas e clicar em de definição do site, responder às perguntas e clicar em

AvançarAvançar, para continuar o processo de configuração., para continuar o processo de configuração.

Como criar documentosComo criar documentos

Para criar Para criar um novoum novo documento em branco: documento em branco: seleccionar seleccionar ARQUIVO – NovoARQUIVO – Novo;; na lista «Categoria», seleccionar a categoria do na lista «Categoria», seleccionar a categoria do

documento a ser criado;documento a ser criado; na lista «Página básica», seleccionar o tipo de página na lista «Página básica», seleccionar o tipo de página

que deseja e clicar em que deseja e clicar em CriarCriar..

Como criar documentosComo criar documentos Para criar um novo documento a partir de um Para criar um novo documento a partir de um

modelo:modelo: escolher escolher ARQUIVO – NovoARQUIVO – Novo para abrir a caixa de diálogo para abrir a caixa de diálogo

«Novo documento»;«Novo documento»; no separador «Modelos», na lista «Modelos», seleccionar no separador «Modelos», na lista «Modelos», seleccionar

o site do o site do Dreamweaver Dreamweaver que contém o modelo desejado;que contém o modelo desejado; seleccionar o modelo a ser utilizado;seleccionar o modelo a ser utilizado; desmarcar a opção «Actualizar a página quando o modelo desmarcar a opção «Actualizar a página quando o modelo

for alterado», para que o novo documento do modelo for alterado», para que o novo documento do modelo passe a ser independente;passe a ser independente;

clicar em clicar em CriarCriar;; guardar o documento.guardar o documento.

Como criarComo criardocumentos existentesdocumentos existentes

Determinados ficheiros, como documentos Determinados ficheiros, como documentos CSS, são abertos somente na CSS, são abertos somente na visualização do código.visualização do código.

Para abrir um arquivo existente, proceder Para abrir um arquivo existente, proceder da seguinte forma:da seguinte forma:seleccionar seleccionar ARQUIVO – AbrirARQUIVO – Abrir..na caixa de diálogo que aparece, seleccionar na caixa de diálogo que aparece, seleccionar

o ficheiro a ser aberto;o ficheiro a ser aberto;clicar em clicar em AbrirAbrir..

Como guardar documentosComo guardar documentos

Ao guardar um documento, evitar utilizar Ao guardar um documento, evitar utilizar espaços e caracteres especiais nos nomes de espaços e caracteres especiais nos nomes de ficheiros e pastas, ou seja, não utilizar ficheiros e pastas, ou seja, não utilizar acentos, pontuação, ç, etc.acentos, pontuação, ç, etc.

Para guardar um documento:Para guardar um documento:seleccionar seleccionar ARQUIVO – SalvarARQUIVO – Salvar;;na caixa de diálogo, navegar até a pasta onde se na caixa de diálogo, navegar até a pasta onde se

vai guardar o ficheiro;vai guardar o ficheiro;em «Nome do ficheiro», digitar um nome para o em «Nome do ficheiro», digitar um nome para o

ficheiro;ficheiro;clicar em clicar em SalvarSalvar para guardar o ficheiro. para guardar o ficheiro.

Definição das propriedadesDefinição das propriedades Os títulos de páginas, as cores e imagens de fundo, as cores do texto e Os títulos de páginas, as cores e imagens de fundo, as cores do texto e

dos links, tal como as margens, são propriedades dos documentos HTML.dos links, tal como as margens, são propriedades dos documentos HTML. Para definir propriedades da página: Para definir propriedades da página:

Seleccionar Seleccionar MODIFICAR – Propriedades da páginaMODIFICAR – Propriedades da página ou, ou, alternativamente, seleccionar alternativamente, seleccionar Propriedades da páginaPropriedades da página no no menu de atalho, se estiver a ser usada visualização de menu de atalho, se estiver a ser usada visualização de ProjectoProjecto da janela do documento. da janela do documento.

Inserção de texto e objectosInserção de texto e objectos

Para adicionar texto a um documento, Para adicionar texto a um documento, seguir um dos procedimentos abaixo:seguir um dos procedimentos abaixo:Digitar o texto directamente na janela do Digitar o texto directamente na janela do

documento.documento.Copiar o texto de outra aplicação, alternar para Copiar o texto de outra aplicação, alternar para

o o DreamweaverDreamweaver, posicionar o ponto de inserção , posicionar o ponto de inserção no documento e escolher no documento e escolher EDITAR – ColarEDITAR – Colar (o (o DreamweaverDreamweaver não mantém a formatação de não mantém a formatação de texto que foi aplicada no outro programa, mas texto que foi aplicada no outro programa, mas preservará as quebras de linha).preservará as quebras de linha).

Definição da fonte, tamanho, Definição da fonte, tamanho, cor e alinhamentoscor e alinhamentos

No Inspector de propriedades, utilizar o sub-menu No Inspector de propriedades, utilizar o sub-menu Texto Texto – Formato do parágrafo– Formato do parágrafo ou o menu pendente ou o menu pendente «Formato» para definir o estilo de formatação padrão «Formato» para definir o estilo de formatação padrão (Parágrafo, Pré-formatado, Cabeçalho 1, Cabeçalho 2, (Parágrafo, Pré-formatado, Cabeçalho 1, Cabeçalho 2, etc.) para um bloco de texto.etc.) para um bloco de texto.

Definição da fonte, tamanho, Definição da fonte, tamanho, cor e alinhamentoscor e alinhamentos

Para alterar a fonte, o tamanho, a cor e o Para alterar a fonte, o tamanho, a cor e o alinhamento do texto seleccionado, usar o menu alinhamento do texto seleccionado, usar o menu TEXTOTEXTO ou o Inspector de propriedades. ou o Inspector de propriedades.

Definição da fonte, tamanho, Definição da fonte, tamanho, cor e alinhamentoscor e alinhamentos

É possível combinar várias formatações num É possível combinar várias formatações num único estilo, denominadoúnico estilo, denominado

estilo HTML, guardando-o em «Estilos HTML»estilo HTML, guardando-o em «Estilos HTML»