Skip to topic | Skip to bottom
Home

Sandbox
Sandbox.SoluzioneEsercitazionir1.9 - 08 Apr 2016 - 17:57 - FabioVitalitopic end

Start of topic | Skip to actions
In questa pagina gli utenti possono proporre le proprie soluzioni alle esercitazioni svolte nell'ambito del corso di Tecnologie Web 2016. Naturalmente, si possono proporre soluzioni migliori e/o correggere quelle già inserite da altri utenti, possibilmente esponendone le motivazioni.

Soluzione esercizi in HTML - primo gruppo: TW-I es7911.pdf

  • Esercizio 1 - Soluzione di Angelo di Iorio?
  • Esercizio 2 - Soluzione di Angelo di Iorio?

Esercizio 3 HTML - primo gruppo

Soluzione di Angelo Di Iorio

<!DOCTYPE html>
<html>
 <head>
   <meta charset="UTF-8">
 </head>
 <body>
   <h1>Liste</h1>
   <p>Vado a fare la spesa e comprerò:</p>
   <ol>
       <li>Uova</li>
       <li>Latte</li>
       <li>Formaggio</li>
       <li>Pane</li>
   </ol>
   <p>Ma devo andare in due negozi:</p>
   <ul>
       <li>Coop</li>
       <li>Esselunga</li>
   </ul>
   <p>Ops...ho dimenticato altre cose da comprare:</p>
   <ol start="5">
       <li>Mele</li>
       <li>Pere</li>
   </ol>
 </body>
</html>


Esercizio 4 HTML - primo gruppo

Soluzione di Angelo Di Iorio

<!DOCTYPE html>
<html>
 <head>
   <meta charset="UTF-8">
 </head>
 <body>
   <h1>Diamo i numeri in tabella...</h1>
   <p>Sì, è vero, margini e bordi vanno in CSS ma per ora ci accontentiamo...</p>
   <table border="1" cellpadding="10">   
       <thead>
           <tr>
            <th>A</th>
            <th>B</th>
            <th>C</th>
            <th>D</th>
           </tr>
       </thead>
       <tbody>
           <tr>
            <td>Uno</td>
            <td>Due</td>
            <td>Tre</td>
            <td>Quattro</td>
           </tr>
           <tr>
            <td rowspan="2">Cinque</td>
            <td colspan="2"  rowspan="2">
                <ul>
                    <li>Sei</li>
                    <li>Sette</li>
                </ul>
            </td>
            <td>Otto</td>
           </tr>
           <tr>
            <td>Nove</td>
           </tr>
       </tbody>
   </table>
 </body>
</html>


Esercizio 5 HTML - primo gruppo

Soluzione di Angelo Di Iorio

<!DOCTYPE html>
<html>
 <head>
   <meta charset="UTF-8">
 </head>
 <body>
   <h1>Immaginiamo...</h1>
   <p>Ora proviamo a caricare la stessa immagine in-line 
       <img src="w3c.png" width="100"/>, seguita da testo.
   </p>
   <p>Oppure come blocco...</p>
   <img src="w3c.png" width="100"/>
   <p>...seguito da un paragrafo.</p>
 </body>
</html>


Esercizio 6 HTML - primo gruppo

Soluzione di Angelo Di Iorio

<!DOCTYPE html>
<html>
 <head>
   <meta charset="UTF-8">
 </head>
 <body>
   <h1>Immagine e/o link?</h1>
   <p>Carico la stessa immagine ma, cliccando sull'immagine, apro: <code>https://www.w3.org</code>:</p>
   <p>
    <a href="https://www.w3.org">
     <img src="w3c.png" width="100"/>
    </a>
   </p>
 </body>
</html>


Esercizio 7 HTML - primo gruppo

Soluzione di Angelo Di Iorio

<!DOCTYPE html>
<html>
 <head>
   <meta charset="UTF-8">
 </head>
 <body>
   <h1>Form</h1>
   <p><b>DISCLAIMER:</b> Siamo tutti d'accordo, le tabelle di layout non vanno usate ma ci accontentiamo aspettando CSS...</p>
   <form action="test.php">
       <table border="1">
           <tr>
      <th>Città di partenza:</th>
      <td>
          <input name="cittapartenza" type="text" size="12" />
      </td>
      <td rowspan="3">
          <p>
              <input name="tipov" type="radio" value="ar" />Andata e ritorno</p>
          <p>
              <input name="tipov" type="radio" value="a" />Andata</p>
      </td>
           </tr>
           <tr>
      <th>Città di arrivo:</th>
      <td>
          <input name="cittaarrivo" type="text" size="12" />
      </td>
           </tr>
           <tr>
      <th>Data:</th>
      <td>
          <input name="data" type="date" />
      </td>
           </tr>
           <tr>
      <th colspan="2"> Classe:</th>
      <td>
          <select name="classe">
              <option value="turistica">Turistica</option>
              <option value="business">Business</option>
              <option value="tutte">Tutte</option>
          </select>
      </td>
           </tr>
           <tr>
      <td colspan="3">
          <input type="submit" name="sub" value="Invia" />
      </td>
           </tr>
       </table>
   </form>
 </body>
</html>


Esercizio 8 HTML - primo gruppo

Soluzione di Angelo Di Iorio

<!DOCTYPE html>
<html>
 <head>
   <meta charset="UTF-8">
 </head>
 <body>
   <h1>Test sulla Scienza:</h1>
   <p>Rispondi alle seguenti domande e clicca su <b>Invia </b>per spedire 
       i risultati. </p>
   <form name="form1" method="post" action="http://www.cs.unibo.it/test.php">
       <ol>
           <li class="top">Quali tra queste aree di ricerca interessavano Leonardo (possibile 
      scegliere anche pi&uacute; di una risposta)? 
      <ol type="a">
          <li> 
              <input type="checkbox" name="checkbox" value="matematica">
         Matematica</li>
          <li> 
              <input type="checkbox" name="checkbox2" value="fisica">
         Fisica</li>
          <li> 
              <input type="checkbox" name="checkbox3" value="numismatica">
         Numismatica</li>
      </ol>
           </li>
           <li>Chi ha inventato il telefono?
      <select name="telefono" size="1">
          <option selected>Marconi</option>
          <option>Meucci</option>
          <option>Volta</option>
      </select>
           </li>
       </ol>
       <input type="submit" name="Submit" value="Invia">
           <input type="reset" name="Submit2" value="Annulla">
   </form>
 </body>
</html>


Soluzione esercizi in HTML - secondo gruppo: TW-II es5231.pdf

Esercizio 1 HTML - secondo gruppo

Soluzione di Andrea Carlo Toniolo

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
  <TITLE>Esercizio 1</TITLE>
</HEAD>
<BODY>
  <H1>
    Welcome!
  </H1>
  <P>Ci alleniamo con <B>HTML</B>, lo standard <a href="https://www.w3.org">W3C</a> per creare pagine Web.</P>
</BODY>
</HTML>


Esercizio 2 HTML - secondo gruppo

Soluzione di Andrea Carlo Toniolo

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
   <title>Esercizio 2</title>
</head>
<body>
  <h1>
   Molecole
  </h1>
  <p>Il <i>metano</i> &egrave; una molecola semplice che consiste in un atomo di carbonio legato a quattro atomi di idrogeno.
    Riportiamo la formula sotto:</p>
  <p>
    <b>CH<sub>4</sub></b>
  </p>
  <p>
    Pi&ugrave; complessa &egrave; la formula del <i>glucosio</i>:
  </p>
  <b>C<sub>6</sub>H<sub>12</sub>O<sub>6</sub></b>
</body>
</html>


Esercizio 3 HTML - secondo gruppo

Soluzione di Andrea Carlo Toniolo

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
   <title>Esercizio 3</title>
</head>
<body>
  <h1>Calcio</h1>
  <p>Bello guardare il campionato di calcio! Ecco le prime quattro in classifica:</p>
  <ol>
    <li>Juventus</li>
    <li>Napoli</li>
    <li>Roma</li>
    <li>Fiorentina</li>
  </ol>

  <p>Ops... in fondo invece:</p>
  <ol start="18">
    <li>Frosinone</li>
    <li>Carpi</li>
    <li>Verona</li>
  </ol>
</body>
</html>


Esercizio 4 HTML - secondo gruppo

Soluzione di Andrea Carlo Toniolo

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title>Esercizio 4</title>
</head>
<body>
  <h1>Tabelle e protocolli</h1>
  <p><b>DISCALIMER:</b> margini, padding e bordi vanno in CSS ma per ora va bene...</p>
  <table border="1" cellpadding="5">
    <tr>
       <th>Livelli</th>
       <th colspan="4"> SAMBA </th>
    </tr>
    <tr>
        <th>7</th>
        <td rowspan="2" colspan="4" valign="center">SMB</td>
    </tr>
    <tr>
        <th>6</th>
    </tr>
    <tr>
        <th>5</th>
        <td>NetBios</td>
        <td rowspan="3" valign="center">NetBEUI</td>
        <td>NetBios</td>
        <td>NetBios</td>
    </tr>
    <tr>
        <th>4</th>
        <td rowspan="2" valign="center">IPX</td>
        <td rowspan="2" valign="center">DECNet</td>
        <td>TCP/UDP</td>
    </tr>
    <tr>
        <th>3</th>
        <td>IP</td>
    </tr>
  </table>
</body>
</html>


Esercizio 5 HTML - secondo gruppo

Soluzione di Andrea Carlo Toniolo

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title>Esercizio 5</title>
</head>
<body>
  <h1>Ridimensioniamoci</h1>
  <p>
    Ecco una serie di immagini <b>in-line</b>: 
   <img src="https://www.w3.org/Icons/w3c_home" />, 
   <img src="https://www.w3.org/Icons/w3c_home" height="4%" width="4%" />, 
   <img src="https://www.w3.org/Icons/w3c_home" height="2%" width="2%" />, 
   <img src="https://www.w3.org/Icons/w3c_home" height="4%" width="4%" />, 
   <img src="https://www.w3.org/Icons/w3c_home" />
   di diverse dimensioni.
  </p>
</body>
</html>


Esercizio 6 HTML - secondo gruppo

Soluzione di Andrea Carlo Toniolo

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title>Esercizio 6</title>
</head>
<body>
  <h1>W3C</h1>
  <p>Bello il logo (cliccabile) del W3C: </p>
  <a href="https://www.w3.org/" alt="W3C"><img src="https://www.w3.org/Icons/w3c_home" /></a>, 
  <p>Ancora più bello il motto:</p>
  <p><TT>W3C: Leading the Web to Its Full Potential</TT></p>
</body>
</html>


Esercizio 7 HTML - secondo gruppo

Soluzione di Andrea Carlo Toniolo

<!DOCTYPE html>
<html>
<head>
  <title>Esercizio 7</title>
</head>
<body>
  <h1>Form</h1>
  <p><b>DISCLAIMER:</b> Siamo tutti d'accordo, le tabelle di layout non vanno usate ma ci accontentiamo aspettando
CSS... </p>
  <form name="formEsercizio7" method="POST">
    <table border="1" cellpadding="5" >
      <tr>
   <th >Nome e cognome:</th>
   <td width="300dp"><input type="text" size="28" name="nome_cognome"></td>
      </tr>
      <tr>
   <th >Provo esame per la prima volta:</th>
   <td><input type="radio" value="1" name="prova">s&igrave;<input type="radio" value="0" name="prova">no</td>
      </tr>
      <tr>
   <th >Preparazione</th>
   <td>1<input type="range" name="livello" min="1" max="10" step="1" value="6">10</td>
      </tr>
      <tr>
   <th >Codice</th>
   <td><input type="password" name="pwd" size="28"></td>
      </tr>
      <tr>
   <th >Compito</th>
   <td><input type="file" value="Choose File" name="nomefile"></td>
      </tr>
    </table>
    <input type="reset" value="Cancella">
    <input type="submit" value="Consegna">
  </form>
</body>
</html>


Esercizio 8 HTML - secondo gruppo

Soluzione di Andrea Carlo Toniolo

<!DOCTYPE html>
<html>
<head>
   <title>Esercizio 8</title>
</head>
<body>
  <h1>Corso TW</h1>
  <p><b>DISCLAIMER:</b> Siamo tutti d'accordo anche qui, le tabelle di layout non vanno usate ma ci 
accontentiamo aspettando CSS... </p>
  <form name="formEsercizio8" method="POST">
   <table border="1" cellpadding="5" >
      <tr>
         <td align="center" style="font-weight:bold" valign="center" rowspan="4" >TW</td>
         <td valign="center" rowspan="2"><i>Quali argomenti preferisci?</i></td>
         <td><input type="checkbox" name="ck1">HTTP</td>
         <td><input type="checkbox" name="ck2">HTML/CSS</td>
      </tr>
      <tr>
         <td><input type="checkbox" name="ck3">Programmare il WWW</td>
         <td><input type="checkbox" name="ck4">XML</td>
      </tr>
      <tr>
         <td ><i>Quale corso di laurea stai seguendo?</i></td>
         <td colspan="2"><select name="corso">
            <option value="inf" selected>Informatica</option>
            <option value="infmng" >Informatica per il management</option>
            <option value="ing" >Ingegneria</option>
         </select>
         </td>
      </tr>
      <tr>
         <td valign="center" colspan="4" >
            <input type="submit" value="Invia">
            <input type="reset" value="Annulla">
         </td>
      </tr>

   </table>
  </form>
</body>
</html>


Soluzione esercizi PHP/Python - primo gruppo: TW-I es1572.pdf


Esercizio 1


Soluzione esercizi PHP/Python - secondo gruppo: TW-II es6111.pdf


Esercizio 1


-- AndreaCarloToniolo - 03 Apr 2016

  • Set ALLOWTOPICVIEW =
  • Set ALLOWTOPICCHANGE =

to top

You are here: Sandbox > SoluzioneEsercitazioni

to top

Copyright © Fabio Vitali 2017 Last update of SoluzioneEsercitazioni on 08 Apr 2016 - 17:57 by FabioVitali