Costruire una semplice pagina Web
Utilizzare editor specifici o semplici editor di testi. Le pagine Web sono documenti in formato HTML, ovvero file di testo intercalati da appositi marcatori che definiscono la struttura e l’aspetto della pagina, i cosiddetti tag. La pagina Web è dunque sostanzialmente un file di testo e può essere realizzato e modificato con qualunque editor di testi. L’utente che fruisce della pagina attraverso il browser non vede però il codice ma la sua resa (generalmente grafica) che non riporta i tag ma l’effetto che essi hanno sulla sua composizione. La differenza tra la codifica HTML e la sua resa grafica rende complesso il processo di editing della pagina attraverso la modifica diretta del testo.
La produzione di documenti HTML avviene quindi quasi sempre attraverso editor grafici che consentono all’autore di vedere la pagina che sta costruendo così come verrà visualizzata dal browser. In questo contesto utilizzeremo principalmente un editor visuale open source disponibile per i più diffusi sistemi operativi, NVU. Infine presenteremo anche il codice HTML corrispondente alle attività eseguite con l’editor visuale.
Software di editing HTML
Un software di editing HTML è un’applicazione che permette di creare e modificare documenti HTML. Questo genere di applicazione può essere utilizzato sia in ambito professionale sia per uso personale. Esistono differenti applicazioni di questo tipo con caratteristiche più o meno complesse. Gli editor più semplici, ad esempio, sono molto simili a editor di testo che permettono esclusivamente l’elaborazione del codice HTML, mentre quelli più completi consentono di effettuare elaborazioni non sul codice HTML, ma sugli elementi che effettivamente si vedranno nella pagina HTML risultante.
Elenco dei principali editor HTML
- Macromedia Dreamweaver
- Microsoft Frontpage
- NVU (la cui pronuncia è "N-View", che sta per "New View")
Markup
Esistono diversi linguaggi di markup, alcuni non permettono di distinguere il contenuto, in altri esso risulta in minor o maggior misura leggibile. Esiste un markup presentazionale (che si occupa delle caratteristiche tipografiche delle varie parti del documento, come stile o grandezza dei caratteri), ed un markup descrittivo che ne individua il ruolo (titolo, indice, etc…).
HTML
HTML (acronimo di Hyper Text Markup Language) è un linguaggio di markup in cui appositi marcatori (tag) definiscono gli elementi del contenuto del documento, descrive in particolare documenti che vengono distribuiti attraverso Internet dai server Web o messi a disposizione degli utenti attraverso un browser. Ogni file HTML codifica una pagina Web, ovvero un documento strutturato che può contenere testo, immagini e elementi multimediali complessi, nonché link ipertestuali ad altre risorse (non necessariamente documenti) dispiegati sulla rete.
Tag HTML
Tag sono i marcatori usati in HTML ovvero sono gli elementi che specificano le componenti di una pagina Web e sono indicati tra parentesi angolate. Vengono usati due tag: un tag di inizio e un tag di fine formattazione, quest’ultimo è come quello del tag di inizio ma è preceduto da una barra "/". Altri tag, come ad esempio per inserire un’immagine, hanno un uso puntuale e non è significativo il tag di chiusura.
Tipi di tag HTML
- Strutturali (come le tabelle o i titoli)
- Presentazionali (come il corsivo)
- Ipertestuali (link)
- Multimediali (per l’inserimento di immagini e altri oggetti multimediali)
Esempio di struttura di un documento HTML
Con un editor di testi:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="it"> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <meta name="description" content="Sito ufficiale di Pinco Pallino"> <meta name="keywords" content="circo, trapezio, acrobazia"> <meta name="author" content="Ileana Mancia"> <meta name="description" content="Simulazione della prova">
Recensioni
Accedi a tutti gli appunti
Tutor AI: studia meglio e in meno tempo
Appunto