Como Criar tabela, Inserir imagem e Mudança Cor da fonte no Dreamweaver

13 Nov

Postado por boey como o Adobe Dreamweaver, Design Dicas, HTML Editors, Site Sugestões

Para quem não está familiarizado com o Adobe Dreamweaver, mas quero ter uma tentativa sobre ele, você pode seguir este tutorial básico Dreamweaver.

Antes de começar este tutorial, crie uma pasta nome "tutorial-01" em seu computador desktop. Dentro do "tutorial-01" pasta, crie uma pasta nome "imagens". Ponha 1 foto no interior das "imagens" pasta.

1) Vá para Arquivo> Nova> página em branco> HTML

2) Nos termos do modo de exibição Design. Ir para o menu superior, Inserir> Tabela. Siga a configuração conforme imagem abaixo.

3) Concluir configuração, clique em OK, Será parecido com isso.

4) Salve o arquivo para a "tutorial-01" pasta, chame-o cada vez que quiser, por exemplo. "Table.html"

5) Clique sobre a esquerda coluna, vá ao menu superior, Inserir> Imagem. Duplo clique no botão "imagens" pasta, e selecione a foto dentro. Clique em OK.

6) Se a versão que você utiliza o Dreamweaver tem essa etapa, que faça uma outra janela pop-up pedir para preencher Image Tag, sobre o "Texto Alternativo" campo, escreva em algumas palavras podem representar a imagem. Se o seu Dreamweaver não aparecer esta janela, basta ignorar esta etapa.

7) Não será o aspecto em que o Dreamweaver.

8) Você pode arrastar a linha central para ajustar a largura para as colunas esquerda e direita.

9) Clique na coluna da direita, escreva em algumas palavras.

10) Para negrito e mudar a cor original, escolha as palavras que pretende alterar. Ir para o fundo do Dreamweaver, painel Properties. Siga a programação abaixo.

11) Acabamento mudar a cor e tamanho da fonte.

12) As palavras olhar meio em cima da mesa neste momento. Se quiser que lhe em cima, selecione a coluna da direita novamente, vá para o painel Propriedades, altere o "verde" para "Top".

13) Aqui, a aparência final.

14) Para visualizar no seu navegador, vá ao menu superior "Arquivo"> "Visualizar no navegador"> selecione o navegador que você deseja que ele vista polegadas Ou atalho chave, clique em "F12" no teclado.

Esperamos que você começa alguma idéia sobre como o Dreamweaver trabalhar a partir deste tutorial básico.

Favoritos e Compartilhe: