Sommario:
- Apri Modifica di Komodo.
- Scegliete File → Nuovo → File da modello.
- Selezionare Comune nell'elenco Categorie e HTML5 nell'elenco Modelli. Digita un nome per il tuo file, ad esempio MyTestPage. HTML. Scegliere un percorso per memorizzare il file nel campo Directory (come richiesto). Clicca Apri.
- Crea contenuto da visualizzare sullo schermo. Ad esempio, digitare
Hello There
per creare un messaggio all'interno di un paragrafo che esiste all'interno di a. - Digitare qualsiasi CSS richiesto per formattare il contenuto. Salva il tuo lavoro dopo ogni aggiunta di codice.
- Scegli Visualizza → Anteprima del browser.
- Scegli l'opzione Anteprima con questo file quando vedi la finestra di dialogo Anteprima e fai clic su Anteprima.
Video: CSS FOGLI DI STILE #VideoRipetizione 01 #VIDEORIPETIZIONI 2025
Apri Modifica di Komodo.
Vedi l'IDE. La maggior parte degli IDE fornisce un tipo di scheda Start. La scheda Avvio può contenere un numero di elementi, ma la maggior parte include un elenco dei progetti precedenti e qualsiasi notizia relativa all'IDE che stai utilizzando.
Scegliete File → Nuovo → File da modello.
Viene visualizzata la finestra di dialogo Nuovo file. Gli IDE di solito forniscono un metodo per creare nuovi file. Questa tecnica crea un singolo file. Se stavi lavorando su un sito che conteneva molti file, dovresti invece creare un progetto come punto di partenza.
Selezionare Comune nell'elenco Categorie e HTML5 nell'elenco Modelli. Digita un nome per il tuo file, ad esempio MyTestPage. HTML. Scegliere un percorso per memorizzare il file nel campo Directory (come richiesto). Clicca Apri.
Si vede il nuovo file aperto. Un IDE utilizza i modelli per avviare il contenuto del file per te. La quantità di contenuti che l'IDE fornisce dipende dal modello e dal tipo di file che crei. Un modello HTML5 in genere contiene la dichiarazione, l'intestazione, il corpo e il titolo.
Crea contenuto da visualizzare sullo schermo. Ad esempio, digitare
Hello There
per creare un messaggio all'interno di un paragrafo che esiste all'interno di a.Vengono visualizzate informazioni di aiuto specifiche per i tag fornite dall'IDE. In genere un IDE visualizza informazioni utili su cosa scrivere successivamente. Questi utili suggerimenti semplificano la creazione di codice utile in meno tempo e con meno errori.
5 7Digitare qualsiasi CSS richiesto per formattare il contenuto. Salva il tuo lavoro dopo ogni aggiunta di codice.
Vedete le informazioni della guida specifiche CSS fornite dall'IDE. Come con i tag, l'IDE fornisce anche informazioni sul CSS che scrivi quando può. Le informazioni CSS sono più dettagliate e di solito forniscono input come i valori consentiti per molte proprietà.
6 7Scegli Visualizza → Anteprima del browser.
L'IDE mostra una finestra di dialogo che chiede cosa vuoi vedere e come vuoi vederlo. Un IDE in genere fornisce alcuni mezzi per visualizzare il tuo lavoro. Dovresti usare questa vista come punto di partenza. Tuttavia, è importante visualizzare anche il lavoro nei browser di destinazione per la tua applicazione.
7 7Scegli l'opzione Anteprima con questo file quando vedi la finestra di dialogo Anteprima e fai clic su Anteprima.
Vedi un'anteprima della tua pagina così come apparirà nel browser.
Indietro Avanti