Conhecendo o dreamwevaer CS5.5 - Aula 02

Aula:



02

Pág:

00 a 00

Data:

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
Professor:

Alexandre Azevedo
Turma:

2514-B

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;

07-Nov-13



É 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;
Turma:

2514-B

Aula:

02

Pág:

00 a 00

Instrutor: Alexandre da Silva Azevedo

Data:

07-Nov-13

 <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;

Turma:

2514-B

Aula:

02

Pág:

00 a 00


Data:

07-Nov-13

Turma:

2514-B

Aula:

02

Pág:

00 a 00


Data:

07-Nov-13



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;
Turma:

2514-B

Aula:

02

Pág:

00 a 00


Data:

07-Nov-13

Conhecendo o dreamwevaer CS5.5 - Aula 02

Mais conteúdo relacionado

Mais procurados

Destaque

Semelhante a Conhecendo o dreamwevaer CS5.5 - Aula 02

Mais de Alexandre Da Silva Azevedo

Conhecendo o dreamwevaer CS5.5 - Aula 02