7 - Criação de Páginas Web

Apresentação em tema: "7 - Criação de Páginas Web"— Transcrição da apresentação:

1 7 - Criação de Páginas Web
Macromedia Dreamweaver Apresentação

2 Apresentação Para iniciar o Dreamweaver, pressionar o botão INICIAR – Todos os Programas – Macromedia – Macromedia Dreamweaver

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

4 Apresentação Os sites do Dreamweaver constituem uma maneira de organizar todos os documentos associados a um site da Web. Para cada site a ser criado na Web, é necessário configurar um site no Dreamweaver. Para configurar um site do Dreamweaver: seleccionar SITE – Novo site. Aparecerá a caixa de diálogo «Definição do site»; clicar no separador «Básico», para utilizar o Assistente de definição do site, ou no separador «Avançado», para usar as definições avançadas; concluir o processo de configuração do site do Dreamweaver no Assistente de definição do site, responder às perguntas e clicar em Avançar, para continuar o processo de configuração.

5 Como criar documentos Para criar um novo documento em branco:
seleccionar ARQUIVO – Novo; na lista «Categoria», seleccionar a categoria do documento a ser criado; na lista «Página básica», seleccionar o tipo de página que deseja e clicar em Criar.

6 Como criar documentos Para criar um novo documento a partir de um modelo: escolher ARQUIVO – Novo para abrir a caixa de diálogo «Novo documento»; no separador «Modelos», na lista «Modelos», seleccionar o site do Dreamweaver que contém o modelo desejado; seleccionar o modelo a ser utilizado; desmarcar a opção «Actualizar a página quando o modelo for alterado», para que o novo documento do modelo passe a ser independente; clicar em Criar; guardar o documento.

7 Como criar documentos existentes
Determinados ficheiros, como documentos CSS, são abertos somente na visualização do código. Para abrir um arquivo existente, proceder da seguinte forma: seleccionar ARQUIVO – Abrir. na caixa de diálogo que aparece, seleccionar o ficheiro a ser aberto; clicar em Abrir.

8 Como guardar documentos
Ao guardar um documento, evitar utilizar espaços e caracteres especiais nos nomes de ficheiros e pastas, ou seja, não utilizar acentos, pontuação, ç, etc. Para guardar um documento: seleccionar ARQUIVO – Salvar; na caixa de diálogo, navegar até a pasta onde se vai guardar o ficheiro; em «Nome do ficheiro», digitar um nome para o ficheiro; clicar em Salvar para guardar o ficheiro.

9 Definição das propriedades
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. Para definir propriedades da página: Seleccionar MODIFICAR – Propriedades da página ou, alternativamente, seleccionar Propriedades da página no menu de atalho, se estiver a ser usada visualização de Projecto da janela do documento.

10 Inserção de texto e objectos
Para adicionar texto a um documento, seguir um dos procedimentos abaixo: Digitar o texto directamente na janela do documento. Copiar o texto de outra aplicação, alternar para o Dreamweaver, posicionar o ponto de inserção no documento e escolher EDITAR – Colar (o Dreamweaver não mantém a formatação de texto que foi aplicada no outro programa, mas preservará as quebras de linha).

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

12 Definição da fonte, tamanho, cor e alinhamentos
Para alterar a fonte, o tamanho, a cor e o alinhamento do texto seleccionado, usar o menu TEXTO ou o Inspector de propriedades.

13 Definição da fonte, tamanho, cor e alinhamentos
É possível combinar várias formatações num único estilo, denominado estilo HTML, guardando-o em «Estilos HTML»