Creazione di un sito web, Parte 2 – Crere una pagina interna
mercoledì, gennaio 20, 2010 15:52Nella prima parte di questo tutorial abbiamo visto come strutturare sulla base di un template free il nostro sito in php, oggi vedremo come aggiungere una pagina interna, col minimo sforzo.
…
Allora, ricapitolando abbiamo i nostri 2 file chiave che sono header.php e footer.php, il nostro primo passo di oggi sarà creare un file e chiamarlo chi_siamo.php e salvarlo in root dove ci sono header e footer e al suo interno scriveremo:
<?php include("header.php"); ?>
<div>
<div>About Us</div>
<p>
<img src="images/team.gif" border="0" title="p1" alt="p2" />
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." </p>
<div>
<h3>Product information</h3>
<ul>
<li><a href="#" title="">Product information</a></li>
<li><a href="#" title="">Key features</a></li>
<li><a href="#" title="">Modules overview</a></li>
<li><a href="#" title="">Version history</a></li>
<li><a href="#" title="">System requirements</a></li>
</ul>
</div>
<div>
<h3>Client login</h3>
<div id="login">
Username:<br />
<input type="text" name="user" />
<div></div>
Password:<br />
<input type="password" name="pass" />
<div></div>
<input type="image" src="images/login.gif" style="float:left; padding-top:5px;" value="Order" />
</div>
</div>
</div>
<div>
<div>IL NOSTRO NUOVO TITOLO</div>
<p>
IL NOSTRO NUOVO TESTO
</p>
</div>
<div style="width:500px; clear:both; padding-bottom:2px;"></div>
</div>
<?php include("footer.php"); ?>
In questa pagina ho voluto mantenere il tabellone di sinistra con form login e lista prodotti, come avete visto ci è bastato inserire solo 2 include(); per riprodurre nel nostro file l’header e il footer, in questo modo potete creare pagine con estrema facilità e velocità, ricordatevi di modificare nell’header.php il link di about us e fatelo mirare a chi_siamo.php in questo modo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Business Solutions</title> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> </head> <body> <div id="main_container"> <div id="top_banner"> <div id="logo"> <a href="index.html"><img src="images/logo.gif" width="200" height="81" border="0" alt="" /></a></div> <div> <img src="images/demopic.gif" border="0" title="pic2" width="280" height="118" alt="" /> </div> </div> <div> <ul> <li><a href="index.html">Home</a></li> <li><a href="chi_siamo.php" >About Us</a></li> <li><a href="contact.html" >Servides</a></li> <li><a href="terms.html" >Clients</a></li> <li><a href="support.html" >Support</a></li> <li><a href="contact.html" >Contact Us</a></li> </ul> </div> <div id="center_content">
loading...
loading...
