Entrar
Últimos assuntos
Exemplo paginas linkadas (projeto2) (introdução web design)
Página 1 de 1
Exemplo paginas linkadas (projeto2) (introdução web design)
Introdução a Web Design (INF) 2017.1
Projeto 2
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>
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
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)
Sáb 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