Plans de cours de pages Web, plans de cours pour débutants_HTML/Xhtml_Production de pages Web

Sujets d'enseignement
Page Web
Notes applicables
Deuxième année du lycée
Horaires d'enseignement
1heure de cours
Analyse des manuels
Points clés : la composition et le processus de travail des pages Web statiques et des pages Web dynamiques
Difficulté : le processus de travail des pages Web dynamiques
Objectifs d'apprentissage
Comprendre les concepts de base des pages Web, des pages d'accueil, des sites Web et la relation entre eux, comprendre les concepts de pages Web statiques et de pages Web dynamiques, comprendre la technologie des pages Web statiques et des pages Web dynamiques, et être capable pour expliquer leur processus de travail
Ressources et environnement requis
Ressources numériques
1. Moteur de recherche (www.google.com, www.baidu.com)
2. Plusieurs pages Web de démonstration (pages Web statiques et pages Web dynamiques)
Ressources générales
1. Chapitre 5 du manuel "Applications de la technologie réseau" Section 1 ；CD de support
2. Livre de l'enseignant pour le matériel pédagogique
3. 《Page Web》Liste des tâches d'apprentissage
Environnement de soutien pédagogique
Classe en réseau informatique, logiciel de classe en réseau multimédia ou projecteur LCD
Conception pédagogique

Question
Objectif
Points clés/Difficultés/Points clés
Conception de questions d'orientation pédagogique
Qu'est-ce qu'un site internet ? Qu'est-ce qu'une page Web ? Qu'est-ce qu'une page d'accueil ?
Comprendre la signification des sites Web, des pages Web et des pages d'accueil

De quoi est composé le site internet ?
Comprendre les différentes composantes du site
Logo du site Web, zone d'en-tête, zone de recommandation chaude
De quoi sont composées les pages Web que nous voyons habituellement sur Internet ?
Laissez les élèves comprendre le code de composition des pages Web statiques——HTML
Comprendre la structure et les balises de base du langage HTML
Comment les pages Web statiques sont-elles affichées dans le navigateur ?
Maîtriser le processus de travail des pages Web statiques dans le navigateur
Le processus d'interprétation du code HTML par le navigateur
De quoi sont faites ces pages Web avec des opérations interactives ?
Laissez les étudiants comprendre la composition des pages Web statiques
Comprendre les langages de script
Comment les pages Web dynamiques sont-elles affichées dans le navigateur sous l'interaction de l'utilisateur ?
Maîtriser le processus de travail des pages Web dynamiques dans le navigateur
Processus d'exécution de pages Web dynamiques
Processus d'enseignement
1. Nouvelle introduction de la leçon :
Chaque élève qui a été exposé à Internet devrait avoir visité des sites Web et vu des pages Web. Les pages Web que vous voyez ont généralement des formats fixes, tels que des titres, des logos de sites Web, etc. Quant à la classification des pages Web, elles peuvent généralement être divisées en deux catégories. Une catégorie ne change pas avec les opérations de l'utilisateur. appelée page Web statique, et l'autre type change avec les opérations de l'utilisateur. Ce type de page Web est appelé page Web dynamique.
Aujourd'hui, j'aborderai la question des pages Web.
2. Contenu pédagogique :
Recherchez des sites Web typiques via les moteurs de recherche et montrez-les aux étudiants.
1. Les concepts de site web, de page web, de page d'accueil et la relation entre les trois
L'Internet international que les gens visitent aujourd'hui est composé de sites Web, et les sites Web sont composés de pages Web spécifiques. La page d'accueil est équivalente à la page de démarrage du site Web, qui joue généralement un rôle de guidage des connexions. En parlant, les utilisateurs peuvent accéder à la plupart des pages Web du site via la page d'accueil.

Question : Qu'est-ce qu'un site internet ? Qu'est-ce qu'une page Web ? Qu'est-ce qu'une page d'accueil ?
Activité : L'enseignant explique la signification des sites Web, des pages Web, des pages d'accueil et la relation entre les trois.

2. Structure des pages Web
La structure des pages d'un site Web commun comprend généralement le titre de la page, le logo du site Web (LOGO), la zone d'en-tête, la barre de navigation, la zone de connexion, la zone de recherche, la zone de point d'accès recommandé, et zone de contenu principale, zone de pied de page, etc.

3． Le concept de pages Web statiques
Les pages Web statiques sont des pages Web stockées sous forme de fichiers sur le serveur et envoyées aux clients dans le même format.
Les pages Web statiques sont des fichiers écrits en langage de balisage hypertexte.

Question : De quoi sont composées les pages Web que nous voyons habituellement sur Internet ?
Activité : L'enseignant explique la composition des pages Web statiques et les caractéristiques du Hypertext Markup Language (HTML).
Exploration : opération étudiante, visualisation des fichiers sources de la page Web lors de la navigation sur une page Web.

4． Comment les pages Web statiques sont affichées dans le navigateur
Les pages Web statiques sont des fichiers envoyés aux clients dans le même format depuis le serveur, mais une fois que ce fichier atteint le navigateur, celui-ci doit trouver le Code HTML, puis affichez le code HTML spécifique sous une forme spécifique pour former la page Web que l'utilisateur voit.

Question : Comment les pages Web statiques sont-elles affichées dans le navigateur ?
Activité : L'enseignant explique le processus d'interprétation du navigateur et l'effet du langage de balisage hypertexte.

5, le concept de pages web dynamiques
Les pages Web dynamiques font référence à des pages Web créées automatiquement par le système informatique lors de la navigation de l'utilisateur. Elles sont généralement utilisées pour afficher des informations en temps réel ou afficher un contenu spécifique en fonction de l'interaction de l'utilisateur.
Caractéristiques des pages web dynamiques : interactivité, mise à jour automatique et évolution selon le lieu, l'heure et la personne
Formes courantes de pages Web dynamiques : compteurs, salons de discussion, forums de discussion, BBS, dossiers d'anciens élèves, etc. Il existe deux situations courantes qui constituent des pages Web dynamiques : les pages Web dynamiques composées d'un mode client pur et les pages Web dynamiques composées d'un mode client-serveur

Question : De quoi sont constituées les pages Web avec des opérations interactives ?
Activité : L'enseignant explique les deux situations courantes de formation de pages Web dynamiques, des pages Web dynamiques composées de méthodes clientes pures et de navigateurs / Les méthodes de composition respectives et les caractéristiques des pages web dynamiques composées en mode serveur.
Communication : Comment ajuster avec précision les couleurs à l'aide de la palette système

6, Le principe de l'affichage dynamique des pages web
Pages Web dynamiques composées de méthodes client pures : Cette méthode ne nécessite pas d'interaction avec le serveur, et est généralement intégrée directement dans la page Web sous forme de JAVApetits programmes et langages de script . Ses performances dynamiques sont les suivantes : les utilisateurs exploitent le contenu d'affichage ou la forme des pages Web à travers diverses technologies supportées par des technologies telles que javascript, javaappletetc. .

Réflexion après le cours

Concepteur de plan d'enseignement

Unité/Adresse/Code postal


E-mail

Numéro de contact

Fiche de tâches d'apprentissage "Web"

1. Concepts liés aux pages Web

Les élèves parcourent le Web, consultent un site Web avec une mise en page claire, raisonnable et distinctive et effectuent les opérations suivantes.

Nom du site : URL de la page d'accueil : Titre de la page :

2.

Page web statique et page web dynamique

1.

Dans quelle langue la page Web statique est-elle écrite ?
?__________________________________________ 2, Quelles sont les caractéristiques des pages Web dynamiques ?

________________________________________

3.
Quelles sont les technologies courantes de pages Web dynamiques _______________________________ ?
3. Expérience :
Expérimentez l'effet de page Web dynamique sur le client Exigences de l'expérience
 :

(1) À travers les courts exemples suivants de pages Web dynamiques, découvrez quelques méthodes simples pour obtenir des effets dynamiques sur les pages Web côté client.
(2) En modifiant les propriétés de certains objets dans le programme, maîtriser la méthode simple de modification des effets dynamiques des pages web .
(3) Maîtrisez un moyen simple de créer des pages Web dynamiques grâce à l'activité d'expérience consistant à insérer du code d'effets spéciaux de page Web dans une page Web. code.
Exemple d'étapes expérimentales :
1. Entrez le code source suivant d'une page Web dynamique, observez et expérimentez l'effet dynamique de la page Web générée par ce segment de code sur le navigateur.