Conhecendo o dreamwevaer CS5.5 - Aula 02

Aula: Pág: Data:

Turma:

02 00 a 00 07-Nov-13

Alexandre Azevedo

Professor:

2514-B

Software de desenvolvimento voltado para a web criada pela Macromedia (adquirida pela Adobe Systems), e que está atualmente na versão CS6;

O Dreamweaver utiliza um sistema conhecido como WYSIWYG (What You See is What You Get) no qual você cria sua página diretamente na janela, a qual terá aproximadamente a mesma aparência do resultado final da sua página;

O mais importante é que você vai criar um site completo, sem a necessidade de conhecer ou digitar o código HTML, pois o Dreamweaver, gera todo o código sozinho;

Aula: Pág: Data:02 00 a 00 07-Nov-132514-BTurma:

Instrutor: Alexandre da Silva Azevedo

É uma linguagem de marcação de textos que indica onde cada elemento será posicionado, qual seu tamanho, como os textos deverão ser exibidos, qual a tipologia e quais cores serão utilizadas;

O código HTML é indicado através das tags que trazem as instruções para cada elemento da página essas instruções são colocadas dentro dos símbolos de <(menor) e > (maior);

Essas instruções deixará de ser executada quando o browser receber um comando de finalização da instrução o qual é geralmente indicado pela mesma instrução com o acréscimo de uma barra inclinada;



<html> indica o início da página HTML. Este será a última tag a ser fechada em uma página HTML, indicando o encerramento da mesma;

<head> indica o início do cabeçalho da página, no cabeçalho podemos indicar o título da página;

<title> indica o início do título da página, o texto que vier após esta instrução será exibido no topo do navegador. Após o texto você encontrará a tag responsável pelo encerramento da instrução, ou seja </title>;

<body> indica o início do corpo da página. Todos os elementos que vierem após este código serão exibidos pelo navegador. A tag </body> indicará o final do corpo da página e deve ser fechado antes do encerramento do código HTML;



Clicando-se sobre o botão Code será aberta o modo de visualização de código como

é visto acima;

O Dreamweaver gera códigos automaticamente cada vez que você insere algum

objeto no modo Design. Você pode criar sites inteiros gerando código HTML

diretamente na visualização de código ou criar páginas HTML na visualização de

Design ou fazer alterações diretamente no Código;

Já no modo Design, além de oferecer mais facilidade à criação de páginas, faz com

que pessoas com pouco conhecimento possam aprender e criar páginas profissionais

sem problemas;

Conhecendo o dreamwevaer CS5.5 - Aula 02

Technology

Transcript of Conhecendo o dreamwevaer CS5.5 - Aula 02