Prof. Risiberg Teixeira email: [email protected]
É uma metodologia de desenvolver sites estruturados. Os tableless não significa apenas desenvolver sites sem utilizar tabelas, mas sim em seguir padrões e utilizar tabelas onde é necessário.
Prof. Risiberg Teixeira 3
<style>
body {
margin:0px;
background-color: #cccccc;
font-family:”Tahoma, Arial,;
font-size:12px;
color:#000; } #todo {
position: relative;
width: 750px;
border: 1px solid black;
margin:0px auto;
background-color: white;}
#cabecalho {
position: relative;
width: 746px;
height: 100px;
border: 2px solid red;}
#meio {
position: relative;
width: 746px;
min-height: 400px;
background-color:
#eeeeee;}
#rodape {
width: 746px;
height: 75px;
border: 2px solid brown;}
</style>
<body>
<div id="todo">
<div id="cabecalho">
Aqui pode ser uma imagem de background e um texto.
</div>
<div id="meio">
o conteúdo do site neste parte </div>
<div id="rodape">
Responsável pela criação do site <br/>
Email: <a
href="mailto:[email protected]">Fulano de tal</a>
</div>
</div>
</body>
Prof. Risiberg Teixeira 5
Crie uma página web com áreas definidas para os seguintes itens: Cabeçalho, meio da página, rodapé.
Na área de cabeçalho coloque um logotipo da empresa para o qual está criando a página. No lado direito do cabeçalho coloque um banner.
A área meio da página deve ser dividida em duas partes. A primeira fica com conteúdo da página web e na esquerda para notícias importantes. Preencha os dois lados com conteúdos para o site.
O rodapé deverá conter informações sobre a empresa que criou o site, local, data de atualização do site, e nome e contato do profissional desenvolvedor do site.
Crie uma página web com os seguintes itens: Cabeçalho, meio da página, rodapé.
Divida a área de cabeçalho em duas partes. Coloque o logotipo do IFRJ do lado direito. Na esquerda Coloque dados de identificação da instituição (Razão social, CNPJ, telefone geral, Endereço do campus Arraial).
Divida a parte do meio em três partes. Esquerda coloque opções das disciplinas do curso de informática. No meio será uma descrição do curso (sobre o curso, Calendário escolar, Professores das disciplinas, Projetos de pesquisas desenvolvidos pelos professores e alunos).
Divida o rodapé em duas partes. Na esquerda deverá conter links para os outros campi do IFRJ. A direita coloque um logo da sua empresa que criou o site.
Prof. Risiberg Teixeira 7