Carregar apresentação
A apresentação está carregando. Por favor, espere
PublicouMatheus Cecilio Alterado mais de 9 anos atrás
1
Profª. Elizangela M. F. da Silva Responsável: Carlos Alberto da Silva
2
INTRODUÇÃO O que é uma Página Web? - Página Web - textos e códigos especiais (tags). - Além da informação textual, esse documento pode conter imagens, som, animação e vídeo. - A página pode conter links ou ligações para outras páginas armazenadas no seu micro ou qualquer local da web (home page).
3
BROWSERS Como se acessa uma Página Web? O acesso de uma página Web é feito através de um programa chamado browser.
4
EDIÇÃO DE DOCUMENTOS HTML
5
Personalização do Dreamweaver
6
CONFIGURAÇÃO DE UM SITE
11
LAYOUT
12
GERENCIAR ARQUIVOS E PROPRIEDADES DO SITE
13
HTML? COMO É A LINGUAGEM HTML A HTML ( Hypertext Markup Language), na sigla em inglês, significa Linguagem de Marcação de Hipertexto. É uma linguagem dedicada à construção de páginas Web. COMO SÃO OS TAGS HTML? - As tags podem ser apresentadas em pares ou individuais. - Os tags são identificados por serem envolvidos pelos sinais “<>” ou “ ”. O formato genérico de um tag é: texto
14
DOCUMENTO HTML BÁSICO E SEUS COMPONENTES Título da Página Área para os comandos da linguagem....
15
EXEMPLO I Minha Primeira Página Meu Curso de HTML e Dreamweaver. SALVE COMO:.HTM OU HTML
16
ALINHAR O TEXTO Marca uma divisão lógica de um documento e é uma formatação bastante usada atualmente. e O atributo de alinhamento é: align. As opções de alinhamento são: center - texto centralizado right - texto à direita left - texto à esquerda
17
EXEMPLO II Minha Primeira Página Meu Curso de HTML e Dreamweaver. Estou aprendendo meus primeiros comandos.. Aprendi agora o comando div.. SALVE COMO:.HTM OU HTML
18
SEPARADORES QUEBRA DE LINHA Quando queremos mudar de linha, usamos o elemento.
19
EXEMPLO III Minha Primeira Página Só existem dois dias no ano em que nada pode ser feito. Um chama-se "ontem" e o outro "amanhã". Portanto, "hoje "é o dia certo para amar, acreditar, fazer e principalmente viver. SALVE COMO:.HTM OU HTML
20
PARÁGRAFOS Não é possível adicionar parágrafo em HTML apenas pressionando a tecla Enter. A tag de parágrafos são: e O atributo de alinhamento é: align. As opções de alinhamento são: center - texto centralizado right - texto à direita left - texto à esquerda
21
EXEMPLO IV Minha Primeira Página Assim como os trens, as boas idéias às vezes chegam com atraso. SALVE COMO:.HTM OU HTML
22
CABEÇALHOS O cabeçalho é uma tag que define o tamanho de cada linha de um texto da página. O tamanho do cabeçalho pode ser diferenciado. As tags de parágrafos são: e n – deve ser substituído por um número de 1 a 6. cabeçalho de nível 1 cabeçalho de nível 2 cabeçalho de nível 3 cabeçalho de nível 4 cabeçalho de nível 5 cabeçalho de nível 6
23
EXEMPLO V Minha Primeira Página Cabeçalho de nível 1 Cabeçalho de nível 2 Cabeçalho de nível 3 Cabeçalho de nível 4 Cabeçalho de nível 5 Cabeçalho de nível 6 SALVE COMO:.HTM OU HTML
24
ESTILOS DE TEXTO Todos os comandos que alteram o estilo do texto são do tipo liga-desliga, ou seja, precisam ser especificados em pares, marcando o início e o fim do texto que sofrerá a formatação. - Negrito - - aplica o estilo negrito. - Itálico - - aplica o estilo itálico. - Sublinhado - - aplica um sublinhado. - Big - - aumenta a fonte e aplica negrito. - Small - - reduz e altera a fonte. - Sobrescrito - - eleva o texto na linha e diminui seu corpo. - Subscrito - - rebaixa o texto na linha e diminui seu corpo. - Pulsante - - Faz com que o texto pisque.
25
EXEMPLO VI Minha Primeira Página Bem vindos à minha página estilizada! Minha página não contém imagens, mas pelo menos está estilizada. Deveria haver mais textos aqui porém eu ainda não decidi o que escrever. SALVE COMO:.HTM OU HTML
26
Exercício: Escolha um texto e aplique os efeitos aprendidos em sala (alinhamento de texto, quebra de linha, parágrafos, cabeçalhos, estilo de texto), não esqueça de postar no moodle. Sugestão: Hino da Gloriosa PONTE PRETA... Conhecida como a MACACA. Dedicatoria: como o time mais antigo do Brasil... 1905 !!!
Apresentações semelhantes
© 2024 SlidePlayer.com.br Inc.
All rights reserved.