2. Modificare un Documento HTML
Ora che hai creato il tuo primo documento HTML, imparerai come apportare modifiche ai tuoi documenti velocissimamente e a vederne i risultati nel tuo web browser.
Obiettivi
Dopo questa lezione sarai in grado di:
- Riaprire lo spazio di lavoro per la tua web page.
- Apportare cambiamenti al tuo documento HTML usando un text editor.
- Ricaricare il tuo documento nel web browser per apprezzarne i cambiamenti.
Lezione
Riaprire Il Tuo Spazio Di Lavoro
Nota: Se non hai il documento dalla lezione precedente, scaricane una copia ora. Per completare questa lezione, hai bisogno di creare una seconda finestra nel tuo web browser e riaprire la finestra di text editor che hai usato nella prima lezione. Seguono i punti da eseguire per riaprire il tuo workspace (ricorda che il nome esatto dei comandi dei menu potrebbero variare in base al browser che stai usando):
- Crea una nuova finestra nel tuo web browser selezionando Nuovo/Finestra dal menu File .
- Usa il comando Apri... dal menu File per trovare ed aprire il file HTML che hai creato nella lezione precedente.
- Riapri il tuo programma di text editor.
- Nel text editor, apri il file ("Volc.html") che hai creato nella lezione precedente.
NOTA: Se sei un utente Windows 3.1, il tuo file dovrebbe chiamarsi "VOLC.HTM".
Da questo momento in poi, noi assumiamo tu sappia facilmente riaprire il tuo workspace in questo modo.
Apportare Cambiamenti Nel Tuo Documento HTML
- Vai alla finestra del text editor.
- Sotto il testo che hai digitato nella lezione precedente, schiaccia INVIO alcune volte e inserisci il seguente testo:
Un vulcano e' un posto dove il magma, la
roccia fusa bollente proveniente da dentro il
pianeta, raggiunge la superficie. Puo' essere
violento, in una massiccia, supersonica
esplosione, o piu' quieto, un leggero e lento
scorrere di lava.
Nota che questo testo dovrebbe essere sopra i tag </body> e </html> che sono in fondo al tuo file HTML.
- Seleziona Salva dal menu File per rendere effettive le modifiche apportate al tuo file.
Ricaricare Il Tuo Documento Nel Web Browser
Ritorna al tuo workspace nel web browser, dove la versione precedente del tuo file era visualizzata. Nota che il nuovo testo che hai aggiunto non e' visibile. Per vedere i cambiamenti, usa il bottone
Aggiorna o l'opzione nel menu specifica del tuo web browser. Questo obbliga il programma a rilegge lo stesso file e a visualizzare qualsiasi cambiamento sia avvenuto. Ora puoi vedere il nuovo testo che hai inserito.
Nota che il web browser ignora tutte le linee vuote e gli spazi extra (i ritorni a capo) che hai digitato nel file. In ogni caso, quando scrivi codice HTML, e' di grande aiuto separare le principali sezioni con linee vuote.... quando hai bisogno di tornare indietro ed inserire testo, ti rende piu' facile la localizzazione della posizione corretta in cui apportare le modifiche.
Naturalmente, ci saranno occasioni in cui vorrai che la tua pagina web abbia spazi vuoti tra le sezioni (per esempio tra paragrafi). Nella quarta Lezione impareremo come farlo.
Drag and Drop Bonus!
Ci puo' essere un modo piu' semplice per caricare e vedere pagine HTML. Dovrai sistemare il desktop del tuo computer in modo che tu possa vedere del tuo file HTML vicina alla finestra del tuo web browser. Devi semplicemente fare click e trasportare l'icona del tuo file "Volc.html" o "Volc.htm" dentro alla finestra del tuo web browser. Voilà! la tua pagina sara' visualizzata se il tuo computer supporta il drag and drop (funziona con i Macintosh OS 7.5 e Windows 9x).
Controlla il tuo lavoro
Confronta il tuo documento con un esempio
di come dovrebbe apparire il documento.
Se il tuo documento era diverso dall'esempio, rivedi il testo che hai digitato nel tuo text editor. Assicurati che corrisponda alle istruzioni di testo contenute nella sezione Apportare Cambiamenti Nel Tuo Documento HTML
di questa lezione.
Verifica
Argomenti di verifica per questa lezione:
- Come hai riaperto il tuo workspace?
- Quali passi hai fatto per apportare modifiche al tuo documento HTML?
- Come hai visualizzato e visto questi cambiamenti nel tuo web browser?
Pratica Indipendente
Come hai fatto in questa lezione, modifica il tuo documento HTML personale che hai cominciato la scorsa lezione. Aggiungi poche frasi e vedi se riesci a ricaricare il documento modificato nel tuo web browser.
Prossimamente....
Ora che hai un'infarinatura di quelle che sono le tecniche di
editing, aggiungeremo una sezione di intestazione grande e bella al tuo documento HTML.
Writing HTML: Lezione 2: Modificare un Documento HTML
©1994-1999
Maricopa Center for Learning and Instruction (MCLI)
Maricopa Community Colleges
The Internet Connection at MCLI is
Alan Levine --}
Comments to mailto:alan.levine@domail.maricopa.edu?subject=Writing
HTML