Atividades escola com HTML

HTML (Hyper Text Markup Language ) é talvez a mais fácil das linguagens de computador para aprender. É uma ” linguagem de marcação “, e não uma linguagem de programação como C verdadeiro ++ ou Java. Operando dentro de um navegador web , o HTML é a formatação de sites a exibição subjacente. HTML é frequentemente usado em conjunto com outras tecnologias web design, como Javascript , XML, CSS e Flash. Formando atividades de sala de aula em torno de um projeto de HTML pode ser benéfico como uma introdução , ou uma maior exploração , de ciências da computação e artes de mídia. Discutir o que faz de um website

Há muito mais para um site que reúne os olhos .

A base de um site é simplesmente uma coleção de páginas da web , geralmente ligados. Discutir o que compõe uma página web. Por exemplo, uma página da web pode ser considerado como dois níveis distintos , o primeiro nível sendo a programação subjacente que um web designer usa para fazer o site . O outro nível é a página exibida. Em outras palavras, a programação constrói a página exibida usando texto, imagens e possivelmente de som. Isto é mais fácil de entender usando um? Que você vê é o que você obtém ou editor WYSIWYG como discutido na Seção 3

rever os conceitos básicos de código HTML

HTML é a base da maioria dos sites.

marcas comentário HTML e elementos como o html e corpo etiquetas , juntamente com o n p tag e h tags de cabeçalho . Discutir o link de hipertexto , que permite o usuário a clicar e navegar a partir de um local para outro . A marca de hiperlink completo seria um href = URL ” Exibido Texto /a . O “URL “, ou ” Uniform Resource Locator “, é o endereço real no link, como http: //www.anywebsite.com. Discutir como fechar tags. Por exemplo, /html é a marca de fechamento para o código HTML de toda a página . Algumas marcas , como a

ou @ quebrar tag, não precisa ser fechada.

Criar uma página da Web usando HTML

É hora de construir um site.

Este onde a classe pode ver como um navegador analisa o código e conteúdo em uma página da web exibida. É útil para ver o código HTML ea página Web simultaneamente. Enquanto muitos navegadores permitem visualizar o código-fonte de uma página web , o código de um site comercial é muitas vezes extremamente avançada e complexa demais para o nível iniciante. Se a sua escola não tem um programa de desenvolvimento web, considere baixar uma ferramenta de desenvolvimento web freeware ou shareware . KompZer é uma dessas ferramentas e está disponível para PC e Mac . Dreamweaver é uma ferramenta popular para a compra. ” O que você vê é o que obtém ” ou editores ” WYSIWYG “, como KompoZer , permitem dividir a tela , visualizar o código-fonte HTML em uma janela ea tela webpage resultando em outra. Os alunos podem escrever ou editar o código HTML na seção “fonte” e ver as alterações à página exibida ocorrer na outra janela . Esta atividade prática é mais emocionante e deve incentivar a participação .

Outros Sala de Aula Atividades Envolvendo HTML

Quanto mais você pratica, melhor você vai se tornar .

Se os alunos parecem estar a agarrar tudo bem enquanto estiver usando um editor WYSIWYG , escrevem uma página da web manualmente , usando apenas um editor de texto como o Bloco de Notas. Copie o código do editor de texto e colá-lo no editor WYSIWYG para testá-lo , ou abri-lo em um navegador da web usando Open File , geralmente no menu Arquivo . Problemas na estrutura de código poderia ser discutida com a classe. Como alternativa, o professor pode fornecer aos alunos uma página da web que contém erros de HTML , em seguida, desafiar os alunos a encontrar o erro no código HTML. Finalmente, os alunos podem formar pequenos grupos e criar sites do grupo , ou cada grupo pode criar uma página para o uso em um site de classe combinado .

Deixe um comentário