☰ Creare il file pagina2.html

Creare il file pagina2.html

Vediamo ora come si crea il file pagina2.html con Helix e come salvarlo.

Sulla barra di ricerca del launcher delle applicazioni del sistema operativo di linux che state utilizzando digitare Helix:

Selezionare con il mouse "Helix".

Apparirà la seguente finestra di Helix:

Digitare ora sulla tastiera il comando di Helix : che serve per entrare nella modalità "COMMAND" di Helix, si aprirà un menù che mostrerà i comandi disponibili:

Nella riga Cmdline di Helix digitare ora il comando w /home/asahi/Projects/sito_prova/pagine/pagina2.html. La finestra di Helix apparirà così:

Digitare il tasto INVIO. Il file verrà salvato con il nome "pagina2.html"

Copiare il seguente codice:

<!DOCTYPE html>
<html xmlns="https://www.w3.org/1999/xhtml" lang="it">  
<html>

<head>

  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>Titolo pagina 2</title>
    <link rel="stylesheet" href="pagestyle.css" type="text/css">
    
<style type="text/css">
    body {
  width: 90%;
  font-family: Arial, Verdana, sans-serif;
  font-size: 16px;
  color: #000000;
  margin: auto;}
    
    </style>
</head>

<body>

<nav class="navbar">
<input type="checkbox" id="menu-toggle">
<label for="menu-toggle" class="hamburger">☰</label>
<ul class="menu">
<li><a href="https://www.puntoinformaticofree.it/sito_prova/" class="active">Homepage</a></li>
  <li><a href="https://www.puntoinformaticofree.it/sito_prova/pagine/pagina1.html">Pagina 1</a></li>
  <li><a href="https://www.puntoinformaticofree.it/sito_prova/pagine/pagina2.html">Pagina 2</a></li> 
      <li><a href="https://www.puntoinformaticofree.it/sito_prova/pagine/pagina3.html">Pagina 3</a></li>
      <li><a href="https://www.puntoinformaticofree.it/sito_prova/pagine/pagina4.html">Pagina 4</a></li>
  </li>
  <li><a href="https://www.puntoinformaticofree.it/sito_prova/pagine/pagina5.html">Pagina 5</a></li>
    </ul>
</nav>

</div>

<!-- Use any element to open/show the overlay navigation menu -->
<div class="header">
    <div class=titolo> Titolo sito</div>
</div>

<br>
<h1><p align=center>Titolo pagina 2</p></h1>

<p><br></p>

<p>Testo pagina 2
</p>
<br>
<br>
<div class="footer">
<p>Caio Sempronio &copy; 2017</p> 
    </div>  

</body>
</html>

Premere la barra spaziatrice per aprire la modalità SPACE. Si aprirà un menù che mostrerà i comandi disponibili della modalità SPACE:

Digitare sulla tastiera il tasto p per incollare il contenuto degli appunti. La finestra di Helix apparirà così:

Digitare ora sulla tastiera il comando di helix :wq

Digitare il tasto INVIO. Il file verrà salvato e verrà chiusa la finestra di Helix.