index.jsp
<%@ page contentType="text/html" pageEncoding="UTF-8" %> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Gianfranco Oddenino</title> <link rel="stylesheet" type="text/css" href="stile.css"> </head> <body> <%@ include file="WEB-INF/jspf/header.jspf" %> <%@ include file="WEB-INF/jspf/menu.jspf" %> <main> <h2>Benvenuti!</h2> <p>Ciao a tutti; siete nella pagina iniziale del mio sito.</p> </main> <%@ include file="WEB-INF/jspf/footer.jspf" %> </body> </html>
header.jspf
<%@ page pageEncoding="UTF-8" %> <header> <h1>Gianfranco Oddenino</h1> </header>
menu.jspf
<%@ page pageEncoding="UTF-8" %> <nav> <ul> <li><a href="index.jsp">Home</a></li> <li><a href="informazioni.jsp">Informazioni</a></li> <li><a href="biblioteca.jsp">Biblioteca</a></li> </ul> </nav>
footer.jspf
<%@ page pageEncoding="UTF-8" %> <footer> <address>Liceo Scientifico e Classico Statale "Giuseppe Peano - Silvio Pellico" - Via Monte Zovetto, 8 - 12100 Cuneo</address> </footer>
N.B. I file jspf devono essere memorizzati nella cartella WEB-INF/jspf/
stile.css
body { border: none; background-color: white; background: linear-gradient(to right, navy, white); margin: 0; padding: 0; font-family: Verdana, Arial, sans-serif; } header { border: none; margin: 1%; padding: 1%; text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em darkblue; color: white; } nav { border: none; border-radius: 10px; background-color: rgba(0, 255, 255, 0.9); margin: 1%; padding: 1%; } main { border: none; border-radius: 10px; background-color: rgba(255, 255, 255, 0.9); margin: 0 1% 1% 1%; padding: 1%; } footer { border: none; border-radius: 10px; background-color: rgba(0, 255, 255, 0.9); margin: 1%; padding: 1%; } nav ul { margin: 0; padding: 0; list-style-type: none; } nav li { display: inline; } nav li a { border-radius: 10px; padding: 0.5%; font-weight: bold; text-decoration: none; } nav li a:hover { background-color: navy; color: white; }
N.B. Eventuali immagini devono essere memorizzate nella cartella images
Progetto completo: OddeninoGianfranco (NetBeans HTML5).zip