InfoAjuda

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

Exemplo paginas linkadas (projeto2) (introdução web design)
« Online: Agosto 25, 2017, 06:10:57 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: [Selecionar]
<!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: [Selecionar]
<!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: [Selecionar]
<!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: [Selecionar]
<!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>
« Última modificação: Outubro 11, 2017, 08:52:01 am por DiegoB. »

Tags: web design