A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

Hipermídia Aula 3. Hipertexto Pode ser armazenado, lido, ou editado. Contém conexões dentro do texto para outros documentos. Hipermídia pode ser uma expansão.

Apresentações semelhantes


Apresentação em tema: "Hipermídia Aula 3. Hipertexto Pode ser armazenado, lido, ou editado. Contém conexões dentro do texto para outros documentos. Hipermídia pode ser uma expansão."— Transcrição da apresentação:

1 Hipermídia Aula 3

2 Hipertexto Pode ser armazenado, lido, ou editado. Contém conexões dentro do texto para outros documentos. Hipermídia pode ser uma expansão do conceito de hipertexto que contempla outras mídias.

3 Hipermídia Considerada como uma ferramenta para a aprendizagem. Vantagens: Flexibilidade. Grande capacidade de exploração de informações relevantes. O leitor deve dar significado às ligações.

4 HTML - Hyper Text Markup Language Permite criar páginas Web. Pode ser vista por qualquer pessoa utilizando um navegador. Pode conter texto, imagem, som e vídeo.

5 HTML Editores de páginas HTML Facilitam o processo de criação. Exemplo: Comuns Word Especializados Microsoft FrontPage Natscape Composer DreamWeaver

6 Comandos HTML Controlam a maneira como o conteúdo de uma página é exibido no navegador. Também chamados de diretivas ou tags Exemplo inicial

7 Exemplo de código HTML Exemplo inicial Este é o meu primeiro documento hipertexto escrito na linguagem HTML.

8 Página HTML resultante

9 Diretivas Trechos especiais de texto, geralmente destacados por algum caractere delimitador. Caracteres delimitadores Diretiva de abertura Diretiva de fechamento

10 Diretivas HTML Sensíveis ao tipo de caixa Diretivas válidas:,,, Não deve haver espaço em branco nem quebra de linha entre o sinal de menor < e o nome da diretiva. Diretiva inválidas:

11 Diretivas HTML Uma diretiva: Não aparece no navegador. É identificada e interpretada pelo navegador. Produz algum efeito visual ou de estrutura lógica no documento hipertexto. Informações que não forem diretivas, devem ser textos e fazer parte do conteúdo do documento. Este parágrafo...

12 Diretivas HTML Todo par de diretivas representa alguma especificação. Diretivas de começo e fim: e de um documento em HTML e do cabeçalho do documento e do corpo do documento

13 Forma geral do documento [cabeçalho do documento] [corpo do documento]

14 Comentários Ignorados pelo navegador São de interesse do desenvolvedor. É possível inserí-los em qualquer parte do código. Devem estar entre.

15 Exemplo de cabeçalho

16 Cabeçalhos em HTML Existem seis níveis de cabeçalhos:,,,, e Especificam o tamanho da letra utilizada, na ordem decrescente de tamanho. Exemplo: Programação HTML Conceitos Básicos Esta seção tratará de...

17 Exemplo de parágrafos

18 Parágrafos em HTML … diretiva para definição de parágrafos que promove a quebra e o espaçamento desses. Exemplo: Este é o primeiro parágrafo. Este é o segundo parágrafo.

19 Exemplo de quebra de linha

20 Quebra de linha Diretiva. Não possui diretiva de fechamento. Não inicia um novo parágrafo. Espaçamento do parágrafo é maior. Exemplo: Esta é a primeira linha. Esta é a segunda linha.

21 Lista numerada

22 Lista não numerada

23 Listas em HTML Listas enumeradas: Definidas pelas diretivas e. Listas não enumeradas: Utilizam as diretivas e.

24 Listas em HTML Lista numerada Conceitos Básicos Apresentação da Teoria Conclusão Lista não numerada Definição Propriedades Resultados

25 Exemplo de hiperligações

26 Hiperligações em HTML [referência] Exemplo: Visite a página do BOL

27 Hiperligações para a própria página Clicando aqui Exibe assim

28 Hiperligações para a própria página Ao se clicar no link, um trecho da mesma página será exibido. Útil em documentos grandes.

29 Hiperligações para a própria página Hiperligação Local referenciado

30 Âncoras em HTML Exemplo: … Preferências Pessoais Música Computação Automobilismo Natação Cinema Minhas músicas preferidas … Hiperligação Local referenciado

31 Exercício: Construa um mapa conceitual para o texto Portugal, república situada na parte oeste da península Ibérica, … Sua capital é Lisboa … Ligações Idéias importantes Portugal Península Ibérica Lisboa sua capital é situado Idéia principal


Carregar ppt "Hipermídia Aula 3. Hipertexto Pode ser armazenado, lido, ou editado. Contém conexões dentro do texto para outros documentos. Hipermídia pode ser uma expansão."

Apresentações semelhantes


Anúncios Google