Advanced Web Basics

<!DOCTYPE html> <html> <head> <title>Museen in Köln und Umgebung</title> <meta charset=“utf-8″> <link rel=“stylesheet“ href=“http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css“ /> <style> html, body { padding: 0; margin: 0; width: 100%; height: 100%; } #map { width: 100%; height: 100%; } </style> </head> <body> <div id=“map“></div> <script src=“http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js“></script> <script> // Variable / Array zur Speicherung aller Museumsinfos var geodaten = [];…

Read More Beispiellösung zur Kartendarstellung mit Leaflet, PHP, MySQL, JavaScript und Leaflet

<!DOCTYPE html> <html> <head> <title> Lieblingsfilme </title> <meta charset=“utf-8″> <link rel=“stylesheet“ href=“css/style.css“ type=“text/css“> </head> <body> <div id=“wrapper“> <?php // Verbindung zum Datenbankserver // herstellen –> localhost // 127.0.0.1 $datenbankVerbindung = mysql_connect(„localhost“, „at2“, „itzertitzertat2“) or die(„Keine Verbindung möglich!“); mysql_set_charset(‚utf8‘, $datenbankVerbindung); // Verbindung zur Datenbank herstellen mysql_select_db(„at2“, $datenbankVerbindung) or die(„Datenbank existiert nicht!“); // Alle Inhalte aus unserer…

Read More Erste Lösung zur Filmdatenbank

<!DOCTYPE html> <html> <meta charset=“utf-8″> <title>Erste Schritte mit PHP</title> <style> body { font-family: helvetica, sans-serif; } #bowie { width: 500px; margin-left: auto; margin-right: auto; font-size: 35px; } #bowie img { float: left; width: 200px; margin-right: 25px; } </style> <body> <div id=“bowie“> <?php // Den Server dazu veranlassen, etwas in // das HTML-Dokument zu schreiben, etc.…

Read More Lösungen zu „Erste Schritte mit PHP“

Erstellen Sie in Ihrem eine weitere Website auf Grundlage Ihres Meilenstein-Layouts, auf der Sie die folgenden Aufgaben bearbeiten: Aufgabe 1 – Theorie um JavaScript Bitte beantworten Sie die folgenden Fragen auf Ihrer Website: 1. Wer interpretiert Ihre JavaScript-Skripten? Das Betriebssystem des Client-Rechners oder Der Web-Server oder Der Web-Browser oder alle Drei 2. Wie lassen sich…

Read More Meilenstein II – JavaScript und jQuery

Für einen basalen Adventskalender braucht’s ein wenig Markup, ein paar Stildefinitionen – und ein paar Zeilen Code: index.htm <!DOCTYPE html> <html lang=“de“> <head> <meta charset=“UTF-8″> <title>Weihnachtskalender</title> <link rel=“stylesheet“ href=“css/style.css“ type=“text/css“> </head> <body> <div id=“kalender“></div> <script src=“js/jquery.min.js“></script> <script src=“js/app.js“></script> </body> </html> style.css #kalender { width: 1400px; margin-left: auto; margin-right: auto; margin-top: 50px; text-align: center; } body…

Read More Ein Adventskalender mit HTML, CSS, JavaScript und jQuery

Die vollständige Funktionalität unseres Ratespieles wird durch den folgenden JavaScript-Code implementiert: // Eine eigene Funktion // Intention: Eine Zahl mit 5 multiplizieren /* funktionsname(parameter, argumente) { // Funktionsrumpf –> Was soll die Funktion leisten? } */ function multipliziere(eingabeWert) { // Eine Variable deklarieren var multiplikator; // Variable initialisieren multiplikator = 5; var ergebnis = 0;…

Read More Vervollständigung des Zahlenratespiels

Das vorbereitete Zahlenratespiel findet sich im folgenden Zip-Archiv: 2015-11-30_awb_ratespiel. app.js /* Funktionalität unserer Webanwendung */ // Objekt: document // Funktion: write // document.write(„Hallo Welt!“); // Funktionen: Funktionsname(Argument/e|Parameter); // alert(„Ich bin ein wunderschönes Popup!“); // Wähle mit der JavaScript-Bibliothek jQuery // das document-Objekt aus und stelle sicher, // dass unsere Seite vollständig geladen wurde. $(document).ready(function() {…

Read More Stand der Dinge am Ende der Sitzung: Vorbereitung des Ratespiels