Scuola Attività Con HTML

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 & quot; che cosa vedete è che cosa ottenete & quot ; 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 & lt ; html & gt ; e & lt; body & gt ; tag , insieme con il paragrafo & lt ; p & gt ; tag e & lt ; h & gt ; tag di titolo . Discutere l'importante collegamento ipertestuale & lt; a & gt ;, che permette all'utente di fare clic e spostarsi da un luogo ad un altro . Un tag completo collegamento ipertestuale sarebbe & lt; a href = & quot; URL " & gt; Mostrato Testo & lt; /a & gt ;. Il " URL " o " uniform resource locator " è l'indirizzo web attuale nel link come & quot; http : //www.anywebsite.com." ; Discutere come chiudere i tag . Ad esempio , & lt ; /html & gt ; è il tag di chiusura per il codice HTML dell'intera pagina . Alcuni tag , come ad esempio l'
o & quot ; Break & quot ; 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 .