Unterrichtsmaterialien für den Informatikunterricht

Webentwicklung #Webentwicklung

Themengebiet

90 Seiten · alle Themen

PHP/MySQL-Projekte, AbschlussNach Behandlung des gesamten Stoffs können folgende Projekte realisiert werden (bzw. Projekte, die so ähnlich sind wie:): Wahl-o-mat System zum Durchführen …#Programmierung#Datenbanken→CSS-/HTML-VOrlagencss/html-Vorlagen#Webentwicklung#Unterricht & Didaktik→HTML-FarbnamenHTML-Farbnamen#Webentwicklung#Unterricht & Didaktik→Kostenlose Hoster/Free WebspaceKostenlose Hoster mit Datenbank (mySQL) und php - Unterrichtsmaterialien wie Übungen, Beispiele und Präsentationen#Programmierung#Datenbanken→PHP: Geschwindigkeithttp://www.squatlabs.com/performanten-php-code-erzeugen-performance-optimierung-bei-php-entwicklung#Programmierung#Webentwicklung→Vorlagen: HTML-GerüsteHTML-Grundgerüst - Vorlage#Webentwicklung#Unterricht & Didaktik→Dateinamen im WebDateinamen im Web: Übungen und Unterrichtsmaterialien für den InformatikunterrichtFolien#Webentwicklung→HTML/CSSHTML · CSS#Webentwicklung#HTML34 Seiten→CSSCSS - Unterrichtsmaterialien wie Übungen, Beispiele und Präsentationen#Webentwicklung#CSS22 Seiten→Breite von ElementenBreite von Elementen mit CSS festlegen (width) - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSS→Blockelemente mit CSS positionierenBlockelemente in CSS positionieren - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSS→DIV und SPANDIV und SPAN in CSS - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSS→CSS-EinführungCSS, Einführung - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSS→Externes Stylesheet einbindenExternes CSS-Stylesheet einbinden - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolien#Webentwicklung#CSS→CSS-Grid 1: Einführung, GrundlagenCSS-Grid - Grundlagen einfach erklärt#Webentwicklung#CSS→CSS-Grid 1: Übungen zu den Grundlagen (mit Lösungen)CSS-Grid - Übungen zu den GrundlagenÜbungen#Webentwicklung#CSS→CSS-Grid 2: Übungen zu Ausrichtung und Abständen (mit Lösungen)CSS-Grid - Ausrichtungen und Abstände: Übungen mit LösungenÜbungen#Webentwicklung#CSS→CSS-Grid 3: Einheit fr / fractional units (mit Übungen + Lösungen)CSS-Grid - Video-Tutorial zur Einheit fr / fractional units#Webentwicklung#CSS→CSS-Grid 4: Einfache Profi-Layouts mit grid-areaCSS-Grid - Einfache Profi-Layouts mit grid-areas#Webentwicklung#CSS→CSS-Grid 2: Ausrichtung, AbständeCSS-Grid - Ausrichtungen und Abstände#Webentwicklung#CSS→KommentareKommentare in CSS - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSS→Links mit CSS formatierenLinks mit CSS formatieren - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSS→Listen mit CSS formatierenListen mit CSS formatieren/gestalten - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSS→Rahmen und Hintergründe mit CSS formatierenRahmen und Hintergründe mit CSS - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSS→CSS-Anweisungen im Dokument-KopfCSS-Styleangaben im Head des HTML-Dokuments - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolien#Webentwicklung#HTML→Text horizontal ausrichtenAbsätze/Text mit CSS horizontal ausrichten - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSS→Text mit CSS formatierenText/Schrift mit CSS formatieren - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolien#Webentwicklung#CSS→Eigene Stilklassen in CSS definierenEigene CSS-Klassen definieren - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Objektorientierung#Webentwicklung→Innenrand, Außenabstand (padding, margin)Innenrand und Außenabstand mit CSS festlegen (margin, padding) - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSS→Mehrspaltige Layouts mit CSSMehrspaltige Layouts in CSS - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolien#Webentwicklung#CSS→Zweispaltiges LayoutZweispaltige Layouts mit CSS - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSS→HTMLHTML und Webseitengestaltung: Übungen und Unterrichtsmaterialien für den Informatikunterricht#Webentwicklung#HTML10 Seiten→Bilder einfügen (img-Tag)Bilder in HTML einfügen (Übungen, Beispiele)- Unterrichtsmaterialien für den InformatikunterrichtFolienÜbungen#Webentwicklung#HTML→GUI-Gestaltung mit DreamweaverGUI bedeutet: "Graphical User Interface" - also "Grafische Benutzeroberfläche" Für Webseiten gestalten wir GUIs mit HTML/CSS. Zur Erleichterung gibt es sog. …#Webentwicklung#HTML→Absätze; Kommentare; ÜberschriftenHTML (Kommentare, Überschriften, Textabsätze mit p): Unterrichtsmaterialien - Übungen, Präsentationen und Beispiele für den InformatikunterrichtFolienÜbungen#Webentwicklung#HTML→Erste HTML-BefehleHTML: Unterrichtsmaterialien (Übungen, Präsentationen, Beispiele) für den InformatikunterrichtFolienÜbungen#Webentwicklung#HTML→Bedeutung der index-SeiteHTML und Webseiten - Verzeichnisstrukturen und index-Seite: Unterrichtsmaterialien (Übungen, Präsentationen, Beispiele) für den InformatikunterrichtFolienÜbungen#Webentwicklung#HTML→Links: Hyperlinks, E-Mail-LinksUnterrichtsmaterialien für den Informatikunterricht: Links/Hyperlinks (Übungen, Beispiele)FolienÜbungen#Webentwicklung#HTML→ListenListen in HTML (Unterrichtsmaterialien wie Übungen, Beispiele und Präsentationen)FolienÜbungen#Webentwicklung#HTML→Relative und absolute PfadeRelative und absolute Pfade (Unterrichtsmaterialien wie Übungen, Beispiele und Präsentationen)FolienÜbungen#Webentwicklung#HTML→Tabellen in HTMLTabellen in HTML (Unterrichtsmaterialien wie Übungen, Beispiele und Präsentationen)FolienÜbungen#Datenbanken#Webentwicklung→testtest#Webentwicklung#HTML→Sicherheit im Web; Methoden der HackerFolien#Webentwicklung#Netzwerke & Internet→Kostenloses Hosting für WebsitesStand: 10.05.2021 Hier eine Liste von kostenlosen Hostern für Webauftritte. Ich habe sie nicht alle ausprobiert, sondern sammle sie erst mal nur hier. …#Webentwicklung→Kurs: HTML-Formulare, PHP und Datenbankverwendung (MySQL, MariaDB)mySQL-Befehle mit PHP ausführen - Unterrichtsmaterialien wie Übungen, Beispiele und Präsentationen#Programmierung#Datenbanken45 Seiten→Crashkurs: HTML, PHP, DatenbankenDiese Playlist umfasst 4 Videos, bei denen ich mit relativ hoher Geschwindigkeit erkläre, wie Sie HTML-Formulare mit PHP auswerten, wie Sie eine Datenbank …#Programmierung#Datenbanken→Datenbank für PHP-Zugriff anlegen (mit MySQL-Workbench / MySQL/MariaDB)Datenbank für PHP-Zugriff anlegen/vorbereiten - Unterrichtsmaterialien für den InformatikunterrichtVideo#Programmierung#Datenbanken→Videokurs HTML/PHP: Formulare mit PHP auswertenDOWNLOAD: Die in den Videos verwendeten Projekte finden Sie als ZIP hier: Webprojekte Folge 1b-1i (1-html-php-webprojekte.zip) PLAYLIST AUF YOUTUBE: …#Programmierung#Webentwicklung→Formulare in HTML erstellenFormulare erstellen in HTML - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Webentwicklung→Mit PHP (PDO) Daten in eine MySQL-Datenbank schreiben (INSERT INTO)dMit PHP (PDO) Daten aus einem HTML-Formular in einer Datenbank speichern (INSERT INTO)Video#Programmierung#Datenbanken→Mit PHP/PDO per SELECT Datensätze aus der Datenbank holen und anzeigen (z.B. in Tabellenform)Mit PHP (PDO) Datensätze aus DB holen und in Tabellenform anzeigen (MySQL-SELECT-Abfragen)Video#Programmierung#Datenbanken→PHP - Folien + ÜbungenProgrammieren mit PHP - Unterrichtsmaterialien wie Übungen, Beispiele und Präsentationen#Programmierung#Webentwicklung36 Seiten→Arrays in PHPArrays mit numerischem Index in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Webentwicklung→br und new linebr (html-Break) und n (new line) - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Webentwicklung→DB-Verbindung und Zugangsdaten in config-Datei speichernDie Verbindung zur Datenbank bläht den Code auf und muss während des Programmierprozesses selten geändert werden. Also kann man sie auslagern – entweder mit …FolienÜbungen#Programmierung#Webentwicklung→Dreamweaver für lokalen Server konfigurierenWir benutzen den WYSIWYG-Editor Dreamweaver zur Gestaltung von HTML-GUIs. Damit wir PHP-Befehle direkt ausführen können, müssen wir Dreamweaver entsprechend …#Programmierung#Webentwicklung→exit()exit-Befehl in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Webentwicklung→Kontrollstrukturen 4: for-SchleifeFOR-Schleife in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Webentwicklung→Kontrollstrukturen 5: foreach-SchleifeFOREACH-Schleife in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Webentwicklung→Formulare mit GET und POST auswertenHTML-Formulare mit PHP auswerten (GET und POST) - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Webentwicklung→Strings entschärfen: htmlspecialchars(), stripslashes(), strtr(), nl2br()Strings entschärfen in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Webentwicklung→Variablenprüfung mit isset()Variablenprüfung mit ISSET in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Webentwicklung→Assoziative Arrays in PHPAssoziatives Array in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Webentwicklung→PHP-Einführung: echo, html-Tags in php-Code, KommentareEinführung in PHP (echo-Befehl, Einbinden von PHP-Code in HTML)FolienÜbungen#Programmierung#Webentwicklung→Formular mit PHP auf gleicher Seite auswerten (mit $_SERVER['PHP_SELF'])$_SERVER['PHP_SELF'] - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Webentwicklung→Funktionen in PHPFunktionen in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Webentwicklung→Kontrollstrukturen 1: Verzweigung if/elseIF-ELSE in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Webentwicklung→Einbinden von Dateien mittels include() und require()Dateien in PHP einbinden mit include und require - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Webentwicklung→Objektorientiertes Programmieren mit PHPObjektorientiertes Programmieren (OOP) in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und Präsentationen#Programmierung#Objektorientierung10 Seiten→Externe Klassenbibliotheken in PHP nutzenhttp://komunitasweb.com/2009/03/20-great-php-library-you-need-to-know/#Programmierung#Objektorientierung→Getter und SetterGetter und Setter beim Objektorientierten Programmieren (OOP) in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Objektorientierung→Kommunikation mit MethodenKommunikation mit Methoden in PHP (OOP) - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Objektorientierung→KonstruktorKonstruktor in PHP (OOP) verwenden - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Objektorientierung→Methoden eines Objekts verwendenMethoden eines Objekts in PHP verwenden (OOP) - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Objektorientierung→ModellierungZu diesem Thema gibt es noch keine Übungen#Programmierung#Objektorientierung→Objekte in PHP erzeugen, Attribute des Objekts ausgebenObjekte in PHP erzeugen und verwenden (OOP) - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Objektorientierung→Klassen in PHP definierenKlassen definieren in PHP (OOP) - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Objektorientierung→Spezialisierung von Klassen (Vererbung, Polymorphismus)Spezialisierung von Klassen in PHP (Vererbung, Polymorphismus) - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Objektorientierung→Statische Methoden und EigenschaftenStatische Methoden und Eigenschaften beim objektorientierten Programmieren in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und Präsentationen#Programmierung#Objektorientierung→PHP: Diverse SchnippselDiverses zu PHP auf informatikzentrale.de#Programmierung#Webentwicklung2 Seiten→PHP: Referenzen, Manuals ...Einige PHP-Referenzen und -Dokumentationen (Links) auf informatikzentrale.de#Programmierung#Webentwicklung→Variablen in PHP: deklarieren, initialisierenVariablen deklarieren und initialisieren in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und Präsentationen#Programmierung#Webentwicklung→Kontrollstrukturen 2: Verzweigung switchSWITCH-Verzweigung in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Webentwicklung→Rechnen mit PHP; runden, Zahlen formatierenRechnen in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Webentwicklung→Kontrollstrukturen 3: Schleifen mit while/do...whileWHILE-DO-Schleife in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Webentwicklung→Verkettung von Variablen mit .Variablen in PHP verknüpfen - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Webentwicklung→Sonderzeichen maskierenSonderzeichen maskieren in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolien#Programmierung#Webentwicklung→Variablen/DatentypenVariablen und Datentypen in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Webentwicklung→Verbindung zur Datenbank mit PHP (PDO) herstellenVerbindung zur Datenbank unter PHP mit PDO herstellenFolienÜbungen#Programmierung#Datenbanken→Videokurs PHP: Verzweigungen und Schleifen in PHPDOWNLOAD: Die in den Videos verwendeten Projekte finden Sie als ZIP hier: Webprojekte Folge 2a-2h (2-php-webprojekte.zip) PLAYLIST AUF YOUTUBE: HTML-Formulare …#Programmierung#Webentwicklung→