Skip to content

Commit

Permalink
fix text and style and new small section with img
Browse files Browse the repository at this point in the history
  • Loading branch information
@Sneffel
Sneffel committed Sep 6, 2024
1 parent a63c625 commit aafd7ab
Show file tree
Hide file tree
Showing 2 changed files with 130 additions and 93 deletions.
223 changes: 130 additions & 93 deletions extra/configurazione-alias-gmail.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
<script src="zoom.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.amber.min.css">

<link href="style.css" rel="stylesheet">
<link href="style.css?v1" rel="stylesheet">

<meta name="description"
content="Guide to configure Gmail alias email. Step-by-step instructions to set up email aliases and improve your Gmail experience.">
Expand Down Expand Up @@ -48,110 +48,147 @@
</svg>
<header class="container">
<h1>Configurazione alias Gmail</h1>
<hr>
<h3>Guida passo per passo</h3>
<p>Guida aggiornata al 2024 basata sulla guida <a
<p>
Guida aggiornata al 2024 basata sulla guida <a
href="http://miki92.altervista.org/altervista/guide/alias/come-utilizzare-alias-mail-con-gmail-versione-2015.php"
rel="external nofollow"> di miki92</a></p>
<p class="text-ital">Tempo di completamento: 5 minuti</p>
rel="external nofollow"> di miki92</a>
<br>
<em>Tempo di completamento: 5 minuti</em>

</p>
<h6>Obiettivo:</h6>
<figure>
<img src="img/from-alias.png" alt="from alias esempio">
<figcaption>
<small>
Configurare un alias email su Gmail per ricevere email su un indirizzo
diverso da quello principale.
</small>
</figcaption>
</figure>
</header>

<main class="container">
<section>
<h2>1. Se non hai già configurato la verifica in due passaggi, vai a <a target="_blank"
href="https://accounts.google.com/b/0/SmsAuthSettings" rel="external nofollow">Verifica in due passaggi</a>
col
tuo account
di Google/Gmail <span class="fs-5 btn-group-vertical">(sennò passa prossimo punto)</span></h2>
<div class="two-columns">
<h3>Premi "Inizia", accedi di nuovo, e segui le istruzioni:</h3>
<ol class="d-inline-block text-start">
<li>Verifica il numero di cellulare (o <i>Mostra altre opzioni</i> per usare un cellulare collegato)</li>
<li>Convalida pin (o conferma sul cellulare)</li>
<li><strong>Attiva</strong></li>
</ol>
<p>Una volta terminato il processo seguendo la procedura guidata, procedi al prossimo passaggio.</p>
</div>
</section>

<section>
<h2>2. Apri la pagina <a href="https://myaccount.google.com/signinoptions/two-step-verification"
target="_blank">impostazioni
password</a>. Naviga in basso verso
<strong>Password per le app</strong>
</h2>
</section>

<h2>1. Se non hai già configurato la verifica in due passaggi, vai a <a target="_blank"
href="https://accounts.google.com/b/0/SmsAuthSettings" rel="external nofollow">Verifica in due passaggi</a> col
tuo account
di Google/Gmail <span class="fs-5 btn-group-vertical">(sennò passa prossimo punto)</span></h2>
<div class="two-columns">
<h3>Premi "Inizia", accedi di nuovo, e segui le istruzioni:</h3>
<section>
<h2>3. Clicca la freccina a destra</h2>
<img src="img/gmail2.png" alt="gmail2" class="rounded">
</section>

<section>
<h2>4. Dove c'è scritto <strong>Nome dell'app</strong> scrivi un nome a caso, va bene l'indirizzo email da
configurare
</h2>
<h3>Premi <strong>Crea</strong></h3>
</section>
<section>
<h2>5. Copia subito la password di 16 caratteri in un blocco note/file (o abbi cura di non chiudere la scheda)
senza
gli spazi tra un carattere e l'altro o alla fine. Non
premere Fine</h2>
<p>Questa password servirà fino alla fine di questa configurazione</p>
</section>
<section>
<h2>6. Apri <a href="https://mail.google.com/" target="_blank">Gmail</a> in una nuova scheda, e apri le
impostazioni
avanzate:</h2>
<ol class="d-inline-block text-start">
<li>Verifica il numero di cellulare (o <i>Mostra altre opzioni</i> per usare un cellulare collegato)</li>
<li>Convalida pin (o conferma sul cellulare)</li>
<li><strong>Attiva</strong></li>
<li>Rotellina <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-gear-fill" viewBox="0 0 16 16">
<path
d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z" />
</svg></li>
<li><button class="btn btn-outline-dark text-white ">Visualizza tutte le impostazioni</button></li>
</ol>
<p>Una volta terminato il processo seguendo la procedura guidata, procedi al prossimo passaggio.</p>
<!-- <img src="img/gmail1.png" alt="gmail1"> -->
</div>
<!-- <p>Se l'avevi già configurata in precedenza comparirà questa schermata:</p>
<img src="img/Screenshot 2024-03-07 at 19-20-18 2-Step Verification.png" class="zoomE" alt="2-Step Verification.png"> -->
<h2>2. Apri la pagina <a href="https://myaccount.google.com/signinoptions/two-step-verification"
target="_blank">impostazioni
password</a>. Naviga in basso verso
<strong>Password per le app</strong>
</h2>
<h2>3. Clicca la freccina a destra</h2>
<img src="img/gmail2.png" alt="gmail2" class="rounded">

<h2>4. Dove c'è scritto <strong>Nome dell'app</strong> scrivi un nome a caso, va bene l'indirizzo email da
configurare
</h2>
<h3>Premi <strong>Crea</strong></h3>
<h2>5. Copia subito la password di 16 caratteri in un blocco note/file (o abbi cura di non chiudere la scheda) senza
gli spazi tra un carattere e l'altro o alla fine. Non
premere Fine</h2>
<p>Questa password servirà fino alla fine di questa configurazione</p>
<h2>6. Apri <a href="https://mail.google.com/" target="_blank">Gmail</a> in una nuova scheda, e apri le impostazioni
avanzate:</h2>
<ol class="d-inline-block text-start">
<li>Rotellina <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-gear-fill" viewBox="0 0 16 16">
<path
d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z" />
</svg></li>
<li><button class="btn btn-outline-dark text-white ">Visualizza tutte le impostazioni</button></li>
</ol>
<h2>7. Seleziona la (quarta) scheda Account e importazione</h2>
<img src="img/gmail3.png" class="zoomE rounded" alt="gmail 3">
<h2>8. Nella (quarta) sezione (<b>Invia messaggio come:</b>), sotto alle mail esistenti clicca: Aggiungi un altro indirizzo email</h2>
<div class="two-columns">
<p>Si aprirà una finestra. Compila i dati</p>
</section>
<section>
<h2>7. Seleziona la (quarta) scheda Account e importazione</h2>
<img src="img/gmail3.png" class="zoomE rounded" alt="gmail 3">
</section>
<section>
<h2>8. Nella (quarta) sezione (<b>Invia messaggio come:</b>), sotto alle mail esistenti clicca: Aggiungi un altro
indirizzo email</h2>
<div class="two-columns">
<p>Si aprirà una finestra. Compila i dati</p>
<ul class="text-start mx-auto d-inline-block">
<li><b>Nome</b>: il nome che vuoi che la tua corrispondenza visualizzi sullo schermo</li>
<li><b>Indirizzo email</b>: l'indirizzo da collegare</li>
</ul>
<p>Assicurati che la casella <i>Considera come un alias</i> sia selezionata <input type="checkbox" checked>e
premi
<strong>Passaggio successivo</strong>
</p>
</div>
<div class="container">
<div class="alert alert-danger d-block my-2 alert-dismissible fade show" role="alert">
<svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Danger:">
<use xlink:href="#exclamation-triangle-fill" />
</svg>
Attenzione al passaggio successivo!
</div>
</div>
</section>

<section>
<h2>9. Compila come segue:</h2>
<ul class="text-start mx-auto d-inline-block">
<li><b>Nome</b>: il nome che vuoi che la tua corrispondenza visualizzi sullo schermo</li>
<li><b>Indirizzo email</b>: l'indirizzo da collegare</li>
<li>Server SMTP: smtp.gmail.com</li>
<li>Porta: 587</li>
<li>Nome utente: [la tua casella di posta gmail]</li>
<li>Password: [la password generata precedentemente, <b>senza spazi</b>]</li>
<li><input type="radio" checked>Connessione protetta tramite TLS</li>
</ul>
<p>Assicurati che la casella <i>Considera come un alias</i> sia selezionata <input type="checkbox" checked>e
premi
<strong>Passaggio successivo</strong>
</p>
</div>

<div class="container">
<div class="alert alert-danger d-block my-2 alert-dismissible fade show" role="alert">
<svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Danger:">
<use xlink:href="#exclamation-triangle-fill" />
<p>Una volta compilato tutto, clicca su <b><u>Aggiungi account »</u></b>.</p>
</section>

<section>
<h2>10. Conferma la proprità della mail:</h2>
<ul class="text-start mx-auto d-inline-block">
<li>Chiudi questa finestra</li>
<li>Apri la mail di conferma che è appena arrivata <i>(Conferma Gmail - Invia messaggio come ...)</i></li>
<li>Clicca sul link per confermare</li>
<li>Nella pagina che si apre clicca <button>Conferma</button></li>
</ul></u>
</section>

<section>
<h2>11. FINE</h2>
<div class="alert alert-primary d-block" role="alert">
<svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Info:">
<use xlink:href="#info-fill" />
</svg>
Attenzione al passaggio successivo!
<strong>Se vuoi fare un test, non inviare una mail alla stessa casella di posta.</strong><br>
Mandala a una diversa, altrimenti rimbalzerà indietro
</div>
</div>
<h2>9. Compila come segue:</h2>

<ul class="text-start mx-auto d-inline-block">
<li>Server SMTP: smtp.gmail.com</li>
<li>Porta: 587</li>
<li>Nome utente: [la tua casella di posta gmail]</li>
<li>Password: [la password generata precedentemente, <b>senza spazi</b>]</li>
<li><input type="radio" checked>Connessione protetta tramite TLS</li>
</ul>
<p>Una volta compilato tutto, clicca su <b><u>Aggiungi account »</u></b>.</p>

<h2>10. Conferma la proprità della mail:</h2>
<ul class="text-start mx-auto d-inline-block">
<li>Chiudi questa finestra</li>
<li>Apri la mail di conferma che è appena arrivata <i>(Conferma Gmail - Invia messaggio come ...)</i></li>
<li>Clicca sul link per confermare</li>
<li>Nella pagina che si apre clicca <button>Conferma</button></li>
</ul></u>

<h2 class="fs-1">11. FINE</h2>
</main>
</section>

<footer class="container">
<div class="alert alert-primary d-block" role="alert">
<svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Info:">
<use xlink:href="#info-fill" />
</svg>
<strong>Se vuoi fare un test, non inviare una mail alla stessa casella di posta.</strong><br>
Mandala a una diversa, altrimenti rimbalzerà indietro
</div>
</footer>
</main>

</body>

Expand Down
Binary file added extra/img/from-alias.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit aafd7ab

Please sign in to comment.