Conectar-se

Esqueci minha senha

Últimos assuntos
» Importar Folhas de estilos CSS
Sex Jun 09, 2017 4:15 pm por DiegoB

» Exemplo paginas linkadas (projeto2) (introdução web design)
Qua Maio 31, 2017 7:51 pm por DiegoB

» Exemplo arquivo HTML (Projeto)
Qui Maio 18, 2017 9:24 pm por DiegoB

» Desenhando um sapinho com o Inkscape
Seg Maio 15, 2017 4:01 pm por DiegoB

» Tutorial WebSite (inglês)
Sab Maio 13, 2017 1:25 pm por DiegoB

» Tutorial Botão de Vidro (atividade)
Sex Maio 12, 2017 12:46 pm por DiegoB

» Regras Globais da Comunidade
Qui Maio 11, 2017 11:22 pm por DiegoB

» Inkscape Download e demais links
Qui Maio 11, 2017 9:53 pm por DiegoB


Exemplo paginas linkadas (projeto2) (introdução web design)

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Exemplo paginas linkadas (projeto2) (introdução web design)

Mensagem por DiegoB em Qua Maio 31, 2017 7:51 pm

Introdução a Web Design (INF) 2017.1
Projeto 2


Esqueleto para estudos relacionados ao projeto da 2 competencia, paginas linkadas com menus.

ps: projeto está somente o esqueleto sem conteudo.

Bons estudos.

segue link para download
Download

abaixo todos os codigos:

index.html
Código:

<!DOCTYPE html>

<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title> Projeto</title>
 </head>

 <body>
 
 <div id="menu">
 <a href="index.html" >Inicio</a>|
 <a href="lista.html" >Lista</a>|
 <a href="tabela.html" >Tabela</a>|
 <a href="form.html" >Formulario</a>
 
 </div>
 
 
 
 <div>
 <h2><br>Titulo da pagina</h2>
 <p>inserir conteudo bla bla bla bla. </p>
 </div>

 </body>

</html>

form.html
Código:

<!DOCTYPE html>

<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title> Projeto </title>
 
 </head>

 <body>
 
 <div id="menu">
 <a href="index.html" >Inicio</a>|
 <a href="lista.html" >Lista</a>|
 <a href="tabela.html" >Tabela</a>|
 <a href="form.html" >Formulario</a>
 
 </div>
 
 
 
 <div id="conteudo">
 <h2><br>Contato</h2>
 <form action="#" method="POST">
 
 <p> Nome:<br />
 <input type="text" name="nome">
 </p>
 
 <p> Email:<br />
 <input type="email" name="email">
 </p>
 
 <p>Menssagem:<br>
 <textarea rows="10" cols="32" /></textarea>
 </p>
 
 <p>
 <input type="submit" name="Enviar" value="Enviar">
 </p>
 </div>

 </body>

</html>

lista.html
Código:

<!DOCTYPE html>

<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title> Projeto </title>
 
 </head>

 <body>
 
 <div id="menu">
 <a href="index.html" >Inicio</a>|
 <a href="lista.html" >Lista</a>|
 <a href="tabela.html" >Tabela</a>|
 <a href="form.html" >Formulario</a>
 
 </div>
 
 
 
 <div id="conteudo">
 <h2><br>Lista Nao ordenada</h2>
 <ul>
 <li>Item 1</li>
 <li>Item 2</li>
 <li>Item 3</li>
 </ul>
 
 
 
 
 <h2><br>Lista ordenada</h2>
 
 <ol>
 <li>Item 1</li>
 
 <li>Item 2</li>
 
 </ol>
 
 
 </div>

 </body>

</html>

tabela.html
Código:

<!DOCTYPE html>

<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title> Projeto </title>
 
 </head>

 <body>
 
 <div id="menu">
 <a href="index.html" >Inicio</a>|
 <a href="lista.html" >Lista</a>|
 <a href="tabela.html" >Tabela</a>|
 <a href="form.html" >Formulario</a>
 
 </div>
 
 
 
 <div id="conteudo">
 
 <h2><br>Titulo</h2>
 
 <table border="1" >
 
 <tr>
 <td>conteudo1   </td>
 <td> conteudo2</td>
 <td> conteudo3 </td>
 </tr>

 

 </table>
 
 </div>

 </body>

</html>
avatar
DiegoB
Admin

Mensagens : 8
Data de inscrição : 11/05/2017

Ver perfil do usuário http://eadinfo.forumeiros.com

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum