Unterrichtspläne für Webseiten, Unterrichtspläne für Anfänger_HTML/Xhtml_Webseitenerstellung

Lehrthemen
Webseite
Anwendbare Noten
Zweite Klasse im Gymnasium
Unterrichtsstunden
1Unterrichtszeit
Lehrbuchanalyse
Wichtige Punkte: Aufbau und Arbeitsprozess von statischen Webseiten und dynamischen Webseiten
Schwierigkeit: der Arbeitsprozess dynamischer Webseiten
Lernziele
Verstehen Sie die Grundkonzepte von Webseiten, Homepages, Websites und der Beziehung zwischen ihnen, verstehen Sie die Konzepte von statischen Webseiten und dynamischen Webseiten, verstehen Sie die Technologie von statischen Webseiten und dynamischen Webseiten und sind Sie in der Lage um ihren Arbeitsablauf zu erklären
Erforderliche Ressourcen und Umgebung
Digitale Ressourcen
1. Suchmaschine (www.google.com, www.baidu.com)
2. Mehrere Demo-Webseiten (statische Webseiten und dynamische Webseiten)
Allgemeine Ressourcen
1. Kapitel 5 des Lehrbuchs „Netzwerktechnologieanwendungen“, Abschnitt 1 ；Unterstützende CD
2. Lehrerbuch für Unterrichtsmaterialien
3. 《Webseite》Lernaufgabenliste
Lehrunterstützungsumgebung
Computernetzwerk-Klassenzimmer, Multimedia-Netzwerk-Klassenzimmersoftware oder LCD-Projektor
Unterrichtsdesign

Frage
Zweck
Wichtige Punkte/Schwierigkeiten/Wichtige Punkte
Gestaltung von Unterrichtsberatungsfragen
Was ist eine Website? Was ist eine Webseite? Was ist eine Homepage?
Verstehen Sie die Bedeutung von Websites, Webseiten und Homepages

Woraus besteht die Website?
Verstehen Sie die verschiedenen Komponenten der Website
Website-Logo, Header-Bereich, Bereich für heiße Empfehlungen
Woraus bestehen die Webseiten, die wir normalerweise im Internet sehen ?
Lassen Sie die Schüler den Kompositionscode statischer Webseiten verstehen –HTML
Verstehen Sie die Struktur und die grundlegenden Tags der HTML-Sprache
Wie werden statische Webseiten im Browser angezeigt?
Beherrschen Sie den Arbeitsprozess statischer Webseiten im Browser
Der Browser interpretiert den HTML-Code
Woraus bestehen diese Webseiten mit interaktiven Vorgängen?
Lassen Sie die Schüler den Aufbau statischer Webseiten verstehen
Skriptsprachen verstehen
Wie werden dynamische Webseiten im Browser bei Benutzerinteraktion angezeigt?
Beherrschen Sie den Arbeitsprozess dynamischer Webseiten im Browser
Ausführungsprozess dynamischer Webseiten
Lehrprozess
1. Neue Lektionseinführung:
Jeder Schüler, der mit dem Internet in Berührung gekommen ist, sollte Websites besucht und Webseiten gesehen haben. Die angezeigten Webseiten haben im Allgemeinen einige feste Formate, z. B. Titel, Website-Logos usw. Die Klassifizierung von Webseiten kann im Allgemeinen in zwei Kategorien unterteilt werden. Eine Kategorie ändert sich nicht mit den Vorgängen des Benutzers Diese Art von Webseite wird als dynamische Webseite bezeichnet.
Heute werde ich das Thema Webseiten besprechen.
2. Lehrinhalte:
Durchsuchen Sie einige typische Websites über Suchmaschinen und zeigen Sie sie den Schülern.
1. Die Konzepte von Website, Webseite, Homepage und die Beziehung zwischen den dreien
Das internationale Internet, das Menschen heute besuchen, besteht aus Websites, und Websites bestehen aus bestimmten Webseiten. Die Startseite entspricht im Allgemeinen der Startseite der Website Über die Homepage können Benutzer auf die meisten Webseiten der Website zugreifen.

Frage: Was ist eine Website? Was ist eine Webseite? Was ist eine Homepage?
Aktivität: Der Lehrer erklärt die Bedeutung von Websites, Webseiten, Homepages und die Beziehung zwischen den dreien.

2. Webseitenstruktur
Die Seitenstruktur einer gewöhnlichen Website besteht im Allgemeinen aus Seitentitel, Website-Logo (LOGO), Kopfbereich, Navigationsleiste, Anmeldebereich, Suchbereich, empfohlenem Hotspot-Bereich, und Hauptinhaltsbereich, Fußzeilenbereich usw.

3． Das Konzept statischer Webseiten
Statische Webseiten sind Webseiten, die als Dateien auf dem Server gespeichert und im gleichen Format an Kunden gesendet werden.
Statische Webseiten sind Dateien, die in Hypertext Markup Language geschrieben sind.

Frage: Woraus bestehen die Webseiten, die wir normalerweise im Internet sehen ?
Aktivität: Der Lehrer erklärt den Aufbau statischer Webseiten und die Eigenschaften der Hypertext Markup Language (HTML).
Erkundung: Schülerbetrieb, Anzeigen der Quelldateien der Webseite beim Durchsuchen einer Webseite.

4． Wie statische Webseiten im Browser angezeigt werden
Statische Webseiten sind Dateien, die im gleichen Format vom Server an Kunden gesendet werden. Nachdem diese Datei jedoch den Browser erreicht hat, muss der Browser die HTML-Code in die Datei ein und zeigen Sie dann den spezifischen HTML-Code in einer bestimmten Form an, um die Webseite zu bilden, die der Benutzer sieht.

Frage: Wie werden statische Webseiten im Browser angezeigt?
Aktivität: Der Lehrer erklärt den Interpretationsprozess des Browsers und die Wirkung der Hypertext-Auszeichnungssprache.

5, das Konzept dynamischer Webseiten
Dynamische Webseiten beziehen sich auf Webseiten, die vom Computersystem beim Surfen durch den Benutzer automatisch erstellt werden. Sie werden normalerweise verwendet, um Echtzeitinformationen oder bestimmte Inhalte basierend auf der Benutzerinteraktion anzuzeigen.
Funktionen dynamischer Webseiten: Interaktivität, automatische Aktualisierung und Änderung je nach Ort, Zeit und Person
Übliche Formen dynamischer Webseiten: Counter, Chatrooms, Diskussionsforen, BBS, Alumni-Datensätze usw. Es gibt zwei häufige Situationen, die dynamische Webseiten darstellen: dynamische Webseiten, die aus einem reinen Client-Modus bestehen, und dynamische Webseiten, die aus einem Client-Server-Modus bestehen

Frage: Woraus bestehen die Webseiten mit interaktiven Operationen?
Aktivität: Der Lehrer erklärt die beiden häufigsten Situationen der Bildung dynamischer Webseiten, dynamischer Webseiten, die aus reinen Client-Methoden und Browsern bestehen / Die jeweiligen Kompositionsmethoden und Eigenschaften dynamischer Webseiten im Servermodus.
Kommunikation: So passen Sie Farben mithilfe der Systempalette genau an

6, Das Prinzip der dynamischen Webseitenanzeige
Dynamische Webseiten, die aus reinen Client-Methoden bestehen: Diese Methode erfordert keine Interaktion mit dem Server und wird normalerweise direkt in die Webseite in Form von JAVAKleine Programme und Skriptsprachen. Seine dynamische Leistung ist wie folgt: Benutzer steuern den Anzeigeinhalt oder die Form von Webseiten über verschiedene Technologien, die von Technologien wie Javascript, Javaapplet usw. .

Reflexion nach dem Unterricht

Lehrplandesigner

Einheit
/Adresse/Postleitzahl

E-Mail

Kontaktnummer

Lernaufgabenblatt „Web“

1. Webseitenbezogene Konzepte

Die Schüler surfen im Internet, sehen sich eine Website mit einem klaren, angemessenen und unverwechselbaren Seitenlayout an und führen die folgenden Vorgänge aus.

Name der Website: URL der Startseite: Seitentitel:

2.

Statische Webseite und dynamische Webseite

1.

In welcher Sprache ist die statische Webseite geschrieben?
?__________________________________________ 2, Was sind die Merkmale dynamischer Webseiten?

________________________________________

3.
Was sind die gängigen dynamischen Webseiten-Technologien? _____________________________________________
3. Experiment:
Erleben Sie den dynamischen Webseiteneffekt auf dem Client Experimentanforderungen
:

(1) Anhand der folgenden kurzen Beispiele dynamischer Webseiten lernen Sie einige einfache Methoden kennen, um dynamische Effekte auf clientseitigen Webseiten zu erzielen.
(2) Beherrschen Sie die einfache Methode zum Ändern der dynamischen Effekte von Webseiten, indem Sie die Eigenschaften bestimmter Objekte im Programm ändern .
(3) Beherrschen Sie eine einfache Möglichkeit, dynamische Webseiten zu erstellen, indem Sie die Erfahrungsaktivität des Einfügens von Webseiten-Spezialeffektcode in eine Webseite nutzen Code.
Beispiel für experimentelle Schritte:
1. Geben Sie den folgenden Quellcode einer dynamischen Webseite ein, beobachten und erleben Sie den dynamischen Effekt der Webseite, die durch dieses Codesegment im Browser generiert wird.