Abschlussprojekt.  Wahl eines beliebigen Themas (z.b. Hobby)  eigenständige Ausarbeitung des gewählten Themas in Form einer Website Abschlussprojekt.

Slides:



Advertisements
Ähnliche Präsentationen
XHTML+CSS C3O 2003.
Advertisements

Einführung in HTML (Hypertext Markup Language)
WML – Wireless Markup Language Vortrag von Eduard Jakel.
HyperText Markup Language
Webseiten, die gefunden werden Dr. Eduard Heindl, Heindl Internet AG Tübingen.
Wenn man hot potatoes startet erhält man folgenden Bildschirm.
HTML Silla Plump, 2009.
HTML - Einführung Richard Göbel.
Cascading Style Sheets
Benutzen von Internetseiten
Cascading Style Sheets
FH-Hof HTML - Einführung Richard Göbel. FH-Hof Komponenten des World Wide Webs WWW Browser HyperText Transfer Protocol (HTTP) via Internet WWW Server.
PowerPoint Einführung + Formatvorlage
Anlegen von Ordnern, speichern und Öffnen von Bildern und Briefen
Webseitengestaltung.
HTML (I) am Cern in Genf von Sir Tim Berners-Lee entwickelt
PDF-Datei erstellen Wir wollen nicht auf Papier drucken, sondern in eine PDF-Datei. (Portable Document Format) Wir öffnen das heruntergeladene Dokument.
Richtlinien und Tipps bei der Erstellung
Online-Systematiken im Netz
JavaScript.
Cedric Heid, Lukas Burkhardt
DimaDesigns.
Wird ganz am Anfang der HTML-Datei geschrieben Doctype html public bedeutet, dass man sich auf die Öffentlichkeit der html-dtd bezieht Html ist die meist.
Tutorium zur LV Online Research Ein Computerprogramm tut, was Du schreibst, nicht was Du willst.
Web-Publishing: HTML im Rahmen des PS aus Elektronischer Datenverarbeitung (Rechnerpraktikum)
Daniel Kucher Proseminar XHTML. 1. HTML – Struktur und Versionen 2. Der – Teil 3. Der – Teil 4. Stylesheets (CSS) – Das Rückrat von XHTML.
Aufbau der Stylesheet-Angabe Eigenschaft Eigenschaft das was man formatieren möchte Wert Wert Farbangaben, Einheiten oder Schlüsselworte Deklaration Kombination.
Hilfe Dokumente.
CMS-Kolloquium am 10. Januar 2006
Titel, Untertitel, Fußzeile
HTML HyperText Markup Language Die Programmiersprache des WWW
HTML 4.0 Einführung Prof. Peter Altmann. HTML Basics Tags treten normalerweise paarweise auf Tags können Parameter haben......
Einführung Prof. Peter Altmann
Homepage Gestaltung Hunger und Konsum.
Barrierefreies Webdesign Überarbeitung der Homepage
TYPO3 free Open Source content management system Einführung Verlinkungen.
Auf ins Web!. Das World Wide Web 1990 in Genf am Hochenergieforschungszentrum CERN Ziele: neuer wissenschaftlicher Informationsaustausch über das Internet.
Materialien zur Fortbildungsreihe C für die Informatik in SII
ÜBERSCHRIFTEN <H1> Überschrift 1 </H1>
HTML Grundkurs Patrick Cato.
HTML, CSS und JavaScript
CSS Cascading Style Sheets
Grete Kugler Webdesign - Teil 1 Internet und WWW Aufbau von HTML-Seiten Formatierungen und Links.
Cascading Style Sheets
Cascading Stylesheets Staffelbare Formatvorlagen sind eine direkte Erweiterung von HTML und gestatten eine exaktere Gestaltung einer Webseite. Seit 1998.
Tutorium zur LV Forschungspraktikum II (Higher Education) Ein Computerprogramm tut, was Du schreibst, nicht was Du willst.
HTML Hypertext Markup Language
28. Oktober 2009Autor: Walter Leuenberger Computeria Urdorf Treff vom 28. Oktober 2009 Arbeiten mit Vorlagen (in Word, Excel, usw.)
(X)HTML und Tags. HTML - XHTML HTML wird seit 1999 nicht mehr weiterentwickelt. XHTML basiert auf XML und befolgt XML Syntaxregeln. Im weiteren Kursverlauf.
Alles was man wissen muss! By Benjamin Zehetner. Der Aufbau Der Standart Aufbau ist: (Hier muss alles drinnen sein) (Hier befinden sich wichtige Informationen.
BRÜCKENSEMESTER Kursthema: Frontend-Entwicklung für Webapplikationen M.Sc. Anna Prenzel, Sebastian Otto.
DREAMWEAVER MODUL DRWMX_0203 WEBDESIGN MODUL DRW_02 h.huetter 1 Dreamweaver MX - Tabellen Teil 3 Den Schriftstil ändern Um die CSS-Formatierungen auch.
© Manz Verlag Schulbuch Folie 1/5 Layout mit CSSAngewandte Informatik HMTL und CSS Lerneinheit 2 Grandhotel Die Lobby HTML für Struktur HTML und CSS Einbinden.
TUDWCMS Wie kann der Autor eines Dokumentes geändert werden ?
Das Internet Ein Netzwerk, das viele Rechner miteinander verbindet
Pool Informatik 5 GZG FN Sj. 11/12
HTML und CSS.
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.
Hypertext Markup Language
WILLKOMMEN ZUM SOMMERKURS Kursthema: Frontend-Entwicklung für Webapplikationen M.Sc. Anna Prenzel, Sebastian Otto.
Hyperlink im Word Kurze Erklärung Beispiele Dateiverlinkung
WeiterZurück Projekt – Website der Schule by Björn Berg, Andreas Tögel und Dennis Walden.
Briefgestaltung Gliedern - Hervorheben Titel und Beschreibung Beträge Stichwortangaben Aufzählungen Horizontale Darstellung Titel bilden Denken Sie auch.
Förderverein Bürgernetz München Land e.V. Seite 1 von 16 Textverarbeitung-2016_06 © 2016–Günther Scheckeler Tel.: Inhalt 1 Bestandteile eines.
Was ist ein HTML-Dokument? - Ein WWW-Dokument, das mit anderen Dokumenten verknüpft ist. - Es kann beinhalten: Text, Bilder, Geräusche, Videos, Animationen,
 Impress Methodentage Methodentage 2016.
Wenn man hot potatoes startet erhält man folgenden Bildschirm.
Ein Winkellayout mit float
Anpassen Ihrer Microsoft SharePoint Onlinewebsite
 Präsentation transkript:

Abschlussprojekt

 Wahl eines beliebigen Themas (z.b. Hobby)  eigenständige Ausarbeitung des gewählten Themas in Form einer Website Abschlussprojekt 2

 Muss mindestens aus 4 Webseiten bestehen  Verlinkung der Webseiten untereinander durch Navigationsmenü  Verwendung möglichst vieler im Unterricht besprochener HTML- und CSS-Codes  Folgende Elemente müssen vorhanden sein:  Unterteilung der HTML-Seite durch divs (id = „navigation“, id=„Textbereich“ usw.)  Bild  Tabelle  Liste Abschlussprojekt 3

 Hyperlink(s) zu anderen Webseite im Internet  kursiver und fetter Text  Überschrift(en)  Farbliche Gestaltung des Hintergrunds bzw. der verschiedenen div-Boxen in CSS.  Anpassung der div-Boxen durch padding (Innenabstand) und margin (Außenabstand)  Klasse(n)  Korrektheit des HTML-Codes  Einhaltung der im Unterricht besprochenen Stilregeln Abschlussprojekt 4

 Bonuspunkte:  Eigenes Logo für Webseite  Einbau von im Unterricht nicht besprochenen Tags oder CSS-Properties (zu finden auf de.selfhtml.org) Schuljahr 2009/10Abschlussprojekt 5

 „HTML-Grunddokument“ erstellen (de.selfhtml.org)  HTML-Gerüst (nur 1x pro Webseite) ▪ inkl. Doctype-Statement Abschlussprojekt 6

 richtige Dateinamen vergeben  Startwebseite: „index.html“  Kleinschreibung  keine Umlaute  sprechende Namen verwenden  Vermeidung von fehlerhaftem HTML-Code  Beginn-Tag + End-Tag  Achten auf richtige Verschachtelung (Reihenfolge) von Tags  Einrücken der Tags (1x Tabulator-Taste) Abschlussprojekt 7

 Funktionalität der Webseiten prüfen  korrekte Verwendung von Verweisen (auf Bilder, …) und Links  HTML-Dokumente + Bilder als Zip-Datei abgeben  Kommentare in HTML:   Kommentare in CSS:  /* blabla */  Hilfestellungen/Informationen  Abschlussprojekt 8

 Einhaltung der Vorgaben bezüglich der Website  Layout der Webseiten  Originalität, farbliche Gestaltung, Aufbau der Seiten, Übersichtlichkeit, …  Korrektheit des HTML- und CSS-Codes  Einhaltung der im Unterricht besprochenen Stilregeln  CSS: siehe Übersichtsbild (CSS.png) Abschlussprojekt 9

 bis Schuljahr 2009/10Abschlussprojekt 10