Formulário de contato

Nome

E-mail *

Mensagem *

sexta-feira, 13 de novembro de 2015

Exercícios no Dreamweaver

EXERCÍCIOS DREAMWEAVER

Prof. Leandro Oliveira (Adaptação ao Curso de Dream Weaver – UEPRO SOROCABA)
PASTAS A SEREM UTILIZAR:

1. Crie uma pasta com o nome “UEPRO” e coloque o conteúdo de um site pessoal. Crie a estrutura das pastas.

2. No Dreamweaver selecione a opção Site > Manage Sites > New Site e insira as Informações referentes ao seu site (nome do site, localização da pasta principal e da pasta de imagens) na opção Advanced Settings.

3. Crie uma nova página - denominada índex.html – em File > New.

4. Altere as propriedades da página (Modify > Page Proprieties) tendo em vista as seguintes informações:
a. Appearance: Page Font: Verdana; Size: 12; Text Color: #FFFFFF; Background Color: #000000;
b. Links: Link Font e Size: igual à de appearance; Link Color: #666666; Rollover
Links: #999999; Underline Style: Show underline only on rollover.
c. Title/Encoding: Title: Sistemas de Informação.

5. No painel Proprieties selecione alinhamento centrado.

6. Insira uma tabela com as seguintes características:
a. Linhas: 3, Colunas: 2;
b. Table WIdth: 800 pixels;
c. Cell Pad: 2; Cell Space: 0;

7. Selecione a tabela (botão direito do mouse, Table > Select Table) e altere as seguintes propriedades:
a. H (Height): 600 pixels;
b. Bg Color (Background color): #000066

8. Una as duas células da primeira linha (selecione as células, botão direito do mouse, Table > Merge Cells). Faça o mesmo para a terceira linha.

9. Altere as propriedades da primeira linha:
a. H (Height): 80;
b. Horz (Alinhamento Horizontal): Center; Vert (Alinhamento vertical): Top;

10. Altere as propriedades da terceira linha:
a. H (Height): 25;
b. Horz (Alinhamento Horizontal): Center; Vert (Alinhamento vertical): Center;

11. Altere as propriedades da primeira célula da segunda linha:
a. W (Width): 140;
b. Horz (Alinhamento Horizontal): Center; Vert (Alinhamento vertical): Top;

12. Altere as propriedades da segunda célula da segunda linha:
a. Bg (Background Color): #000033;

b. Vert (Alinhamento vertical): Top;
←  Anterior Proxima  → Página inicial

0 comentários:

Postar um comentário

Obrigado por comentar. Volte sempre!