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

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

Internet - 1 Controlo de quebras m q muda de linha, mas só recomeça abaixo de qualquer imagem ou tabela que esteja encostada à esquerda m q não muda de.

Apresentações semelhantes


Apresentação em tema: "Internet - 1 Controlo de quebras m q muda de linha, mas só recomeça abaixo de qualquer imagem ou tabela que esteja encostada à esquerda m q não muda de."— Transcrição da apresentação:

1 Internet - 1 Controlo de quebras m q muda de linha, mas só recomeça abaixo de qualquer imagem ou tabela que esteja encostada à esquerda m q não muda de linha, mesmo que ultrapasse a margem q, dentro de um dá a oportunidade de quebrar, se já se tiver ultrapassado a margem m... q respeita os espaçamentos e quebras do texto preformatado q útil para quadros e código; monoespaçado q interpreta marcas que não impliquem quebras (fontes, ligações) m... q principal uso: centrar imagens e tabelas q outros usos: usar atributo align=center noutras marcas

2 Internet - 2 Exemplo de quebras Quebras Este texto aparece antes da imagem, a qual vai ser alinhada à esquerda. Esta frase está na mesma linha da imagem pelo que fica à sua direita. O parâmetro de limpeza faz ultrapassar a imagem. Este bocado de texto tem muitos espaços e mudanças de linha.

3 Internet - 3 Réguas Uma régua ( <hr> ) tem o efeito de uma quebra, não tem espaço antes nem depois, e funciona como um separador. Para retirar o efeito 3D, usa-se noshade. Parâmetros interessantes: size -- espessura width -- largura em pixel ou em % da janela align -- alinhamento Recomenda-se o uso da percentagem para tornar o aspecto relativo ao tamanho da janela. Pode-se mudar a côr.

4 Internet - 4 Formatos de imagem m GIF - graphical interchange format q 256 cores q comprime sem perda de informação q ícones e desenhos q visualização de imagem aproximada em 1/4 do tempo entrelaçamento de 4 em 4 linhas q transparência pixels da côr do fundo são ignorados pelo navegador q animação ficheiro GIF pode conter várias imagens mostradas em sequência m JPEG - joint photographic experts group q milhares de cores q maior compressão, com perdas q fotografias

5 Internet - 5 Regras de uso m Usar imagens que tenham conteúdo e não apenas para colorir a página m simplificar as imagens q reduzir tamanho, evitar dithering usando cores normalizadas m reutilizar imagens q ícones podem ficar na cache m dividir documentos grandes q manter cada documento abaixo dos 50KByte q colocar índices com ligações para os documentos relacionados m isolar imagens grandes q colocar uma versão reduzida no documento principal m especificar as dimensões

6 Internet - 6 Marca m Atributos q src - URL absoluto ou relativo da localização do ficheiro gráfico q lowsrc - URL de uma imagem de carregamento mais rápido q alt - texto a mostrar caso a imagem não o seja q align - posiciona o texto relativamente à sua linha top, middle, bottom - acerta a linha com o topo da imagem, o meio ou o fundo (varia do Netscape para o IE) left, right - encosta a imagem e põe o texto a envolvê-la q centrar - usa-se a marca ou o atributo de q border - espessura do caixilho; 0 elimina, o que pode prejudicar a identificação dos que possuem ligações q height e width - dimensão em pixel, acelera o carregamento; é usada para reservar espaço e para escalar as imagens q hspace, vspace - número de pixels extra na horizontal e vertical

7 Internet - 7 Exemplos de imagens Eis o dono do carro. Carro da direita Especificar a largura... a imagem.

8 Internet - 8 Mapas Mapa

9 Internet - 9 Mapa sensitivo m O atributo usemap faz com que uma imagem fique sensível à passagem do rato m definindo na marca correspondente as coordenadas de certas áreas e respectivas ligações, pode usar-se a imagem como índice gráfico q este processamento é da responsabilidade do cliente 70,140 30,70 150,130 90,30 0,0

10 Internet - 10 A marca m Cores q fundo: bgcolor q texto: text q ligação: link q ligação visitada: vlink q ligação activa: alink q Nota: mudar as cores pode confundir o leitor m Fundo q no atributo background indicar um URL de uma imagem pequena que é replicada automaticamente até preencher todo o fundo

11 Internet - 11 Atributos do corpo m Um mau exemplo de valores para os atributos do corpo, pois obscurece a leitura.

12 Internet - 12 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

13 Internet - 13 Â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

14 Internet - 14 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...

15 Internet - 15 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


Carregar ppt "Internet - 1 Controlo de quebras m q muda de linha, mas só recomeça abaixo de qualquer imagem ou tabela que esteja encostada à esquerda m q não muda de."

Apresentações semelhantes


Anúncios Google