O documento discute o software Dreamweaver, descrevendo que ele é um editor WYSIWYG para desenvolvimento web da Adobe, permitindo criar sites sem digitar código HTML. O documento também explica como Dreamweaver gera código automaticamente e oferece modos Design e Código.
CED@SPY PINHEIROS - AULA SOBRE PLACAS CONTROLADORAS - INSTRUTOR ALEXANDRE
Conhecendo o dreamwevaer CS5.5 - Aula 02
1. 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
2.
É 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
3. <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
Instrutor: Alexandre da Silva Azevedo
Data:
07-Nov-13
7.
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
Instrutor: Alexandre da Silva Azevedo
Data:
07-Nov-13