HTML ( Hyper Text Markup Language ) è forse il più semplice dei linguaggi di programmazione per imparare . Si tratta di un ” linguaggio di markup ” e non un linguaggio di programmazione vero , come C o Java ++ . Operano all’interno di un browser web , HTML è formattazione per i siti web del display sottostante . HTML è spesso usato in combinazione con altre tecnologie di web design come Javascript , XML , CSS e Flash . Formare attività in classe intorno ad un progetto HTML potrebbe essere utile come introduzione , o un ulteriore approfondimento , di informatica e di arti multimediali . Discuti Che cosa rende un sito Internet

C’è di più a un sito web che soddisfa l’occhio .

Una base di un sito web è semplicemente una raccolta di pagine web , di solito collegati tra loro . Discutere ciò che rende una pagina web . Ad esempio , una pagina web potrebbe essere considerato come due livelli distinti , il primo livello è la programmazione di base che un web designer utilizza per rendere il sito . L’altro livello è la pagina web visualizzata . In altre parole , la programmazione costruisce la pagina visualizzata utilizzando testo , immagini e possibilmente suono . Questo è più facile da cogliere utilizzando un che cosa vedete è che cosa ottenete o editor WYSIWYG come discusso nella Sezione 3

Rivedere le nozioni di base di codice HTML

HTML è alla base della maggior parte dei siti web .

tag HTML recensione ed elementi come il html e body tag , insieme con il paragrafo p tag e h tag di titolo . Discutere l’importante collegamento ipertestuale a , che permette all’utente di fare clic e spostarsi da un luogo ad un altro . Un tag completo collegamento ipertestuale sarebbe a href = URL ” Mostrato Testo /a . Il ” URL ” o ” uniform resource locator ” è l’indirizzo web attuale nel link come http : //www.anywebsite.com. Discutere come chiudere i tag . Ad esempio , /html è il tag di chiusura per il codice HTML dell’intera pagina . Alcuni tag , come ad esempio l’

o Break tag , non hanno bisogno di essere chiuso .

Creare una pagina web utilizzando HTML

E ‘ il momento di costruire un sito web .

Questo dove la classe può vedere come un browser Web analizza il codice e contenuto in una pagina web visualizzata . E ‘ utile per vedere il codice HTML e la pagina web contemporaneamente . Mentre molti browser web permettono di visualizzare il codice sorgente di una pagina web , il codice da un sito web commerciale è spesso estremamente avanzato e troppo complesso per il livello principianti . Se la scuola non dispone di un programma di sviluppo web , considerare il download di un tool di sviluppo web freeware o shareware . KompZer è uno di questi strumenti ed è disponibile per PC e Mac . Dreamweaver è un popolare strumento per l’ acquisto . ” Quello che vedi è quello che ottieni” o ” editor WYSIWYG “, come KompoZer , permette di dividere lo schermo , la visualizzazione del codice sorgente HTML in una finestra e il display pagina web risultante in un altro . Gli studenti possono scrivere o modificare codice HTML nella sezione ” sorgente ” e vedere le modifiche apportate alla pagina Web visualizzata si svolgono nell’altra finestra . Questa attività hands-on è più emozionante e dovrebbe incoraggiare la partecipazione .

Altre Attività in classe Coinvolgere HTML

La più pratica , il meglio si diventa .

Se gli studenti sembrano cogliere bene il tutto mentre si utilizza un editor WYSIWYG , li hanno scrivere una pagina web manualmente , usando solo un editor di testo come Blocco note . Copia il codice dall’editor di testo e incollarlo nel editor WYSIWYG per testarlo , o aprirlo in un browser Web utilizzando Open File , in genere sotto il menu File . Problemi nella struttura del codice potrebbero essere discussi in classe . In alternativa , l’insegnante potrebbe fornire agli studenti una pagina web contenente errori HTML , quindi sfidare gli studenti a trovare l’errore nel codice HTML . Infine , gli studenti potrebbero formare piccoli gruppi e creare siti web di gruppo , o ogni gruppo potrebbe creare una pagina da utilizzare in un sito web di classe combinata .