Tópicos de ensino
página da Internet
Nota aplicável
Segundo ano
Ensinando tempo da aula
1 lição
Análise de livros didáticos
Foco: como fazer as páginas da web estática e páginas dinâmicas da web e seu processo de trabalho
Dificuldade: processo de trabalho de páginas dinâmicas da web
Objetivos de aprendizado
Entenda os conceitos básicos de páginas da web, páginas domésticas, sites e seus relacionamentos, compreenda os conceitos de páginas estáticas da Web e páginas dinâmicas da Web, compreenda a tecnologia de páginas estáticas da web e páginas dinâmicas da web e explique o processo de trabalho
Recursos e ambiente necessário
Recursos digitais
1. Motor de pesquisa (www.google.com, www.baidu.com)
2. Várias páginas da Web de demonstração (páginas da web estática e páginas dinâmicas da web)
Recursos Gerais
1. Capítulo 5, seção 1 do livro "Aplicação da tecnologia de rede"; CD de suporte
2. Materiais de ensino que apoiam os livros dos professores
3. Lista de tarefas de aprendizado de "página da web"
Ambiente de apoio ao ensino
Sala de aula de rede de computadores, software de sala de aula de rede multimídia ou projetor LCD
Design de ensino
pergunta
Propósito
Pontos -chave/dificuldades/pontos -chave
Projeto de problema de orientação de ensino
O que é um site? O que é uma página da web? O que é uma página inicial?
Entenda o significado de sites, páginas da web e páginas domésticas
De que é o site composto?
Entenda os vários componentes do site
Logotipo do site, área de cabeçalho, área de recomendação quente
Quais são as páginas da web que geralmente vemos na internet?
Deixe os alunos entenderem o código de composição das páginas da web estática - HTML
Entenda a estrutura e as tags básicas da linguagem HTML
Como as páginas estáticas da web aparecem no navegador?
Domine o processo de trabalho das páginas da web estática no navegador
O navegador interpreta o código HTML
De que são feitas as páginas interativas da web?
Deixe os alunos entenderem a composição das páginas da web estática
Entenda a linguagem de script
Como as páginas dinâmicas da Web aparecem no navegador sob interação do usuário?
Domine o processo de trabalho das páginas dinâmicas da web no navegador
Processo de execução de páginas dinâmicas da web
Processo de ensino
1. Nova lição Introdução:
Todos os alunos que foram expostos à Internet deveriam ter visitado o site e visto a página da web. As páginas da web que você vê geralmente têm alguns formatos fixos, como títulos, logotipos de sites etc. Em termos de classificação de páginas da Web, elas geralmente podem ser divididas em duas categorias. Uma categoria não muda com as operações do usuário, que é chamada de páginas da Web estática, e a outra categoria muda com as operações do usuário. Esse tipo de página da web é chamada de páginas dinâmicas da web.
Hoje vou discutir a questão sobre páginas da web.
2. Conteúdo de ensino:
Pesquise alguns sites típicos através dos mecanismos de pesquisa para exibi -los para os alunos.
1. O conceito de site, página da web, página inicial e a relação entre os três
A internet internacional que as pessoas visitam hoje é composta por sites e o site é composto por páginas da web específicas. A página inicial é equivalente à página inicial do site e desempenha uma função de orientação e conexão. De um modo geral, os usuários podem acessar a maioria das páginas da web do site através da página inicial.
Pergunta: O que é um site? O que é uma página da web? O que é uma página inicial?
Atividade: O professor explica o significado do site, página da web e página inicial e o relacionamento entre os três.
2. Estrutura da página da web
A estrutura da página dos sites comuns é geralmente composta pelo título da página, logotipo do site (logotipo), área de cabeçalho, barra de navegação, área de login, área de pesquisa, área de hotspot de recomendação, área de conteúdo principal, área de rodapé, etc.
3. Conceito de páginas da web estática
Uma página da Web estática é uma página da web armazenada na forma de um arquivo no servidor e enviada ao cliente no mesmo formato.
As páginas da Web estáticas são arquivos gravados em linguagem de marcação de hipertexto.
Pergunta: Quais são as páginas da web que geralmente vemos na internet?
Atividade: O professor explica a composição das páginas estáticas da Web e as características da linguagem de marcação de hipertexto (HTML).
Explore: os alunos operam, visualize os arquivos de origem da página da web ao navegar em uma página da web.
4. O princípio da exibição da página da web estática no navegador
Uma página da Web estática é enviada ao cliente no mesmo formato do servidor, mas depois que esse arquivo chega ao navegador, o navegador precisa encontrar o código HTML no arquivo e, em seguida, exibir o código HTML específico em um formulário específico para formar a página da Web vista pelo usuário.
Pergunta: Como as páginas estáticas da web aparecem no navegador?
Atividade: O professor explica o processo de interpretação do navegador e o efeito da linguagem de marcação de hipertexto.
5. O conceito de páginas dinâmicas da web
As páginas dinâmicas da Web referem -se a páginas da Web criadas automaticamente pelos sistemas de computador durante a navegação do usuário. Eles geralmente são usados para exibir informações em tempo real ou exibir conteúdo específico de acordo com a interação do usuário.
Recursos de páginas dinâmicas da Web: Atualização interativa, automática, mudança de um lugar para a pessoa para pessoa
Formas comuns de páginas dinâmicas da Web: contadores, salas de bate -papo, áreas de discussão, BBS, registros de ex -alunos, etc.
Duas situações comuns para formar páginas dinâmicas da web: páginas dinâmicas da web compostas por métodos de clientes puros e páginas dinâmicas da web compostas pelo modo de servidor do cliente
Pergunta: De que são feitas as páginas interativas da web?
Atividade: Professor explica as duas situações comuns da formação de páginas dinâmicas da Web, a respectiva composição e características das páginas dinâmicas da Web compostas por métodos de cliente puro e modos de navegador/servidor.
Comunicação: Como usar a paleta do sistema para ajustar com precisão as cores
6. O princípio da exibição dinâmica da página da web
Páginas dinâmicas da Web compostas por métodos de cliente puro: esse método não requer interação com o servidor e geralmente é incorporado diretamente na página da web em java applets e linguagens de script. Sua dinâmica se reflete em que os usuários usam várias páginas operacionais de exibição de conteúdo ou formulários suportados por tecnologias como JavaScript, JavaApplet, etc.
Reflexão após aula
Designer de plano de aula
Unidade/endereço/código ZIP
Número de contato
Os alunos navegam na página da web e visualizam um site com um layout de página claro, razoável e distinto e conclua as seguintes operações.
Nome do site:
URL da página inicial:
Título da página:
1. Qual a língua da web estática escrita em? _____________________________________________________________________
2. Quais são as características das páginas dinâmicas da web? ______________________________________________
3. Quais são as tecnologias dinâmicas comuns da Web? _____________________________________________________________________
Requisitos experimentais:
(1) Aprenda sobre algumas maneiras simples de alcançar efeitos dinâmicos das páginas da Web do cliente através dos seguintes exemplos curtos de páginas dinâmicas da Web.
(2) Modificando certas propriedades do objeto no programa, mestre métodos de modificação simples para os efeitos dinâmicos das páginas da Web.
(3) Domine uma maneira simples de criar páginas dinâmicas da Web inserindo códigos de efeitos especiais da página da web nos códigos da página da web.
Exemplo de etapas experimentais:
1. Digite o código -fonte de uma página dinâmica da Web da seguinte maneira e observe e experimente os efeitos dinâmicos da página da web gerados pelo segmento de código no navegador.
<html>
<head>
<meta http-equiv = content-type content = text/html; charset = gb2312>
<title> Efeito dinâmico de um texto </title>
</head>
<Body>
<marquee onMouseOver = this.stop () onMouseOut = this.start () scrollLlamount = 1 scrollDelay = 50 direção = altura para cima = 116 largura = 188 borda = 1 bgcolor = azeitona> O mouse parará quando movido para cima e continua a se mover quando se move. Você também pode tentar </sharquee>
</body>
</html>
2. Descreva os efeitos dinâmicos que podem ser alcançados pelo código acima:
3. Aplicação prática: de acordo com os requisitos da tabela, analise e modifique os diferentes valores de atributo no código e observe os efeitos personalizados através do navegador, compare as alterações antes e após a modificação e preencha o formulário com base nos seus próprios resultados de observação.
Código em páginas dinâmicas da web
O que o código joga
1
onMouseOver = this.stop () onmouseout = this.start ()
2
Indica a velocidade do movimento do texto
3
direção = up (pode ser alterado para: direção = direção direita = esquerda)
4
altura = 116 largura = 188
5
Representa a cor de fundo do texto em movimento (pode ser alterado para as seguintes cores: vermelho, amarelo, azul, prata, etc.)
4. Avaliação experimental:
Indicadores de avaliação
Auto-avaliação
Qualidade de atividade
A análise da função do código nas páginas da web do cliente é muito clara
6
A análise da função do código nas páginas da web do cliente é mais clara
5
Análise do papel do código nas páginas da web do cliente e entendimento geral
3
A análise da função do código nas páginas da web do cliente precisa ser melhorada
2
____________________________________________________
____________________________________________________
____________________________________________________
____________________________________________________
____________________________________________________
____________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________