WEB DESIGN Unidade: BHC

Professor (a): ALAN SANTOS

HTML E O USO DO
DREAMWEAVER
O que é HTML;
Como funciona o HTML;
O que são tags;
Adobe Dreamweaver;
Resumindo.

Turma: 3607 - A Aula: 16 Página: Data: 20/05/2023

WEB DESIGN Unidade: BHC
Professor (a): ALAN SANTOS

O que é HTML
Criada pelo britânico Tim Berners-Lee, o acrônimo
HTML significa HiperText Markup Language,
traduzindo ao português: Linguagem de Marcação de
Hipertexto.

Sem isso, o navegador não saberia exibir textos como

elementos ou carregar imagens e outros conteúdos.

Turma: 3607 - A Aula: 16 Página: Data: 20/05/2023

WEB DESIGN Unidade: BHC
Professor (a): ALAN SANTOS

Ao visitar uma página simples na web, você pode

perceber que existem diferentes distribuições e
tamanhos para títulos, parágrafos, imagens, vídeos e
qualquer outro elemento. Essa estrutura é
estabelecida através do HTML.

Imagine então que além do esqueleto, é necessário ter

o corpo. Para isso, temos então as linguagens CSS e o
JavaScript, que em conjunto com HTML, formam a
base para todos os websites atuais.

Turma: 3607 - A Aula: 16 Página: Data: 20/05/2023

WEB DESIGN Unidade: BHC
Professor (a): ALAN SANTOS

Como funciona o HTML

Através de um documento HTML, ou seja, um
documento com a extensão .html ou .htm., o
navegador faz a leitura do arquivo e renderiza o seu
conteúdo para que o usuário final possa visualizá-lo.
Os arquivos .html podem ser visualizados em
qualquer navegador (como Google Chrome, Safari,
ou Mozilla Firefox).

Turma: 3607 - A Aula: 16 Página: Data: 20/05/2023

WEB DESIGN Unidade: BHC
Professor (a): ALAN SANTOS

Cada página consiste em uma série de tags (também

chamados de elementos) que podem ser considerados
os blocos de construção das páginas.

Turma: 3607 - A Aula: 16 Página: Data: 20/05/2023

WEB DESIGN Unidade: BHC
Professor (a): ALAN SANTOS

O que são tags?

As tags são códigos que definem toda
a estrutura da página, tais como o seu
tamanho, a fonte da letra, as cores, as
quebras de linha e etc. A maioria dos
elementos do documento HTML são
compostos por uma estrutura de
abertura e uma de fachamento, como
<tag> e </tag>.

Turma: 3607 - A Aula: 16 Página: Data: 20/05/2023

WEB DESIGN Unidade: BHC
Professor (a): ALAN SANTOS

Adobe Dreamweaver
Dreamweaver permite criar um site e um design
visualmente usando o método de arrastar e soltar, que
dá autonomia para movimentar os elementos no
painel de controle do designer.

Turma: 3607 - A Aula: 16 Página: Data: 20/05/2023

WEB DESIGN Unidade: BHC
Professor (a): ALAN SANTOS

Turma: 3607 - A Aula: 16 Página: Data: 20/05/2023

WEB DESIGN Unidade: BHC
Professor (a): ALAN SANTOS

RESUMINDO

Anteriormente a existência das plataformas de

criação de sites na web, trabalha-se integralmente na
estruturação de sites através do HTML e
combinações de códigos auxiliares com uso de
ferramentas básicas como o Bloco de Notas e
ferramentas avançadas como o Dreamweaver.

Turma: 3607 - A Aula: 16 Página: Data: 20/05/2023

WEB DESIGN Unidade: BHC
Professor (a): ALAN SANTOS

Fazer atividades do Google Sala de Aula

Turma: 3607 - A Aula: 16 Página: Data: 20/05/2023