Fórum EAD Info
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Entrar

Esqueci-me da senha

Últimos assuntos
» Importar Folhas de estilos CSS
Exemplo paginas linkadas (projeto2) (introdução web design) EmptySex Jun 09, 2017 4:15 pm por DiegoB

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

» Exemplo arquivo HTML (Projeto)
Exemplo paginas linkadas (projeto2) (introdução web design) EmptyQui maio 18, 2017 9:24 pm por DiegoB

» Desenhando um sapinho com o Inkscape
Exemplo paginas linkadas (projeto2) (introdução web design) EmptySeg maio 15, 2017 4:01 pm por DiegoB

» Tutorial WebSite (inglês)
Exemplo paginas linkadas (projeto2) (introdução web design) EmptySáb maio 13, 2017 1:25 pm por DiegoB

» Tutorial Botão de Vidro (atividade)
Exemplo paginas linkadas (projeto2) (introdução web design) EmptySex maio 12, 2017 12:46 pm por DiegoB

» Regras Globais da Comunidade
Exemplo paginas linkadas (projeto2) (introdução web design) EmptyQui maio 11, 2017 11:22 pm por DiegoB

» Inkscape Download e demais links
Exemplo paginas linkadas (projeto2) (introdução web design) EmptyQui maio 11, 2017 9:53 pm por DiegoB


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

Ir para baixo

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

Mensagem por DiegoB 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>
DiegoB
DiegoB
Admin

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

https://eadinfo.directorioforuns.com

Ir para o topo Ir para baixo

Ir para o topo


 
Permissões neste sub-fórum
Não podes responder a tópicos