Resolução do Exercício 2

1- Construção de uma tabela de border =5 com espaço entre a célula e o texto de 10 com 2 linhas e 2 colunas.

Dentro da primeira célula da segunda linha foi construída uma tabela com 1 linha e 3 colunas. Existe um erro no código pois não se chega a fechar essa linha antes do fecho da tabela correspondente.

2.a)

<html><body>
<!-- Criacao da tabela -->

<table width="500" border="1" bordercolor="#000000" style="border-collapse:
collapse" cellpadding="0" cellspacing="0">

<tr>

<!-- coluna 1 com o indice -->

<td width="80">
<a href="internet.html">Internet</a><p><b>

<a href="intranets.html">Intranets</a></b></p>

<p><b><a href="extranets.html">Extranets</a></b>
</td>

<!-- coluna 2 com o texto -->

<td>Texto .... </td> </tr> </table> </body> </html>

ver resultado

Esta estrutura deveria ser usada em todas as páginas

2.b)

--- frame.html

<html>





<frameset cols="150,*">

<frame name="contents" target="main" src="indice.htm">

<frame name="main" src="internet_ori.htm">

</frameset>

<noframes>

<body>



<p>Esta página usa frames e o seu browser não está preparado para as
usar</p>

<p>This page uses frames, but your browser doesn't support them.</p>



</body>

</noframes>

</frameset>



</html>

--- indice.html - O indice

<html><body>
<a href="internet_ori.html" target="main">Internet</a><p>

<a href="intranets_ori.html" target="main">Intranets</a><p>

<a href="extranets_ori.html" target="main">Extranets</a>

 
</body>

</html>

--- Os demais ficheiros manteriam-se sem modificação dos originais

ver resultado

2.c)

O uso de frames torna o código mais simples e de fácil actualização mas impossibilita o bookmark de uma página interna e não existe nenhuma maneira de assegurar que uma página interna só é visualizada dentro do contexto da estrutura da frame sem o uso de Javascript. Isso é importante para o caso de se acederem ás páginas via um motor de pesquisa e assim não se ter acesso a um índice por exemplo.
No passado havia vários browers que não suportavam frames mas o seu uso é quase nulo actualmente excepto em alguns equipamentos para acessibilidade.
Tem também a a vantagem do uso de cache para cada uma das diferentes páginas e o carregamento "simultâneo".

O uso de tabela é de mais difícil actualização e o scrooll faz o scrooll a todas página contrariamente ao que podemos obter com as frames. Funciona em todos os browsers que suportam tabelas (quase desde a 1ª geração) e não tem as desvantagens das frames. Também não tem as vantagens destas.

Há que ponderar o tipo de actualização e navegação que se pretende no sitio e sua acessibilidade.
É interessante notar que a maior parte dos sítios de maior utilização optaram pelo uso de tabelas!

--- frame.html

<html>

<frameset cols="150,*"> <frame name="contents" target="main" src="indice.htm"> <frame name="main" src="segundo.htm"> </frameset> <noframes> <body> <p>Esta página usa frames e o seu browser não está preparado para as usar</p> <p>This page uses frames, but your browser doesn't support them.</p> </body> </noframes> </frameset> </html>

--- indice.htm

<html><body>
<ul><li>Enterinement

  <ul><li>David ...

        <li>the tonigh....

 </ul>
<hr>
   <li>Fun

    <ul><li> ...
     </ul>
</ul>
</body>

</html>

Problema 4

<html><head>
<title>Teste</title>
</head>
<body>
<map name="dep_mapa">
<area coords="0,0,30,30" href="http://www.fe.up.pt/feupwww/deec.html">
<area coords="0,30,30,90" href="http://www.fe.up.pt/feupwww/dec.html">
<area coords="30,0,90,30" href="http://www.fe.up.pt/feupwww/demegi.html">
<area coords="30,30,90,90" href="http://www.fe.up.pt/feupwww/dem.html">
</map>
<table>
<tr><td><img="http://www.fe.up.pt/~fsilva/images/logo_feup_minusculo.gif"
border=0 usemap="#dep_mapa"></td>
<td align=center>FACULDADE DE ENGENHARIA ....</td>
</tr>
</table>
<ol>

<li>: Internet (3.0 valores)

<ol type="a">

<li>) Descreva quais são ....

<ul type="disc">

<li>FTP </li>

<li>Web

<ul type="circle">

<li>codificado </li>

<li>em claro </li>

</ul>

</li>

<li>Email </li>

</ul>

</li>

<li>) Qual o serviço da .... </li>

</ol>

</li>

<li>: HTML (4.5 valores)

<dl>

<dd>Estime o tamanho...</dd>

</dl>

<ol type="a">

<li>) R.B &lt; S.B </li>

<li>) R.B &lt;&gt; S.B </li>

</ol>

<ol>

</ol>

</li>

</ol>



</body>

</html>