barco e nadou... q mostra e apaga na barra de estado o conteúdo do link m atributo title pode ser usado pelo navegador para dar um título à janela que só mostra uma fotografia m atributos rel e rev definem significado das relações directa e inversa entre origem e destino da ligação q meta-informação, apoio à automatização q exemplos: next, prev, head, toc, parent, child, index, glossary...">

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

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

Internet - 1 Tipos de endereços m Usa-se um URL para identificar um recurso q FTP- tipo: i - binário,

Apresentações semelhantes


Apresentação em tema: "Internet - 1 Tipos de endereços m Usa-se um URL para identificar um recurso q FTP- tipo: i - binário,"— Transcrição da apresentação:

1 Internet - 1 Tipos de endereços m Usa-se um URL para identificar um recurso q FTP- tipo: i - binário, a - ascii, d- directório q notícias- nntp://servidor:porta/grupo/artigo q correio- q terminal remoto- q gopher- gopher://servidor:porta/caminho q ficheiro- file://servidor/caminho local: file:///C|/caminho ou file://localhost/caminho q código- javascript:instruções q Web- usar apenas caracteres 0-9, A-Z, a-z, $-_.+!*(), codificar os outros em hexadecimal (US-ASCII) exemplos: / - %2F, ? - %3F, (espaço) - %20, %22

2 Internet - 2 Âncoras e ligações m Uma âncora identifica um ponto do documento q Revisão bibliográfica m Uma ligação permite indicar ao navegador qual o documento a mostrar a seguir... após o que se apresenta uma revisão bibliográfica sobre... q Neste formato indica-se, para além do documento, qual o fragmento que se pretende visualizar m O corpo da marca é a parte visível da ligação; apresenta-se realçada; deve ser suficientemente explicativa para se compreender o conteúdo desse documento, mesmo sem se ler o contexto

3 Internet - 3 Atributos da marca m onClick, onMouseOver, onMouseOut q valor é sequência de instruções JavaScript... caiu do barco e nadou... q mostra e apaga na barra de estado o conteúdo do link m atributo title pode ser usado pelo navegador para dar um título à janela que só mostra uma fotografia m atributos rel e rev definem significado das relações directa e inversa entre origem e destino da ligação q meta-informação, apoio à automatização q exemplos: next, prev, head, toc, parent, child, index, glossary...

4 Internet - 4 Endereços relativos m Omitir partes de endereço completar com q as partes correspondentes do documento actual q a parte de endereço contida na marca m Exemplos: q refere-se ao fragmento com âncora morada no doc capa.html q permite mover o relatório 29 para outro directório ou servidor sem quebrar as ligações q se tiver só se define no cabeçalho e altera os endereços relativos q abrindo um doc com file, todos os URL relativos ficam file

5 Internet - 5 Estilos de ligações m Listas de ligações m listas de descrições de itens contendo ligações m ligações dispersas auto-descritivas m evitar chamadas do tipo CARREGUE AQUI! m usar imagens pode ser pouco descritivo q acrescentar mensagem explicativa na barra de estado m imagens sensíveis q ismap - processamento do lado do servidor pelo programa indicado em href implica ter a imagem no corpo de q usemap - processamento no cliente q circle, polygon, rectangle; href e nohref

6 Internet - 6 Listas m Tipos de listas q listas não ordenadas ( ) atributo type controla o aspecto do símbolo (disc, circle, square) q listas ordenadas ( ) atributos start e value para controlar a numeração atributo type controla o aspecto do símbolo (1, A, a, I, i) q menus ( ) e directórios ( ) habitualmente tratados como listas não ordenadas de itens curtos q definições ( ) m item de uma lista q q … … (nas listas de definições) m as listas podem ser q compactadas (compact) q encaixadas q start=n indica o número inicial; value=n altera o valor corrente

7 Internet - 7 Exemplo de listas Vertebrados Mamíferos Primatas. Cetáceos. Aves Invertebrados. Coisa O que se chama a um objecto na falta de melhor. Objecto O que se chama a uma coisa quando não ocorre outra.

8 Internet - 8 Tabelas m - delimita a definição da tabela m - informação organizada por linhas m - cabeçalho de coluna ou de linha m - conteúdo de uma célula m Limitações q não alinha conteúdos de células diferentes q o controlo da espessura dos caixilhos é limitado q não há a noção de cabeçalho de repetição

9 Internet - 9 Tabela simples Exame Nota Final Ana Zé Média 11 13

10 Internet - 10 Tabela mais elaborada m Como construir? m Quantos elementos são definidos na 2ª linha? m É possível incluir uma outra tabela num ?

11 Internet - 11 Código da tabela

Tabela 1. Estatísticas. Demografia Homens Meninas Prof Turmas A 20 5 B 21 3 idem Total
Tabela 1. Estatísticas. Demo">

12 Internet - 12 Atributos das tabelas m... define a legenda q align= top ou bottom m align (center, left, right) q em controla a tabela; left e right dá texto a contornar q em,, controla as células individuais m bgcolor - côr do fundo m border - caixilho; cellspacing espaço intercelular; cellpadding espaço intracelular m width - largura, absoluta ou relativa q pode-se indicar a percentagem que cada coluna gasta do total m heigth - altura m colspan, rowspan - estende influência da célula

13 Internet - 13 Quadros m Documento com a marca divide a janela em quadros, proporcionais ou absolutos q podem encaixar-se outros conjuntos de quadros q não existe a marca q * nas dimensões vale por resto (noresize para impedir distorção) q framespacing e border definem espaçamento e moldura m marca só aparece num q define com qual o documento a ser mostrado nesse quadro q os quadros são preenchidos coluna a coluna e depois linha a linha q quadro sem fica vazio q conflitos: o título da janela é o do último quadro q noresize impede de modificar as dimensões q scrolling=no impede o aparecimento de barras de deslocamento

14 Internet - 14 Controlo de quadros m o atributo name num quadro ou janela permite a outro quadro ou janela alterá-lo, incluindo esse nome no atributo target de uma ligação m se o quadro ou janela não existir, é criado m alvos especiais q _blank : nova janela q _self : o próprio quadro ou janela origem (valor por omissão) q _parent : o conjunto de quadros ou a janela que contém o quadro origem (igual a _self se a origem já for a janela) q _top : substitui todo o conteúdo da janela que contém a origem m pode-se especificar um alvo comum na q q garante que todas as ligações para docs fora do sítio ocupam toda a janela, em vez de aparecerem num quadro (indicar o quadro em cada referência local)

15 Internet - 15 Conjunto de quadros Quadros Azar. Precisa de um navegador melhor!

16 Internet - 16 Quadros Cimo Documento com quadros Listas Algumas imagens Ovo Ceia Garrafa Mundo Fim e16cimo.htmle17indice.html

17 Internet - 17 Exemplo com quadros

18 Internet - 18 A evitar m Colocar


Carregar ppt "Internet - 1 Tipos de endereços m Usa-se um URL para identificar um recurso q FTP- tipo: i - binário,"

Apresentações semelhantes


Anúncios Google