4 modi per modificare i file HTML - Conoscenze

Video: 2- Tutorial HTML: Modificare stile testo

Contenuto

Passi
Domande e risposte della comunità
Suggerimenti
Avvertenze

Altre sezioni

Se preferisci codificare manualmente i siti web, puoi modificare i file HTML in un editor di testo di base come Blocco note (Windows) o TextEdit (macOS). Se preferisci essere in grado di spostare gli elementi sullo schermo e vedere anteprime dal vivo, puoi utilizzare un editor WYSIWYG (What You See Is What You Get) come Dreamweaver o Kompozer. Questo articolo mostra come aprire e modificare un file HTML in un'app di editing standard o visuale.

Passi

Metodo 1 di 4: utilizzo di un blocco note su Windows

. È il pulsante con il logo di Windows nella barra delle applicazioni. Per impostazione predefinita, si trova nell'angolo inferiore sinistro. Questo visualizza il menu Start
. Si trova nell'angolo in alto a destra del desktop del Mac. Questo visualizza una barra di ricerca.
genere TextEdit nella barra di ricerca. Viene visualizzato un elenco di app che corrispondono ai risultati della ricerca.
Clic TextEdit.app. È visualizzato nella parte superiore dei risultati di ricerca. È accanto a un'icona che assomiglia a un foglio di carta e a una penna.
Clic File. Si trova nella barra dei menu nella parte superiore dello schermo quando TextEdit è aperto.
Clic Aperto. Si apre un browser di file che puoi utilizzare per navigare sul tuo Mac e aprire i file.
Fare clic su un file HTML e fare clic su Aperto. I file HTML hanno un'estensione che dice ".html" dopo il nome del file. Utilizzare il browser di file per accedere a un file HTML e fare clic per selezionarlo. Quindi fare clic su Aperto per aprire il file HTML in TextEdit.
Modifica il codice HTML. Puoi usare TextEdit per modificare il codice HTML su make. Devi imparare l'HTML in modo da poterlo modificare a mano. Gli elementi comuni che puoi modificare includono quanto segue.
- : Questo va nella parte superiore del documento HTML. Questo dice al browser web che questo è un documento HTML.
- : Questi tag vanno nella parte superiore e inferiore del documento HTML. Questo indica dove inizia e finisce il codice HTML.
- : Questi tag vanno nella parte superiore del documento HTML. Indicano dove inizia e si ferma la parte iniziale del documento HTML. L'intestazione del documento HTML contiene informazioni che non si vedono nella pagina web. Ciò include il titolo della pagina, i metadati e il CSS
- Titolo della pagina: Questi tag indicano il titolo della pagina. Il titolo va nell'intestazione del documento HTML. Digita il titolo della pagina tra questi due tag.
- : Questi tag indicano dove inizia e finisce il corpo del documento HTML. Il corpo è dove viene scritto tutto il contenuto della pagina web. Il corpo viene dopo la testa nel documento HTML.
- Testo del titolo: Questi tag creano tag titolo. Il testo tra "
  " e "
  "appare come un grande testo in grassetto. Il testo va nel corpo del documento HTML.
- Testo paragrafo: Questi tag vengono utilizzati per creare testo in paragrafi in un documento HTML. Il testo che va in mezzo "
  " e "
  "appare come testo di dimensioni normali. Il testo va nel corpo del documento HTML.
- Testo grassetto: Questi tag vengono utilizzati per creare testo in grassetto. Il testo che va in mezzo "" e ""appare come testo in grassetto.
- Testo in corsivo: Questi tag vengono utilizzati per creare testo in corsivo. Il testo che va in mezzo "" e ""appare come testo italiano.
- Testo del collegamento: Questo tag viene utilizzato per collegarsi a un altro sito web. Copia l'indirizzo web a cui desideri collegarti e incollalo dove dice "URL" (tra virgolette). Il testo del collegamento dove si dice "Testo del collegamento" (senza virgolette necessarie).
- : Questo tag viene utilizzato per pubblicare un'immagine utilizzando HTML. Sostituisci il testo che dice "URL immagine" con l'indirizzo web dell'immagine.
Clic File. Si trova nella barra dei menu nella parte superiore dello schermo.
Clic Salva. Si trova nel menu a discesa sotto "File". Ciò salva il file HTML.
- Per modificare il nome del file, fare clic su Rinominare nel menu a discesa "File". Digita un nuovo nome per il file nella parte superiore dello schermo. Assicurati di includere l'estensione ".html" nella parte superiore della pagina.

Metodo 3 di 4: utilizzo di Dreamweaver

Apri Dreamweaver. Dreamweaver ha un'icona che assomiglia a un quadrato verde che dice "Dw" al centro. Fare clic sull'icona nel menu Start di Windows o nella cartella Applicazione su Mac per aprire Dreamweaver.
- Adobe Dreamweaver richiede un abbonamento. Puoi acquistare un abbonamento a partire da $ 20,99 al mese.
Clic File. Si trova nella barra dei menu nella parte superiore dello schermo.
Clic Aperto. Si trova nel menu a discesa sotto "File".
Seleziona un documento HTML e fai clic su Aperto. Utilizzare il browser di file per selezionare un documento HTML sul computer e fare clic su di esso per selezionarlo. Quindi fare clic su Aperto nell'angolo inferiore destro.
Clic Diviso. È la scheda centrale nella parte superiore della pagina. Viene visualizzato uno schermo diviso che contiene un editor HTML in basso e una schermata di anteprima in alto.
Modifica il documento HTML. Usa l'editor HTML per modificare l'HTML. Il modo in cui modifichi HTML in Dreamweaver non è molto diverso dalla modifica dell'HTML in Blocco note o TextEdit. Durante la digitazione di 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 apertura e chiusura. Dreamweaver verificherà che siano presenti 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 su Inserire nella barra dei menu nella parte superiore dello schermo. Fare clic sull'elemento che si desidera inserire nel menu a discesa per aggiungere automaticamente il codice HTML.
Clic File. Al termine della modifica del documento HTML, fare clic su File nella barra dei menu nella parte superiore dello schermo.
Clic Salva. Si trova nel menu a discesa di seguito File. Ciò salva il tuo documento HTML.

Metodo 4 di 4: utilizzo di Kompozer

Vai a https://sourceforge.net/projects/kompozer/ in un browser web. Puoi utilizzare qualsiasi browser web su PC o Mac. Questa è la pagina di download per Kompozer. È un editor HTML gratuito (WYSIWYG) che funziona sia su Windows che su Mac.
Clic Scarica. È il pulsante verde nella parte superiore della pagina. Questo ti porta a una pagina di download separata. Dopo un ritardo di 5 secondi, inizierà il download.
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. Usa le seguenti istruzioni per installare Kompozer:
- Finestre:
  - Se viene chiesto se si desidera consentire al programma di installazione di apportare modifiche al sistema, fare clic su sì.
  - Clic Il prossimo nelle finestre introduttive.
  - Fare clic sul pulsante radiale accanto a "Accetto il contratto" e fare clic su Il prossimo.
  - Clic Il prossimo per utilizzare il percorso di installazione predefinito o fare clic su Navigare per selezionare un percorso di installazione diverso.
  - Clic Il prossimo quindi fare clic su Il prossimo ancora
  - Clic Installare
  - Clic finire
- Mac:
  - Fai doppio clic sul file di installazione di Kompozer.
  - Clic KompoZer.app
  - Fare clic sull'icona Apple nell'angolo in alto a sinistra.
  - Clic Preferenze di Sistema
  - Clic Sicurezza e privacy
  - Clicca il Generale tab.
  - Clic Apri comunque vicino alla parte inferiore della finestra.
  - Clic Aperto nella finestra a comparsa.
  - Trascina l'icona di Kompozer sul desktop.
  - Apri il Finder.
  - Clicca il Applicazioni cartella.
  - Trascina l'icona di Kompozer dal desktop alla cartella Applicazioni.
Apri Kompozer. Usa i seguenti passaggi per aprire Kompozer su PC o Mac
- Finestre:
  - Clicca il Avvio di Windows menù.
  - Digita "Kompozer"
  - Fare doppio clic sull'icona Kompozer.
- Mac:
  - Fare clic sull'icona della lente di ingrandimento nell'angolo in alto a destra.
  - Digita "Kompozer" nella barra di ricerca.
  - Doppio click Kompozer.app.
Clic File. Si trova nella barra dei menu nella parte superiore dell'app.
Clic Apri il file. È la seconda opzione nel menu a discesa sotto "File". Questo apre un browser di file che puoi usare per selezionare un file HTML aperto.
Fare clic su un file HTML e fare clic su Aperto. Questo apre il file HTML in Kompozer.
Clic Diviso. È la scheda centrale nella parte superiore della pagina. Viene visualizzato uno schermo diviso che contiene un editor HTML in basso e una schermata di anteprima in alto.
- Potrebbe essere necessario ingrandire l'app in modo da avere più spazio per lavorare.
Modifica il documento HTML. La schermata del codice sorgente HTML si trova in basso, puoi utilizzare questa schermata per modificare l'HTML più o meno allo stesso modo in cui faresti in Blocco note o TextEdit. Puoi anche utilizzare la schermata di anteprima per modificare il tuo codice HTML utilizzando i seguenti passaggi:
- Utilizza il menu a discesa nell'angolo in alto a destra per selezionare il tipo di testo (ad esempio Intestazione, paragrafo, ecc.}
- Fare clic e digitare per aggiungere testo.
- Utilizza i pulsanti nel pannello nella parte superiore dello schermo per aggiungere grassetto, corsivo, allineamento del testo, rientri o elenchi al testo.
- Fare clic sul quadrato colorato nel pannello nella parte superiore dello schermo per modificare il colore del testo.
- Clicca il Immagine nella parte superiore dello schermo per aggiungere un'immagine al documento HTML.
- Fare clic sull'icona che assomiglia a una catena per aggiungere un collegamento al documento HTML.
Clicca il Salva icona. Una volta terminate le modifiche al documento, fare clic su Salva nella parte superiore dello schermo. È sotto un'icona che assomiglia a un disco floppy. Questo salva il tuo lavoro.