CURSO: Informática MODALIDADE: Subsequente SÉRIE/MÓDULO: 3 TURMA: TS431 DISCIPLINA: Desenvolvimento Web I PROFESSOR: Alexandro dos Santos Silva LISTA DE EXERCÍCIOS 02 - GABARITO 1. Criar uma página com o layout abaixo. Observações: Cabeçalho: nível 01; Demais textos: tamanho de fonte padrão; Texto a partir do trecho este bocado... : fonte Courier New; Imagem: disponível no endereço http://sites.google.com/site/desenvolvimentowebi20122/home/quadro-deavisos/listadeexercicios03-arquivospararesolucaodasquestoes/ok.gif?attredirects=0. Resp.: <HTML> <HEAD> <META http-equiv="content-type" content="text/html; charset=iso-8859-1"> <TITLE>Questão 01</TITLE> </HEAD> <BODY> <H1 align="center">quebras</h1> <P>Este texto aparece antes da imagem, a qual vai ser alinhada à esquerda. <BR/> <IMG src="imagens/ok.gif" align="left"/> Esta frase está na mesma linha da imagem<br/> pelo que fica à sua direita. </P> <PRE>Este bocado de texto tem muitos espaços e mudanças de linha. C I U N R T S E O R N D E </PRE> </BODY> </HTML> 2. Criar uma página com o layout abaixo. E T
Observações: Cor de fundo da página: prata; Título A Construção : fonte Tahoma, tamanho 5; Linha horizontal superior: 2px de espessura, 100% de largura e cor preta; Linha horizontal intermediária: 3px de espessura e 100% de largura; Linha horizontal inferior: 2px de espessura, 100% de largura e cor preta; Imagem: altura de 40%, estando disponível no endereço http://sites.google.com/site/desenvolvimentowebi20122/ home/quadro-de-avisos/listadeexercicios03-arquivospararesolucaodasquestoes/anjo.jpg?attredirects=0; Versos: fonte Arial, tamanho 3; Texto com o nome do autor: fonte Arial, tamanho 3, em formato itálico e negrito. Resp.: <HTML> <HEAD> <META http-equiv="content-type" content="text/html; charset=iso-8859-1"> <TITLE>Questão 02</TITLE> </HEAD> <BODY bgcolor="silver"> <HR color="black" size="2" width="100%"/> <P align="center"><font face="tahoma" color="blue" size="5"><b>a CONSTRUÇÃO</B></FONT></P> <FONT face="tahoma, Geneva, sans-serif" color="white" size="5"></font> <HR size="3" width="100%"/> <P align="center"><img height="40%"src="imagens/anjo.jpg"/></p> <P align="center"> <FONT face="arial" size="3">eles egueram a Torre de Babel<BR/> Para escalar o Céu,<BR/> Mas Deus não estava lá!<br/> Estava ali mesmo, entre eles,<br/> ajudando a construir a torre.<br/> </FONT> </P> <P align="center"><b><font face="arial" size="3"><i>mário Quintana</I></FONT></B></P> <HR color="black" size="2" width="100%"/> </BODY> </HTML> 3. Desenvolver um manual online de etiquetas e boas maneiras para orientação de usuários que desejam fazer uma visita a uma pessoa hospitalizada, conforme especificações abaixo: Uma página principal, de nome regras.html, com a aparência abaixo:
Observações: Título da página: Etiquetas e Boas Maneiras ; Uso de cabeçalho de nível 1 para a primeira linha de texto ( Regras de etiqueta e boas maneiras quando você visita alguém no hospital ); Uso de fonte padrão (família e tamanho) para a primeira linha de texto; Alinhamento centralizado para a primeira linha de texto; Uso de fonte da família Arial, com tamanho 2, para os demais textos; Uso de alinhamento justificado para o texto Ter uma família... a algumas coisas ; Relação de links para as páginas regra1.html, regra2.html, regra3.html, regra4.html e regra5.html, da forma como exibido na imagem acima. 5 páginas, de nomes regra1.html, regra2.html, regra3.html, regra4.html e regra5.html, contendo informações sobre regras de etiqueta e boas maneiras, com as aparências abaixo, respectivamente:
Observações: Diferenças de conteúdo entre as páginas: número da regra e descrição da regra, conforme tabela abaixo: Regra 1 Regra 2 Regra 3 Regra 4 Regra 5 Se não for um familiar próximo, entre em contato com a família da pessoa ou o hospital para saber se, e quando, você pode visitar a pessoa internada. Se for possível, ligue para o paciente e lhe pergunte se ele está disposto a receber visitas. Esteja atento ao fato de que a pessoa poderá ficar cansada à medida que sua visita prossegue. Se perceber que a pessoa está querendo dormir ou ficando cansada, mesmo que esteja há pouco tempo com ela, despeça-se e visite-a noutro dia. Mantenha uma visita positiva, sendo uma pessoa positiva, cordial, simpática - não dê ao paciente notícias perturbadoras. Anime sempre a pessoa, mesmo que ela seja negativa. Se o quarto de hospital for compartilhado, cumprimente os pacientes restantes e suas visitas quando chegar e quando sair; se achar oportuno deseje-lhe melhoras também. Uso de cabeçalho de nível 1 para a primeira linha de texto ( Regras de etiqueta e boas maneiras quando você visita alguém no hospital ); Uso de cabeçalho de nível 3 para a segunda linha de texto ( Regra n, onde n é o número da regra); Título da página: Etiquetas e Boas Maneiras :: Regra n, onde n é o número da regra;
Uso de fonte padrão (família e tamanho) para as duas primeiras linhas de texto; Alinhamento centralizado para as duas primeiras linhas de texto; Uso de fonte da família Arial, com tamanho 2, para os demais textos; Alinhamento centralizado para o texto que contém a descrição da regra; Dois links, posicionados em um parágrafo centralizado para as páginas da regra anterior e da próxima regra (em relação à regra descrita na página em questão), respectivamente. Observar duas exceções: na página regra1.html, o link à esquerda (texto Página Inicial ) aponta para a página principal; na página regra5.html, o link à direita (texto Página Inicial ) aponta, igualmente, para a página principal. Sobre o espaçamento entre os links, exige-se uma quantidade mínima de 30 caracteres. Importante: certifique-se de que todos os arquivos citados anteriormente estejam armazenados em um mesmo diretório. Resp.: trata-se, na realidade, da construção de um conjunto de páginas; uma destas páginas é a página principal, na qual são colocados links para as demais páginas, ditas secundárias, que dispõem da descrição individual de uma regra de etiqueta específica cada uma; nestas outras, são igualmente colocados links para a página principal e/ou outras páginas secundárias. O organograma de links é mostrado na figura abaixo. Segue, abaixo, o código-fonte da página principal: Regras.html <html"> <title>etiquetas e Boas Maneiras</title> <p align="justify">ter um familiar ou amigo hospitalizado pode ser muito perturbador emocionalmente, e, às vezes, não se pensa em certas atitudes a serem tomadas, a fim de que essa pessoa se sinta bem, e em consideração a seus sentimentos, quando de sua visita. Muitas vezes pacientes internados anseiam por visitas de familiares e amigos, mas estes devem sempre se atentar a algumas coisas. <a href="regra1.html">regra 1</a><br/> <a href="regra2.html">regra 2</a><br/> <a href="regra3.html">regra 3</a><br/> <a href="regra4.html">regra 4</a><br/>
<a href="regra5.html">regra 5</a> Sobre as páginas secundárias, seguem os códigos-fontes das mesmas. Regra1.html (links para a página principal e para a página da segunda regra de etiqueta) <title>etiquetas e Boas Maneiras :: Regra 1</title> <h3 align="center">regra 1</h3> Se não for um familiar próximo, entre em contato com a família da pessoa ou o hospital para saber se, e quando, você pode visitar a pessoa internada. <a href="regras.html">página Inicial</a> <a href="regra2.html">próxima Regra</a> Regra2.html (links para as páginas da primeira e terceira regra de etiqueta) <title>etiquetas e Boas Maneiras :: Regra 2</title> <h3 align="center">regra 2</h3> <font size="2" face="arial, Helvetica, sans-serif">se for possível, ligue para o paciente e lhe pergunte se ele está disposto a receber visitas. <a href="regra1.html">regra Anterior</a> <a href="regra3.html">próxima Regra</a> Regra3.html (links para as páginas da segunda e quarta regra de etiqueta) <title>etiquetas e Boas Maneiras :: Regra 3</title> <h3 align="center">regra 3</h3> <font size="2" face="arial, Helvetica, sans-serif"> Esteja atento ao fato de que a pessoa poderá ficar cansada à medida que sua visita prossegue. Se perceber que a pessoa está querendo dormir ou ficando cansada, mesmo que esteja há pouco tempo com ela,
despeça-se e visite-a noutro dia. <a href="regra2.html">regra Anterior</a> <a href="regra4.html">próxima Regra</a> Regra4.html (links para as páginas da terceira e quinta regra de etiqueta) <title>etiquetas e Boas Maneiras :: Regra 4</title> <h3 align="center">regra 4</h3> <font size="2" face="arial, Helvetica, sans-serif"> Mantenha uma visita positiva, sendo uma pessoa positiva, cordial, simpática - não dê ao paciente notícias perturbadoras. Anime sempre a pessoa, mesmo que ela seja negativa. <a href="regra3.html">regra Anterior</a> <a href="regra5.html">próxima Regra</a> Regra5.html (links para a página principal e para a página da quarta regra de etiqueta) <title>etiquetas e Boas Maneiras :: Regra 5</title> <h3 align="center">regra 5</h3> <font size="2" face="arial, Helvetica, sans-serif"> Se o quarto de hospital for compartilhado, cumprimente os pacientes restantes e suas visitas quando chegar e quando sair; se achar oportuno deseje-lhe melhoras também. <a href="regra4.html">regra Anterior</a> <a href="regras.html">página Inicial</a>