Modifica i file html

Se ti piace codificare i siti Web a mano, puoi modificare i file HTML in un editor di testo di base come Blocco note (Windows) o TextEdit (macOS). Se preferisci spostare gli elementi sullo schermo e vedere le anteprime dal vivo, puoi utilizzare un editor WYSIWYG (What You See Is What You Get) come Dreamweaver o Kompozer. Questo tutorial ti insegnerà come aprire e modificare un file HTML in un`applicazione di editing visivo o standard.

Passi

Metodo 1 di 4: utilizzo di Blocco note (Windows)

Immagine intitolata Modifica file HTML Step 1
1. Fare clic su Start di Windows
. È il logo di Windows nella barra delle applicazioni. Per impostazione predefinita è nell`angolo in basso a sinistra. Ora si aprirà il menu Start.
  • Immagine intitolata Modifica file HTML Step 2
    2. genere bloc notes. Blocco note si apre nel menu Start.
    Immagine intitolata Modifica file HTML Step 3
    3. clicca suBloc notes. Questa è un`icona che ricorda un taccuino con una copertina blu.
    Immagine intitolata Modifica file HTML Step 4
  • 4. clicca suFile. Si trova nella parte superiore della barra dei menu nel Blocco note. Viene visualizzato un menu a discesa. Si aprirà una finestra di Explorer per l`apertura di file nel Blocco note.
    Immagine intitolata Modifica file HTML Step 5
    5. clicca suAprire. È la seconda opzione nel menu File.
    Immagine intitolata Modifica file HTML Step 6
    6. Scegli "Tutti i file" dal menu a discesa del tipo di file. Fare clic su "Documenti di testo (.txt)` e seleziona `Tutti i file` dal menu a discesa. Questo visualizzerà tutti i tipi di documento (compresi i file HTML) nella finestra di esplorazione.
    Immagine intitolata Modifica file HTML Step 7
    7. Seleziona un file HTML e fai clicAprire. Il documento HTML si aprirà nel Blocco note. Puoi modificare il codice HTML nel Blocco note.
    Puoi anche creare un nuovo documento HTML nel blocco note.
    Immagine intitolata Modifica file HTML Step 8
    8. Modifica il codice HTML. Per modificare l`HTML nel Blocco note, è necessario Impara l`HTML quindi puoi modificarlo a mano. Gli elementi comuni che puoi modificare includono:
  • : Apparirà nella parte superiore del documento HTML. Questo dice al browser web che si tratta di un documento HTML.
  • : questi tag vengono visualizzati nella parte superiore e inferiore del documento HTML. Questo indica dove inizia e finisce il codice HTML.
  • : questi tag vengono visualizzati nella parte superiore del documento HTML. Indicano dove inizia e finisce l`intestazione del documento HTML. L`intestazione del documento HTML contiene informazioni che non possono essere visualizzate nella pagina web. Ciò include il titolo della pagina, i metadati e CSS.
  • : Questi tag indicano il titolo della pagina. Il titolo è nell`intestazione del documento HTML. Digita il titolo della pagina tra questi due tag.
  • : Questi tag indicano il titolo della pagina: Questi tag indicano dove inizia e dove finisce il corpo del documento HTML. Il corpo è dove arriva tutto il contenuto della pagina web. Il corpo viene dopo l`intestazione nel documento HTML.
  • : questi tag creano un`intestazione. Il testo tra il `
  • : Questi tag vengono utilizzati per creare il testo del paragrafo in un documento HTML. Il testo tra `
  • : Questi tag vengono utilizzati per creare testo in grassetto. Il testo tra `
  • : Questi tag vengono utilizzati per creare testo in corsivo. Il testo tra `
  • : questo tag viene utilizzato per collegarsi a un altro sito Web. Copia l`indirizzo web a cui vuoi collegarti e incollalo dove dice "URL" (tra virgolette). Il testo del link dove dice `Link` (senza virgolette) è la descrizione del link.
  • : questo tag viene utilizzato per posizionare un`immagine utilizzando il codice HTML. Sostituisci il testo "URL dell`immagine" dall`indirizzo web dell`immagine.
    Immagine intitolata Modifica file HTML Step 9
    9. clicca suFile. Questo è nella barra dei menu nella parte superiore dello schermo.
    Immagine intitolata Modifica file HTML Step 10
    10. clicca suSalva come. Si aprirà una finestra di dialogo che puoi utilizzare per salvare il file.
    Per salvare il file con il nome e il tipo di file esistenti, fare clic su Salva nel menu a tendina sotto `File`.
    Immagine intitolata Modifica file HTML Step 11
    11. Seleziona "Tutti i file". Utilizza il menu a discesa accanto a "Salva come tipo" per selezionare "Tutti i file".
    Immagine intitolata Modifica file HTML Step 12
    12. Assegna un nome al file. Utilizza la casella accanto a "Nome file" per digitare un nome per il file.
    Immagine intitolata Modifica file HTML Step 13
    13. genere.html alla fine del file. Dopo aver digitato un nome per il file nella casella "Nome file", aggiungi l`estensione ".html` alla fine del nome del file. Senza questa estensione, il file verrà salvato come a .txt, invece di un file HTML.
    Immagine intitolata Modifica file HTML Step 14
    14. clicca suSalva. Il file è ora salvato.

    Metodo 2 di 4: utilizzo di TextEdit in macOS

    Immagine intitolata Modifica file HTML Step 15
    1. Fare clic sull`icona della lente d`ingrandimento
    . Si trova nell`angolo in alto a destra del desktop del Mac. Viene visualizzata una barra di ricerca.
  • Immagine intitolata Modifica file HTML Step 16
    2. genere Modifica testo nella barra di ricerca. Questo mostrerà un elenco di app che corrispondono al risultato della ricerca.
    Immagine intitolata Modifica file HTML Step 17
    3. clicca suModifica testo.app. È in cima ai risultati di ricerca. È accanto a un`icona che sembra un foglio di carta e una penna.
    Immagine intitolata Modifica file HTML Step 18
  • 4. clicca suFile. È nella barra dei menu nella parte superiore dello schermo quando TextEdit è aperto.
    Immagine intitolata Modifica file HTML Step 19
    5. clicca suAprire. Si aprirà un browser di file che puoi utilizzare per navigare e aprire i file in macOS.
    Immagine intitolata Modifica file HTML Step 20
    6. Fare clic su un file HTML e fare clicAprire. I file HTML hanno estensione `.html` dopo il nome del file. Utilizzare il browser dei file per passare a un file HTML e fare clic su di esso per selezionarlo. Quindi fare clic Aprire per aprire il file HTML in TextEdit.
    Immagine intitolata Modifica file HTML Step 21
    7. Modifica il codice HTML. Puoi usare TextEdit per modificare o scrivere codice HTML. Dovresti Impara l`HTML quindi puoi modificarlo a mano. Gli elementi comuni che puoi modificare includono quanto segue:.
  • : Apparirà nella parte superiore del documento HTML. Questo dice al browser web che si tratta di un documento HTML.
  • : questi tag vengono visualizzati nella parte superiore e inferiore del documento HTML. Questo indica dove inizia e finisce il codice HTML.
  • : questi tag vengono visualizzati nella parte superiore del documento HTML. Indicano dove inizia e finisce l`intestazione del documento HTML. L`intestazione del documento HTML contiene informazioni che non possono essere visualizzate nella pagina web. Ciò include il titolo della pagina, i metadati e CSS.
  • : Questi tag indicano il titolo della pagina. Il titolo è nell`intestazione del documento HTML. Digita il titolo della pagina tra questi due tag.
  • : Questi tag indicano il titolo della pagina: Questi tag indicano dove inizia e dove finisce il corpo del documento HTML. Il corpo è dove arriva tutto il contenuto della pagina web. Il corpo viene dopo l`intestazione nel documento HTML.
  • : questi tag creano un`intestazione. Il testo tra il `
  • : Questi tag vengono utilizzati per creare il testo del paragrafo in un documento HTML. Il testo tra `
  • : Questi tag vengono utilizzati per creare testo in grassetto. Il testo tra `
  • : Questi tag vengono utilizzati per creare testo in corsivo. Il testo tra `
  • : questo tag viene utilizzato per collegarsi a un altro sito Web. Copia l`indirizzo web a cui vuoi collegarti e incollalo dove dice "URL" (tra virgolette). Il testo del link dove dice `Link` (senza virgolette) è la descrizione del link.
  • : questo tag viene utilizzato per posizionare un`immagine utilizzando il codice HTML. Sostituisci il testo "URL immagine" con l`indirizzo web dell`immagine.
    Immagine intitolata Modifica file HTML Step 22
    8. clicca suFile. Si trova nella barra dei menu nella parte superiore dello schermo.
    Immagine intitolata Modifica file HTML Step 23
    9. clicca suSalva. È nel menu a discesa sotto "File". Salva il file HTML.
    Per rinominare il file, fare clic su rinominare (o Rinomina) dal menu a discesa "File". Digita un nuovo nome per il file nella parte superiore dello schermo. Assicurati che il `.L`estensione html` è nella parte superiore della pagina.

    Metodo 3 di 4: utilizzo di Dreamweaver

    Immagine intitolata Modifica file HTML Step 24
    1. Apri Dreamweaver. Dreamweaver ha un`icona che assomiglia a un quadrato verde con `Dw` al centro. Fare clic sull`icona nel menu Start di Windows o nella cartella Applicazioni sul Mac per aprire Dreamweaver.
  • Adobe Dreamweaver richiede un sottoscrizione. Puoi acquistare un abbonamento a partire da circa 20€ al mese.
  • Immagine intitolata Modifica file HTML Step 25
    2. clicca suFile. Si trova nella barra dei menu nella parte superiore dello schermo.
    Immagine intitolata Modifica file HTML Step 26
    3. clicca suAprire. Puoi trovarlo nel menu a discesa sotto "File".
    Immagine intitolata Modifica file HTML Step 27
    4. Scegli un documento HTML e fai clicAprire. Usa il browser dei file per scegliere un documento HTML sul tuo computer e fai clic su di esso per selezionarlo. Quindi fare clic su Aprire nell`angolo in basso a destra.
    Immagine intitolata Modifica file HTML Step 28
    5. clicca suDividere. Questo è nella scheda centrale nella parte superiore della pagina. Questo mostra uno schermo diviso con un editor HTML in basso e una schermata di anteprima in alto.
    Immagine intitolata Modifica file HTML Step 29
    6. Modifica il documento HTML. Utilizzare l`editor HTML per modificare l`HTML. Il modo in cui modifichi l`HTML in Dreamweaver non è molto diverso dalla modifica dell`HTML in Blocco note o TextEdit. Digitando un tag HTML verrà visualizzato un menu di ricerca con i tag HTML corrispondenti. È possibile fare clic sul tag HTML per inserire i tag di inizio e di fine. Dreamweaver verificherà la presenza di tag di apertura e chiusura per tutti gli elementi HTML.
    In alternativa, puoi fare clic nel punto in cui desideri inserire un elemento HTML nell`editor HTML e fare clic Inserire nella barra dei menu nella parte superiore dello schermo. Clicca sull`elemento che vuoi inserire nel menu a tendina per aggiungere automaticamente il codice HTML.
    Immagine intitolata Modifica file HTML Step 30
    7. clicca suFile. Quando hai finito di modificare il documento HTML, fai clic su File nella barra dei menu nella parte superiore dello schermo.
    Immagine intitolata Modifica file HTML Step 31
    8. clicca suSalva. È nel menu a discesa qui sotto File. Salva il documento HTML.

    Metodo 4 di 4: Utilizzo di Kompozer

    Immagine intitolata Modifica file HTML Step 32
    1. Vai ahttps://sourceforge.net/progetti/kompozer/ in un browser web. Puoi utilizzare qualsiasi browser web su PC o Mac. Questa è la pagina di download di Kompozer. È un editor HTML gratuito (WYSIWYG) che funziona sia su Windows che su Mac.
    Immagine intitolata Modifica file HTML Step 33
    2. clicca suScarica. È il pulsante verde nella parte superiore della pagina. Questo ti porterà a una pagina di download separata. Dopo un ritardo di cinque secondi, inizierà il download.
    Immagine intitolata Modifica file HTML Step 34
    3. Fare doppio clic sul file di installazione. Per impostazione predefinita, i file scaricati si trovano nella cartella "Download" su PC o Mac. Puoi anche fare clic su di essi nel tuo browser web per avviare il programma di installazione di Kompozer. Installa Kompozer come segue:
  • Finestre:
  • Quando viene chiesto se si desidera consentire al programma di installazione di apportare modifiche al sistema, fare clic su .
  • clicca su Successiva nelle finestre di introduzione.
  • Fare clic sul pulsante rotondo accanto a "Accetto il contratto" e fare clic Successiva.
  • clicca su Successiva per utilizzare il percorso di installazione predefinito o fare clic su Da sfogliare per selezionare una posizione di installazione diversa.
  • clicca su Successiva e quindi fare nuovamente clic Successiva.
  • clicca su installare.
  • clicca su Completare.
    Mac:
  • Fare doppio clic sul file di installazione di Kompozer.
  • clicca su KompoZer.app.
  • Fai clic sull`icona Apple nell`angolo in alto a sinistra.
  • clicca su Preferenze di Sistema.
  • clicca su Sicurezza e privacy.
  • Fare clic sulla scheda Generale.
  • clicca su comunque aperto in fondo alla finestra.
  • clicca su Aprire nella finestra pop-up.
  • Trascina l`icona Kompozer sul desktop.
  • Apri Finder.
  • Clicca sulla mappa Programmi.
  • Trascina l`icona di Kompozer dal desktop nella cartella "Applicazioni".
    Immagine intitolata Modifica file HTML Step 35
  • 4. Apri Kompozer. Usa i seguenti passaggi per aprire Kompozer su PC o Mac.
  • Finestre:
  • Cliccaci sopra Avvio di Windows-menù.
  • Digita "Compositore"
  • Fare doppio clic sull`icona Kompozer.
    Mac:.
  • Fare clic sull`icona della lente d`ingrandimento nell`angolo in alto a destra.
  • Digita "Kompozer" nella barra di ricerca.
  • Fare doppio clic su Kompozer.app.
    Immagine intitolata Modifica file HTML Step 36
  • 5. clicca suFile. Si trova nella barra dei menu nella parte superiore dell`app.
    Immagine intitolata Modifica file HTML Step 37
    6. clicca suApri il file. È la seconda opzione nel menu a discesa sotto "File". Si aprirà un browser di file che puoi utilizzare per selezionare un file HTML aperto.
    Immagine intitolata Modifica file HTML Step 38
    7. Fare clic su un file HTML e quindiAprire. Questo aprirà il file HTML in Kompozer.
    Immagine intitolata Modifica file HTML Step 39
    8. clicca suDividere. È la scheda centrale nella parte superiore della pagina. Questo mostra uno schermo diviso che contiene un editor HTML in basso e un riquadro di anteprima in alto.
    Potrebbe essere necessario ingrandire la finestra dell`app per avere più spazio per lavorare.
    Immagine intitolata Modifica file HTML Step 40
    9. Modifica il documento HTML. La schermata di origine HTML è in basso, puoi usare questa schermata per modificare l`HTML allo stesso modo di Blocco note o TextEdit. Puoi anche utilizzare la schermata di anteprima per modificare il tuo codice HTML, attenendoti alla seguente procedura:
  • Utilizza il menu a tendina in alto a destra per selezionare il tipo di testo (d.w.z. Intestazione, paragrafo, ecc.).
  • Fare clic e digitare per aggiungere testo.
  • Usa i pulsanti nel pannello nella parte superiore dello schermo per aggiungere grassetto, corsivo, allineamento del testo, rientro o elenchi al tuo testo.
  • Fare clic sul quadrato colorato nel pannello nella parte superiore dello schermo per cambiare il colore del testo.
  • Cliccaci sopra Immagine-icona nella parte superiore dello schermo per aggiungere un`immagine al documento HTML.
  • Fare clic sull`icona che assomiglia a un collegamento a catena per aggiungere un collegamento al documento HTML.
    Immagine intitolata Modifica file HTML Step 41
    10. clicca suSalva. Quando hai finito di apportare modifiche al documento, fai clic su Salva-icona nella parte superiore dello schermo. Sotto c`è un`icona che sembra un floppy disk. Salva il tuo lavoro con questo.

    Avvertenze

    Non dimenticare di salvare il documento durante la modifica. Qualcosa potrebbe andare storto in qualsiasi momento.

  • Condividi sui social network: