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

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

Tecnologia Hipermídia e Multimídia

Apresentações semelhantes


Apresentação em tema: "Tecnologia Hipermídia e Multimídia"— Transcrição da apresentação:

1 Tecnologia Hipermídia e Multimídia
CURSO DE GRADUAÇÃO TECNOLÓGICA EM DESENVOLVIMENTO DE SISTEMAS PARA INTERNET Prof. Rudson apostilas.wikidot.com/hipermidia

2 Revendo HTML Acrônimo para a expressão inglesa HyperText Markup Languag linguagem de marcação utilizada para produzir páginas na Web Todo documento HTML apresenta marcas, elementos entre sinais de maior e menor (< e >); esses elementos são os comandos de formatação da linguagem

3 Revendo HTML Principais marcas <HTML></HTML>
Define o documento html <HEAD></HEAD> Define o cabeçalho do documento Delimita informações como titulo e estilo da página <BODY></BODY> Define o corpo O corpo representa o conteúdo da página em si

4 Revendo HTML Elementos do cabeçalho <title> </title>
Usado para definir o Titulo da página <style> </stile> Usado para definir o estilo da página

5 Revendo HTML Elementos do corpo <h*> <p> <br>
Adicionar Titulos ao texto. * representa um número de 1 a 6 <p> Usado para criar parágrafos <br> Usado pra quebrar parágrafos <a></a> Usado para criar links <img> Usado para inserir imagens

6 Atributos Os marcadores <a> e <img> possuem atributos
No exemplo: <a href="www.google.com">Google</a> href é um atributo do marcador <a> Os atributos servem para especificar as propriedades do marcador O atributo href especifica o o endereço do link

7 Atributos O elemento <img> tambêm possui atributos No exemplo:
<img src="PC.jpg" width="800" height="600"> src define o arquivo a ser carregado width define a largura heigth define altura

8 Atributos O marcador <BODY> possui alguns atributos BGCOLOR
Define a cor de fundo LINK= define a cor do lnk ALINK= cor do link acionado VLINK cor do link visitado BACKGROUND= imagem de fundo

9 Estilo Define a apresentação de documentos escritos em uma linguagem de marcação Ao invés de colocar a formatação com os atributos do documento, o desenvolvedor insere comando de estilo Usaremos como exemplo o estilo CSS

10 Estilo <head> <style type="text/css">
body { color: purple; background-color: #d8da3d } </style> </head>

11 Estilo Color background-color Define a cor da fonte
Define a cor de fundo

12 Estilo h1 { font-family: Arial, Geneva, Helvetica, SunSans-Regular, sans-serif } p { font-family: Verdana}

13 Estilo Font-family Define a tipo da fonte
O navegador escolhe uma fonte que ele conhece É importante definir várias de uma vez Várias parecidas

14 Estilo a:link { color: red } a:visited { color: purple }

15 Estilo A: Link{ color A: visited Define a cor do link
Define a cor do link após visita

16 Estilo Externamente para chamar um css <head>
<link rel="stylesheet" href="meuestilo.css"> </head>


Carregar ppt "Tecnologia Hipermídia e Multimídia"

Apresentações semelhantes


Anúncios Google