Código Fonte

Transcrição

Código Fonte
Disciplina: Fundamentos de Tecnologia da Informação
Professora: Kelly Alves Martins
Código fonte da página moduloI.html com comentários
<html>
<!-- Com esta tag <head> é inserido todo o cabeçalho da página, com informações
sobre o site como título, meta tags, etc -->
<head>
<!-- linha meta para identificar o idioma, utf-8 identifica a acentuação em
português -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- tag <title> para Identificar a página com um título-->
<title>Projeto Integrador - Módulo I - GTI - Noturno</title>
<!-- foi usado o arquivo estilo.css para criar alguns estilos como links, formatação dos
textos, etc -->
<link rel="stylesheet" href="css/estilo.css" type="text/css" />
</head> <! – término da sessão para cabeçalho -- >
<!-- Através da opção background foi colocao uma imagem no fundo da página-->
<body background="img/fundobinario.jpg">
<!-- para a formatação do layout foi usado tabela com altura de 900px com
80% de largura-->
<table align="center" border="0" cellspacing="0" height="900" width="80%" >
<!-- Com esta tag <tr> foi criada uma linha e dentro dela com a tag <td> foi criada
uma célula, onde se encontra a imagem principal do site Projeto Integrador. -->
<tr align="right" height="80" valign="bottom">
<td valign="middle">
<img src="img/Titulo.png" alt="Projeto Integrador" />
</td>
</tr>
<tr>
<!-- Nesta tag <td> usei o atributo colspan para a célula ser mesclada em toda
a extensão da tabela-->
<td colspan="2" >
<!-- Com a tag <ul> criei uma lista não ordenada para inserir as opções
para os módulos. Cada módulo em lista <li> -->
<ul id="menu">
<li><a class="divisao" href="index.html">HOME</a>
<li><a href="moduloI.html">MÓDULO I</a></li>
<li><a href="#">MÓDULO II</a></li>
<li><a href="#">MÓDULO III</a></li>
<li><a href="#">MÓDULO IV</a></li>
<li><a href="#">MÓDULO V</a></li>
</ul>
</td>
</tr>
<tr bgcolor="#FFFFFF" height="900">
<td colspan="2" id="conteudoPrincipal" width="100%" valign="top">
<!-- Para carregar a página com os links para as disciplinas foi usado o elemento
iframe onde a página homeModuloI é carregada-->
<iframe name="alvo" src="homeModuloI.html" frameborder="0"
marginheight="10" width="100%" height="1000"> </iframe>
</td>
</tr>
<!-- Abaixo começa o rodapé da página -->
<tr bgcolor="#FFFFFF" height="80" id="rodape">
<td colspan="3" valign="middle">
<!-- Para esta formatação, usei a tag <font> com atributos face para o tipo de fonte
e size para indicar o tamanho, para enegritar foi usado a tag <strong>-->
<font face="arial" size="+1"><strong>Faculdade de Tecnologia Senac
Goiás</strong></font><br/>
<font face="arial"><strong>Curso Gestão em Tecnologia da Informação - 1º
Período - Noturno</strong></br></font>
<font face="arial">Aluno: Lincoln Aurélio dos Santos</br></font>
</td>
</tr>
</table>
</body>
</html>