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

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

Técnicas em Programação para Internet Professora: Jaqueline Alves dos Santos.

Apresentações semelhantes


Apresentação em tema: "Técnicas em Programação para Internet Professora: Jaqueline Alves dos Santos."— Transcrição da apresentação:

1 Técnicas em Programação para Internet Professora: Jaqueline Alves dos Santos

2

3 HyperText Markup Language Linguagem padrão da internet Não é linguagem de programação Pode ser escrito em editores de texto simples, como Bloco de Notas Ao salvar o arquivo, é preciso salvar como formato ".htm" ou ".html" Por convenção, o nome da página principal de um site deve ser "index.html", pois é o arquivo que o servidor irá procurar caso não seja solicitado um arquivo específico

4 Comandos do código HTML que formam a página Para abrir uma tag, coloque o comando correspondente entre " Para fechar a tag, coloque o comando correspondente entre " "

5 Nome da página (Conteúdo da página, como texto, links, imagens, vídeos e etc.)

6 Através dos atributos de, podemos definir cor do texto, cor dos links, cor de fundo e imagem de fundo. bgcolor: cor do fundo da página. Padrão: branco text: cor do texto. Padrão: preto link: cor dos links. Padrão: azul alink: cor do link quando acionado. Padrão:azul vlink: cor dos links já visitados. Padrão: azul background: endereço da imagem de background. Padrão: Sem background. align: alinhamento do texto (Esquerda = left, Centralizado = center, Direita = right). Padrão: esquerda

7 É possível inserir os valores das cores das seguintes formas: 1.Colocando o nome da cor em inglês. Ex.: Branco = White, Preto = Black, Azul = Blue, Rosa = Pink 2.Colocando os valores RGB da cor. Ex.: Branco = RGB(255,255,255), Preto = RGB(0,0,0), Amarelo = RGB(255,255,0) 3.Colocando o valor hexadecimal da cor. Ex.: Branco = #FFFFFF, Preto = #000000, Verde = #00FF00 Tabela de cores:

8 A tag é utilizada para destacar o texto colocando-o em negrito e definindo um tamanho, onde x varia entre 1 (maior tamanho) e 6 (menos tamanho). Maior tamanho de heading possível Menor tamanho de heading possível

9 Para editar o texto de forma mais personalizada, é possível utilizar a tag e seus atributos face: nome da fonte (Arial, Times, Courier) color: cor da fonte size: tamanho da fonte entre 1 e 7 Ex.: Fonte Arial azul tamanho 5

10 negrito itálico sublinhado

11 Para indicar um parágrafo, utilizamos a tag. Nela, podemos atribuir o alinhamento do texto. Alinhado à esquerda Texto centralizado Alinhado à direita Texto justificado

12 As imagens podem no mesmo local da sua página ou em outro endereço web, mas precisam estar nos formatos gif, png ou jpg A tag para inserir uma imagem é, e o local da imagem é indicado pelo atributo src Ex.:

13 Atributos Height: altura da imagem Width: largura da imagem Alt: Texto alternativo da imagem Border: Tamanho da borda da imagem Align: Alinhamento do texto em relação a imagem (top, middle, left, right) Ex.:

14 Pontos clicáveis que levam a documentos, outros sites ou parte específica da mesma página Para indicar a existência de um link, utilizamos a tag, e para definir para onde o link levará, utilizamos o atributo href. Ex.: Clique aqui para acessar o Google

15 target: indica onde a nova página deve ser aberta - Mesma página = _self (Padrão) - Nova página = _blank

16 Lista ordenada A tag indica o início de uma lista ordenada, e cada item dessa lista é indicado pela tag Primeiro item Segundo item

17 Lista não ordenada A tag indica o início de uma lista não ordenada, e cada item dessa lista é indicado pela tag Primeiro item Segundo item

18 Atributo type para em lista ordenada type=A: Ordena em letras maiúsculas type=a: Ordena em letras minúsculas type=I: Ordena em numerais romanos maiúsculos type=i: Ordena em numerais romanos minúsculos

19 Atributo type para em lista não ordenada type=disc: Formato de disco (padrão) type=circle: Formato de círculo type=square: Formato de quadrado

20 A tag indica a criação de uma tabela A tag indica a criação de uma linha na tabela A tag indica a criação de uma célula na linha

21 Célula 1 Célula 2 Célula 3 Célula 4

22 Atributos border: espessura da borda da tabela em pixels width: largura da tabela em pixels ou % align: alinhamento horizontal do conteúdo da tabela, linha ou célula (left, center, right) valign: alinhamento vertical do conteúdo da tabela, linha ou célula (top, middle, bottom)

23 Inserindo uma linha, é possível criar separações no conteúdo da página. Basta inserir a tag. Atributos width: largura da linha em px ou % align: alinhamento da linha (left, center, right) color: cor da linha

24 Serve para dar um comportamento diferente ao conteúdo inserido nele. A tag utilizada para isso é. Atributos behavior: tipo de efeito (scroll ou slide) width: tamanho do letreiro na tela


Carregar ppt "Técnicas em Programação para Internet Professora: Jaqueline Alves dos Santos."

Apresentações semelhantes


Anúncios Google