REVISÃO DAS PUBLICAÇÕES

Transcrição

1 O arquivo index.htm. Código fonte. REVISÃO DAS PUBLICAÇÕES Erros que podem ocorrer: Verificar a barra ( / ) que fecha as marcações; Inverter os comandos FRAMESET E FRAME SRC; Espaço entre a marcação FRAME SRC; Não colocou aspas para indicar o tamanho dos frames ( 15,70,15 ); Não separou com vírgulas a indicação do tamanho dos frames ( 15,70,15 ); <FRAME SRC = principal.htm name = principal > Nome dos arquivos com letra minúsculas; Nome do frame para efeito de link com letra minúsculas e entre aspas ( name = principal ). Resultado parcial no navegador. Executando o arquivo index.htm

2 O arquivo titulo.htm. Código fonte. Erros que podem ocorrer: Verificar a barra ( / ) que fecha as marcações; Nome dos arquivos com letra minúsculas não utilize acentuação no nome do arquivo. Resultado parcial no navegador. Executando o arquivo index.htm

3 O arquivo links.htm. Código fonte. Erros que podem ocorrer: Verificar a barra ( / ) que fecha as marcações; Nome dos arquivos com letra minúsculas não utilize acentuação no nome do arquivo; Respeitar o espaço entre os comandos; A marcação target = principal indica que o link aparecerá no frame nomeado como principal. (você nomeou o frame no arquivo index.htm) Resultado parcial no navegador. Executando o arquivo index.htm

4 O arquivo rodape.htm. Código fonte. Erros que podem ocorrer: Verificar a barra ( / ) que fecha as marcações; Nome dos arquivos com letra minúsculas não utilize acentuação no nome do arquivo; Respeitar o espaço entre os comandos; Resultado parcial no navegador. Executando o arquivo index.htm IMPORTANTE: Até agora você tem 04 arquivo para publicação.

5 O arquivo principal.htm. Código fonte. Erros que podem ocorrer: Verificar a barra ( / ) que fecha as marcações; Nome dos arquivos com letra minúsculas não utilize acentuação no nome do arquivo; Respeitar o espaço entre os comandos. Nesta etapa estamos criando vários links em uma única imagem. No comando abaixo, indicamos o nome da figura e retiramos a borda da figura; No comando abaixo, indicamos o nome da figura que será mapeada; No comando abaixo, indicamos que o shape, área de link será retangular, informamos as coordenadas da área da figura que será link e o arquivo que será apresentado após o clique no link da imagem

6 As coordenadas para o link foram localizadas pelo Paint. Observe a figura abaixo. Para mais detalhes, consulte a apostila.

7 Resultado parcial no navegador. Executando o arquivo index.htm Resultado após o clique na imagem mapeada com link.

8 IMPORTANTE: Até agora você tem 08 arquivo para publicação. 06 documentos HTML e 02 arquivos de imagens.

9 O arquivo introducaop.htm. Código fonte. Este é o texto que aparecerá ao dar um clique na área de link Introdução. Agora é só criar os arquivos introducaoi.htm (texto de introdução em inglês), e o arquivo introducaoe.htm (texto de introdução em espanhol).

10 Todos os arquivos introducaop, introducaoi e introducaop, deverão ter os códigos destacados a seguir para executar um link de tradução através das bandeiras. <a href = "introducaop.htm"><img src = "brasil.jpg" align = "right"></a> <a href = "introducaoe.htm"><img src = "espanha.jpg" align = "right"></a> <a href = "introducaoi.htm"><img src = "inglaterra.jpg" align = "right"></a>

11 Resultado parcial no navegador. Executando o arquivo index.htm Agora os links pelas bandeiras vão funcionar com a tradução do texto de introdução do seu tema. IMPORTANTE: Até agora você tem 14 arquivo para publicação. 09 documentos HTML e 05 arquivos de imagens.

12 Como buscar imagens no Google Imagens com o mesmo tamanho. (neste caso estamos pensando em buscar 03 bandeiras do mesmo tamanho) Primeiro passo No Google imagens, faça a busca pela bandeira do Brasil. Segundo passo Clique em ferramentas de pesquisa e em seguida, clique em tamanho e em exatamente. Terceiro passo Agora informe a largura e a altura para a nova busca da imagem.

13 PX - Pixel ou Píxel (sendo o plural pixels ou píxeis) (aglutinação de Picture e Element, ou seja, elemento de imagem, sendo Pix a abreviatura em inglês para Pictures) é o menor elemento num dispositivo de exibição (como por exemplo um monitor), ao qual é possível atribuir-se uma cor. De uma forma mais simples, um pixel é o menor ponto que forma uma imagem digital, sendo que o conjunto de milhares de pixels forma a imagem inteira. Num monitor colorido, cada Pixel é composto por um conjunto de 3 pontos: verde, vermelho e azul. Nos melhores monitores cada um destes pontos é capaz de exibir 256 tonalidades diferentes (o equivalente a 8 bits) e combinando tonalidades dos três pontos é então possível exibir pouco mais de 16.7 milhões de cores diferentes (exatamente ). Em resolução de 640 x 480 temos pixels, a 800 x 600 temos pixels, a 1024 x 768 temos pixels e assim por diante. Fonte: Wikipédia Resultado da pesquisa com tamanho exato.