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#DatenbankenCSS-/HTML-VOrlagencss/html-Vorlagen#Webentwicklung#Unterricht & DidaktikHTML-FarbnamenHTML-Farbnamen#Webentwicklung#Unterricht & DidaktikKostenlose Hoster/Free WebspaceKostenlose Hoster mit Datenbank (mySQL) und php - Unterrichtsmaterialien wie Übungen, Beispiele und Präsentationen#Programmierung#DatenbankenPHP: Geschwindigkeithttp://www.squatlabs.com/performanten-php-code-erzeugen-performance-optimierung-bei-php-entwicklung#Programmierung#WebentwicklungVorlagen: HTML-GerüsteHTML-Grundgerüst - Vorlage#Webentwicklung#Unterricht & DidaktikDateinamen im WebDateinamen im Web: Übungen und Unterrichtsmaterialien für den InformatikunterrichtFolien#WebentwicklungHTML/CSSHTML · CSS#Webentwicklung#HTML34 SeitenCSSCSS - Unterrichtsmaterialien wie Übungen, Beispiele und Präsentationen#Webentwicklung#CSS22 SeitenBreite von ElementenBreite von Elementen mit CSS festlegen (width) - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSSBlockelemente mit CSS positionierenBlockelemente in CSS positionieren - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSSDIV und SPANDIV und SPAN in CSS - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSSCSS-EinführungCSS, Einführung - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSSExternes Stylesheet einbindenExternes CSS-Stylesheet einbinden - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolien#Webentwicklung#CSSCSS-Grid 1: Einführung, GrundlagenCSS-Grid - Grundlagen einfach erklärt#Webentwicklung#CSSCSS-Grid 1: Übungen zu den Grundlagen (mit Lösungen)CSS-Grid - Übungen zu den GrundlagenÜbungen#Webentwicklung#CSSCSS-Grid 2: Übungen zu Ausrichtung und Abständen (mit Lösungen)CSS-Grid - Ausrichtungen und Abstände: Übungen mit LösungenÜbungen#Webentwicklung#CSSCSS-Grid 3: Einheit fr / fractional units (mit Übungen + Lösungen)CSS-Grid - Video-Tutorial zur Einheit fr / fractional units#Webentwicklung#CSSCSS-Grid 4: Einfache Profi-Layouts mit grid-areaCSS-Grid - Einfache Profi-Layouts mit grid-areas#Webentwicklung#CSSCSS-Grid 2: Ausrichtung, AbständeCSS-Grid - Ausrichtungen und Abstände#Webentwicklung#CSSKommentareKommentare in CSS - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSSLinks mit CSS formatierenLinks mit CSS formatieren - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSSListen mit CSS formatierenListen mit CSS formatieren/gestalten - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSSRahmen und Hintergründe mit CSS formatierenRahmen und Hintergründe mit CSS - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSSCSS-Anweisungen im Dokument-KopfCSS-Styleangaben im Head des HTML-Dokuments - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolien#Webentwicklung#HTMLText horizontal ausrichtenAbsätze/Text mit CSS horizontal ausrichten - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSSText mit CSS formatierenText/Schrift mit CSS formatieren - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolien#Webentwicklung#CSSEigene Stilklassen in CSS definierenEigene CSS-Klassen definieren - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Objektorientierung#WebentwicklungInnenrand, Außenabstand (padding, margin)Innenrand und Außenabstand mit CSS festlegen (margin, padding) - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSSMehrspaltige Layouts mit CSSMehrspaltige Layouts in CSS - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolien#Webentwicklung#CSSZweispaltiges LayoutZweispaltige Layouts mit CSS - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Webentwicklung#CSSHTMLHTML und Webseitengestaltung: Übungen und Unterrichtsmaterialien für den Informatikunterricht#Webentwicklung#HTML10 SeitenBilder einfügen (img-Tag)Bilder in HTML einfügen (Übungen, Beispiele)- Unterrichtsmaterialien für den InformatikunterrichtFolienÜbungen#Webentwicklung#HTMLGUI-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#HTMLAbsätze; Kommentare; ÜberschriftenHTML (Kommentare, Überschriften, Textabsätze mit p): Unterrichtsmaterialien - Übungen, Präsentationen und Beispiele für den InformatikunterrichtFolienÜbungen#Webentwicklung#HTMLErste HTML-BefehleHTML: Unterrichtsmaterialien (Übungen, Präsentationen, Beispiele) für den InformatikunterrichtFolienÜbungen#Webentwicklung#HTMLBedeutung der index-SeiteHTML und Webseiten - Verzeichnisstrukturen und index-Seite: Unterrichtsmaterialien (Übungen, Präsentationen, Beispiele) für den InformatikunterrichtFolienÜbungen#Webentwicklung#HTMLLinks: Hyperlinks, E-Mail-LinksUnterrichtsmaterialien für den Informatikunterricht: Links/Hyperlinks (Übungen, Beispiele)FolienÜbungen#Webentwicklung#HTMLListenListen in HTML (Unterrichtsmaterialien wie Übungen, Beispiele und Präsentationen)FolienÜbungen#Webentwicklung#HTMLRelative und absolute PfadeRelative und absolute Pfade (Unterrichtsmaterialien wie Übungen, Beispiele und Präsentationen)FolienÜbungen#Webentwicklung#HTMLTabellen in HTMLTabellen in HTML (Unterrichtsmaterialien wie Übungen, Beispiele und Präsentationen)FolienÜbungen#Datenbanken#Webentwicklungtesttest#Webentwicklung#HTMLSicherheit im Web; Methoden der HackerFolien#Webentwicklung#Netzwerke & InternetKostenloses 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. …#WebentwicklungKurs: HTML-Formulare, PHP und Datenbankverwendung (MySQL, MariaDB)mySQL-Befehle mit PHP ausführen - Unterrichtsmaterialien wie Übungen, Beispiele und Präsentationen#Programmierung#Datenbanken45 SeitenCrashkurs: 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#DatenbankenDatenbank für PHP-Zugriff anlegen (mit MySQL-Workbench / MySQL/MariaDB)Datenbank für PHP-Zugriff anlegen/vorbereiten - Unterrichtsmaterialien für den InformatikunterrichtVideo#Programmierung#DatenbankenVideokurs 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#WebentwicklungFormulare in HTML erstellenFormulare erstellen in HTML - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#WebentwicklungMit 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#DatenbankenMit 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#DatenbankenPHP - Folien + ÜbungenProgrammieren mit PHP - Unterrichtsmaterialien wie Übungen, Beispiele und Präsentationen#Programmierung#Webentwicklung36 SeitenArrays in PHPArrays mit numerischem Index in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#Webentwicklungbr und new linebr (html-Break) und n (new line) - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#WebentwicklungDB-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#WebentwicklungDreamweaver 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#Webentwicklungexit()exit-Befehl in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#WebentwicklungKontrollstrukturen 4: for-SchleifeFOR-Schleife in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#WebentwicklungKontrollstrukturen 5: foreach-SchleifeFOREACH-Schleife in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#WebentwicklungFormulare mit GET und POST auswertenHTML-Formulare mit PHP auswerten (GET und POST) - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#WebentwicklungStrings entschärfen: htmlspecialchars(), stripslashes(), strtr(), nl2br()Strings entschärfen in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#WebentwicklungVariablenprüfung mit isset()Variablenprüfung mit ISSET in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#WebentwicklungAssoziative Arrays in PHPAssoziatives Array in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#WebentwicklungPHP-Einführung: echo, html-Tags in php-Code, KommentareEinführung in PHP (echo-Befehl, Einbinden von PHP-Code in HTML)FolienÜbungen#Programmierung#WebentwicklungFormular mit PHP auf gleicher Seite auswerten (mit $_SERVER['PHP_SELF'])$_SERVER['PHP_SELF'] - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#WebentwicklungFunktionen in PHPFunktionen in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#WebentwicklungKontrollstrukturen 1: Verzweigung if/elseIF-ELSE in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#WebentwicklungEinbinden von Dateien mittels include() und require()Dateien in PHP einbinden mit include und require - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#WebentwicklungObjektorientiertes Programmieren mit PHPObjektorientiertes Programmieren (OOP) in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und Präsentationen#Programmierung#Objektorientierung10 SeitenExterne Klassenbibliotheken in PHP nutzenhttp://komunitasweb.com/2009/03/20-great-php-library-you-need-to-know/#Programmierung#ObjektorientierungGetter und SetterGetter und Setter beim Objektorientierten Programmieren (OOP) in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#ObjektorientierungKommunikation mit MethodenKommunikation mit Methoden in PHP (OOP) - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#ObjektorientierungKonstruktorKonstruktor in PHP (OOP) verwenden - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#ObjektorientierungMethoden eines Objekts verwendenMethoden eines Objekts in PHP verwenden (OOP) - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#ObjektorientierungModellierungZu diesem Thema gibt es noch keine Übungen#Programmierung#ObjektorientierungObjekte in PHP erzeugen, Attribute des Objekts ausgebenObjekte in PHP erzeugen und verwenden (OOP) - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#ObjektorientierungKlassen in PHP definierenKlassen definieren in PHP (OOP) - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#ObjektorientierungSpezialisierung von Klassen (Vererbung, Polymorphismus)Spezialisierung von Klassen in PHP (Vererbung, Polymorphismus) - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#ObjektorientierungStatische Methoden und EigenschaftenStatische Methoden und Eigenschaften beim objektorientierten Programmieren in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und Präsentationen#Programmierung#ObjektorientierungPHP: Diverse SchnippselDiverses zu PHP auf informatikzentrale.de#Programmierung#Webentwicklung2 SeitenPHP: Referenzen, Manuals ...Einige PHP-Referenzen und -Dokumentationen (Links) auf informatikzentrale.de#Programmierung#WebentwicklungVariablen in PHP: deklarieren, initialisierenVariablen deklarieren und initialisieren in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und Präsentationen#Programmierung#WebentwicklungKontrollstrukturen 2: Verzweigung switchSWITCH-Verzweigung in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#WebentwicklungRechnen mit PHP; runden, Zahlen formatierenRechnen in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#WebentwicklungKontrollstrukturen 3: Schleifen mit while/do...whileWHILE-DO-Schleife in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#WebentwicklungVerkettung von Variablen mit .Variablen in PHP verknüpfen - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#WebentwicklungSonderzeichen maskierenSonderzeichen maskieren in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolien#Programmierung#WebentwicklungVariablen/DatentypenVariablen und Datentypen in PHP - Unterrichtsmaterialien wie Übungen, Beispiele und PräsentationenFolienÜbungen#Programmierung#WebentwicklungVerbindung zur Datenbank mit PHP (PDO) herstellenVerbindung zur Datenbank unter PHP mit PDO herstellenFolienÜbungen#Programmierung#DatenbankenVideokurs 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