LISTA DE EXERCÍCIOS 02 - GABARITO

Tamanho: px

Começar a partir da página:

Download "LISTA DE EXERCÍCIOS 02 - GABARITO"

Milena Jardim da Costa
6 Há anos
Visualizações:

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.

.. : fonte Courier New; Imagem: disponível no endereço http://sites.google.com/site/desenvolvimentowebi20122/home/quadro-deavisos/listadeexercicios03-arquivospararesolucaodasquestoes/ok.gif?

1 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 Resp.: <HTML> <HEAD> <META http-equiv="content-type" content="text/html; charset=iso "> <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:

2 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 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 "> <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 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.

3 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

4 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;

5 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/>

6 <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,

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

Documentos relacionados

DESENVOLVIMENTO WEB I LISTA DE EXERCÍCIOS 01 GABARITO

DESENVOLVIMENTO WEB I LISTA DE EXERCÍCIOS 01 GABARITO 1. Criar uma página com o layout abaixo. INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA BAHIA CAMPUS JEQUIÉ CURSO TÉCNICO SUSEQUENTE DE INFORMÁTICA PROF.: ALEXANDRO DOS SANTOS SILVA DESENVOLVIMENTO