Buscar

ExerciciosAula2_2019_Gabarito

Prévia do material em texto

Desenvolvimento em Ambiente Web 
1º semestre 2019 1/3 
 
Curso: Ciência da Computação 
Disciplina: Desenvolvimento em Ambiente Web 
Profª Luciana Ap. Oliveira Betetto e Prof. Victor A. Rodrigues 
 
Exercícios – Lista 2 
1. As tags <html>, <head> e <body> são usadas para descrever a estrutura geral de uma 
página da Web. Qual a função de cada uma delas? 
A tag <html> indica que um arquivo está na linguagem HTML. A tag <head> especifica o cabeçalho 
da página. A tag <body> especifica o corpo (texto, links, figuras e demais elementos) da página 
HTML. 
 
2. Onde se encontra a tag <title> e para que usá-la? 
Essa tag localiza-se dentro da tag <head>. A tag <title> é usada para indicar o título de uma página 
web no navegador. 
 
3. Quantos níveis de cabeçalho diferentes o HTML suporta? Quais são as suas tag´s? 
O HTML suporta seis níveis de cabeçalho. As tag´s são <h1 ... /h1> até <h6 ... /h6>. 
 
4. Quais são as duas coisas das quais você precisa para criar um link no HTML? 
Para criar um link no HTML, você precisa do nome ou do URL do arquivo ou página para o qual 
deseja criar o link e do texto que seus leitores poderão selecionar para seguir o link. 
 
5. O que é uma âncora e para que ela é usada? 
Páginas extensas que não cabem na janela do navegador podem ser facilmente manipuladas através de 
âncoras. A diferença para os links normais é que as âncoras ao contrário de possuírem como alvo 
páginas e imagens, terão como alvo textos e figuras dentro da mesma página. 
<a name= “inicio”>Início da Página</a> 
<a href= “#Início”>Volta para o início da página</a> 
A primeira tag, <a name= “nome da ancora”>texto</a>, informa o nome da âncora, que será 
chamado na tag <a href= “#nome da âncora”>texto</a>. Na definição do hyperlink, deve-se colocar 
o sinal # na frente do nome da âncora para informar ao browser que ele não abrirá um arquivo e, sim, 
irá navegar na própria página. 
 
6. Se as quebras de linha aparecem no HTML, também posso criar quebras de página? 
O HTML não possui uma tag de quebra de página. Se cada documento da web fosse uma única página, 
a única forma de produzir uma quebra de página seria dividir o seu documento HTML em arquivos 
separados e vincular os mesmos. 
 Desenvolvimento em Ambiente Web 
1º semestre 2019 2/3 
7. Sobre links no HTML: 
O que é um nome de caminho relativo? Por que é vantagem usá-lo? 
Veja o exemplo: <a href="poesia.htm">Para Ser Grande</a> 
A âncora destino aponta somente para o arquivo "poesia.htm" sem especificar o endereço completo 
desta página. Isto é possível porque a página "poesia.htm" encontra-se no mesmo diretório da página 
em que a ligação foi construída. 
A vantagem de utilizar um caminho relativo é que eles são portáteis, o que significa que se você mover 
os seus arquivos para outro local em um disco ou renomear um diretório, os links precisarão de pouca 
ou nenhuma alteração. 
O que é um nome de caminho absoluto? 
Um nome de caminho absoluto aponta para uma página no nível superior do início da hierarquia e 
desce por todos os diretórios intervenientes até chegar ao arquivo. 
O endereço absoluto é a informação para a localização do recurso de forma independente da página 
atual (protocolo + domínio + caminho). O endereço relativo é a informação para a localização do 
recurso a partir da página atual. 
Suponha a existência das páginas HTML nos seguintes endereços: 
 http://www.nce.ufrj.br/cursos/cursos.htm 
 http://www.nce.ufrj.br/cursos/inscricao.htm 
Uma ligação na página "cursos.htm" para a página "inscricao.htm" poderia ser construída com 
endereço absoluto ou com endereço relativo: 
 
 
 
 
 
absoluto: <a href="http://www.nce.ufrj.br/cursos/inscricao.htm"> Inscrição</a> 
relativo: <a href="inscricao.htm">Inscrição</a> 
8. Qual a diferença entre uma imagem GIF e uma imagem JPG? Há qualquer regra prática que 
determine quando você deve usar um formato e quando usar o outro? 
Utilizamos arquivos GIF quando as imagens contem 256 cores ou menos. Alguns bons exemplos para 
usar arquivos GIF são arte de desenho animado, clip art, imagens em preto e branco e imagens com 
muitas áreas de cores sólidas. 
As imagens JPEG apresentam figuras com melhor qualidade fotográfica. O tamanho do arquivo 
diminui quanto mais a imagem for compactada; contudo, a compactação também pode deteriorar a 
qualidade e a aparência da imagem se você passar dos limites. 
É necessário encontrar um balanceamento correto entre qualidade e tamanho de arquivo e isso poderá 
ser diferente de imagem para imagem. 
 Desenvolvimento em Ambiente Web 
1º semestre 2019 3/3 
9. Pela regra, o que distingue uma imagem que pode ser clicada (uma que seja usada como 
link) de uma imagem comum? 
As imagens que podem ser clicadas (aquelas usadas para links) mudam o ícone do mouse para “mão”. 
 
10. Por que é importante usar o atributo alt para exibir um texto alternativo para uma imagem? 
Quando é mais importante fazer isso? 
É sempre bom fornecer textos alternativos com as imagens porque algumas pessoas usam navegadores 
somente texto ou desligaram a sua exibição de figuras. É importante fornecer textos alternativos de 
texto para imagens usadas como links.

Continue navegando