HTML, CSS und JavaScript

Slides:



Advertisements
Ähnliche Präsentationen
Be.as WEB Technologie
Advertisements

Internetpräsentation aus PowerPoint erstellen Tipp der Woche 31/2000
Prof. Dr. W. Conen 15. November 2004
Musterlösung IT-Struktur an Schulen © M. Stütz, F. Wrede LEU - Zentrale Planungsgruppe Netze am Kultusministerium Baden-Württemberg zwei Pflege der Internetdienste.
Hani Sahyoun, Rechenzentrum Universität Hohenheim
Markus Tank, Wie arbeitet man mit dem Rich Text Editor?
Zurück zur ersten Seite n Style Sheets sind im Prinzip Formatvorlagen für HTML-Dokumente n Über Style Sheets lassen sich zentrale Layout-Vorgaben für eine.
Virtuelle Forschungsumgebungen Hintergrundbeitrag: HTML5: Video Player und VideoJS Universität zu Köln Historisch-Kulturwissenschaftliche Informationsverarbeitung.
TempaVoila Referent: Johannes Lenz. TemplaVoila Ist eine templating enginge Dient dazu eigene Templates (hauptsächlcih Designs) zu erstellen Wurde entwickelt.
Benutzen von Internetseiten
Modularization of XHTML™
Cascading Style Sheets
Endlich – wir machen eine Hier zeigen wir euch, wie das geht.
ExKurs FormatÜ 1/7 Dr. Barbara Hoffmann LiteraturKompetenz Absatzformatierung: Überschriften Wenn Sie Ihre Arbeit beginnen, tun Sie das sinnvoller.
Eine Homepage für die Fachberatung Thomas Scholz.
JavaScript - Einführung
Marcus Haller & René Schulze
Cascading Style Sheets CSS
EXCEL Anfang 2005 Copyright by Maximilian Prinz, Timmy Ruppert, Benjamin Peppel.
Outlook_03 - Freigabe von Postfächern für Kollegen
Klicken Sie in der Meldungsleiste auf Bearbeitung aktivieren,
Weiter mit Pfeil runter
Abi Award 2014 – Die Bewerbung
Vorstellung.
Abiball - Contest 2013 – Die Bewerbung
Webseitengestaltung.
EIDAMO ® Frontend Das neue Frontend gibt Ihnen 100% Flexibilität, und weil es auf verschiedene Framework Biblieotheken basiert, können Sie praktisch.
JavaScript.
Textdateien. Definition Die Textdateien sind eine Sammlung von homogene Daten(vom selben Typ), die auf einer externen Gerät gespeichert sind und durch.
Befehle der ersten html-Stunde
Was macht eigentlich dieses ExsoForm? Ein Beispiel für eine Dokumentendefinition in Screenshots.
Typo3 Templates und TypoScript
Wie fertige ich passende Screenshots = Bildschirmfotos an? Eine Anleitung in 5 Folien Bitte Klicken Sie sich durch! © E. Linden 2007 Sinn des Verfahrens:
Tutorium zur LV Online Research Ein Computerprogramm tut, was Du schreibst, nicht was Du willst.
Daniel Kucher Proseminar XHTML. 1. HTML – Struktur und Versionen 2. Der – Teil 3. Der – Teil 4. Stylesheets (CSS) – Das Rückrat von XHTML.
Wie weit ist es bis zum Mond?
So eine Möglichkeit kenne ich nicht.
Von Oliver Richard. Video aussuchen Video Tag Video Pfad angeben Höhe, Breite angeben Optional Buttons für play und pause, definiert mit einer ID.
HTML und CSS Erstellung einer APP. HTML: head Sharky.
Datei hochladen Um Mit der Dateiverwaltung zu beginnen klicken Sie zunächst auf den Wiki verwalten Button. Dann klicken Sie auf Dateien.
Dateiverwaltung Um Mit der Dateiverwaltung zu beginnen klicken Sie zunächst auf den Wiki verwalten Button. Dann klicken Sie auf Dateien.
Kursarbeit Informatik
Vortrag: Frames & Javascript.
ÜBERSCHRIFTEN <H1> Überschrift 1 </H1>
Hypertext Markup Language
Hier eine mögliche Antwort:
Formulare in HTML.
Wie funktionieren Internetseiten? Html und Co – Teil 2 Heimo Reiter.
CSS Cascading Style Sheets
Anna Steinke‌ WG13 ‌‌‌ Köln, Wie sichere ich meine Daten? Wie mache ich meinen PC sicher?
Tutorium zur LV Forschungspraktikum II (Higher Education) Ein Computerprogramm tut, was Du schreibst, nicht was Du willst.
HEX-code für die Farbe weiß: #FFFFFF Änderung von Inhalt & Darstellung Inhalt & Darstellung HTML Javascript CSS.
BRÜCKENSEMESTER Kursthema: Frontend-Entwicklung für Webapplikationen M.Sc. Anna Prenzel, Sebastian Otto.
Mittagstisch App Android Version Anlehnung an iOS version Entwickelt mit Git Versioning-System Keine Favoriten Keine Bewertungen Keine Abstands- berechnung.
JQuery Maya Kindler 5c. Entwickler/ Autor John Resig hat jQuery entwickelt. jQuery ist eine Javascript Bibliothek die das programmieren in Javascript.
Abschlussprojekt.  Wahl eines beliebigen Themas (z.b. Hobby)  eigenständige Ausarbeitung des gewählten Themas in Form einer Website Abschlussprojekt.
Typo 3 Templates und TypoScript Dedizierte Systeme Vom Contentmanagementsystem zur Digitalen Bibliothek. Was leisten digitale Repositories? Seminarleitung:
Videotagging Für VRE- Games. gewünschte Funktionen - Unterteilung in verschiedene Sequenzen - Auszeichnung der Videos mit Informationen auf verschiedenen.
UNSERER HOMEPAGE Anleitung zur Registrierung europa.eu Stand
MAYA K. Canvas-Projekt. In HTML- body: Canvas tag öffnen seamntsiches HTML) Canvas bekommt eine id (1mal verwenden, mit # angesprochen) Höhe und breite.
CSS,Javascript Maya.
Maya K.. CSS  Greift auf den button zu und macht den Außenabstand auf 15px und den Innenabstand auf 15px.  Die Hintergrund Farbe soll sein: #eeeeee.

WeiterZurück Projekt – Website der Schule by Björn Berg, Andreas Tögel und Dennis Walden.
Titeldetailseite Mit dieser Anleitung werden Ihre Titel zu einem echten.
Thema, Bereich, Autor, Version, Datum1 Thema oder Anlass Titel der Präsentation Anlass, Ort und Datum.
CONTAO Wesentliches in Kürze zum Einfügen, Bearbeiten und Löschen von Inhalten.
Recherche in der Datenbank Statista
Anmeldung LionsBase App
 Präsentation transkript:

HTML, CSS und JavaScript Mit Screenshots von meiner HTML-Datei (Inhalt ist mit der Vorgabe gleich)

„Abschnitt“, der mit mehreren Artikeln gefüllt werden kann Überschrift Inhalt: Text Design bzw. Ordnung

Differenzierung des Buttons: Man muss, wenn man mehrere Buttons hat, diesen auch andere IDs geben! Name des Buttons So wird ein Button erstellt!

Die Section muss auch beendet werden! Es müssen 2 JavaScript-Dateien mit der HTML-Datei verbunden werden, damit die Buttons auch etwas „machen“.

Teil 2 app.js Hier wird die Funktion definiert Die Art der Funktion: Hier draufklicken Hier wird der gewünschte Button ausgewählt Der Inhalt vor Wechsel mit dem Bild Bild-Definition

Erklärung Die app.js Datei ist sehr wichtig, denn ohne diese würden die Button nicht funktionieren! In dieser Datei wird definiert was der Button machen soll und wie er reagiert. Die Button ID wird so eingegben: „ticket“ #ticket (wichtig wenn mehrere Button vorhanden sind!

Tipps Alles in Kleinschreibung und keine Umlaute! Immer auf Klammersetzung achten! Auf Datei-Endungen achten! z.B: jpg, jpeg usw. Auf / achten, da sonst die HTML-Datei nicht zugreifen kann.