http://schueler.gympurkersdorf.ac.at/tloh/divtest/index.html

mfg

ich

Zu erst einmal möchte ich erklären warum die Band sich den Namen die Ärzte gab. Der simple Grund ist, dass der Schlagzeuger Bela B. in Berlin in seinem Lieblingsplattenladen nie eine Platte unter dem Buchstaben „Ä“ eingeordnet sah. Daher der eher ungewöhnliche Name. Das prinzipielle Logo is ein ä in der Schriftart Arial Black. Allerdings wurden soviele Punkte, über das ä gesetzt, wie viele Mitglieder die Band hat, nämlich 3.  Das Grundlogo ist simpel und sehr einprägsam, aber trotzdem mit dem nötigen Schuss Hintergrund. MIttlerweile gibt es verschiedenste Variationen. Das aktuelle Logo wurde für die „Es wird Eng“ -Tour 2007 entworfen und stellt einen Totenkopf mit berühmten „ä“ statt dem Kopfes:

Wir sollten verschiedene Begriffe herausfinden und eine Präsentation über PGP + Erklärung der Begriffe machen.

Begriffe:

Kryptologie:

Besteht aus Krypographie und Kryptoanalyse. Wird oft mit Kryptographie gleichgesetzt. Beschäftigt sich allgeimein mit dem Ver- bzw. Entschlüsseln von Daten.

Kryptographie:

Beschäftigt sich mit dem Verschlüsseln von Daten. Wird oft mir Kryptologie verwechselt.

Kryptoanalyse:

Wissenschaft zum Entschlüsseln von chiffriertem Text hauptsächlich ohne Schlüssel. Teilgebiet der Kryptologie.

Verschlüsselung (Chiffrirung):

=Umwandlung von Klartext in Geheimtext.

Entschlüsselung (Dechiffrirung) :

= Umwandlung von Geheimtext in Klartext.

Klartext:

Unverschlüsselter Text

Geheimtext:

Verschlüsselter Text

Hash-Algorithmus:

Dient zum überprüfen ob große Datenmengen wirklich korrekt sind. Dabei wird ein key berrechnet, der kürzer ist als die schoenling128 sagte:
des is wirklich ziemlich kompliziert zum Erklären eigentlichen Daten und somit schneller verglichen werden kann. Wird oft zur Überprüfung größerer Downloads eingesetzt. (SFV Files)

PGP:

Ist ein Programm von Phill Zimmermann zum Verschlüsseln von Daten. PGP steht dabei für „Pretty Good Privacy“ was zu Deutsch in etwa „Ziemlich gute Privatsphäre“ bedeutet und sehr viel Ironie enthält. Denn zu damaligen Zeiten war dieses Programm das beste Verschlüsselungsprogramm, da es mit 128 Bit verschlüsselte. Dies führte allerdings auch dazu, dass Phil Zimmermann mehrere Anzeigen bekam, da er das Programm im Internet veröffentlichte (also praktisch aus den USA exportierte) und laut Gesetz maximal 40-Bit das Land verlassen durfte. Um das Programm trptzdem auch außerhalb der USA verbreiten zu können, veröffentlichte er den gesamten Quellcode in dem Buch „PGP Source Code and Internals“ und exportierte dies in andere Länder, wo sich Menschen mit zu viel Freizeit die Arbeit machten und den gesamten Quellcode abtippten und veröffentlichten. Nach 3 Jahren wurde die Klage gegen Phill Zimmermann fallen gelassen und das Programm wurde von der Firma NAI (u.a. McAfee) gekauft. Mittlerweile hat er die Rechte wieder zurückerlangt und vermarktet das Produkt erfolgreich.

http://schueler.gympurkersdorf.ac.at/tloh/herbst/bilder_herbst/css.html

Anmerkungen:

• Das Dokument hat keine Fehler…habs checken lassen…jedoch habe ich folgendes Problem:
  • Das Attribut height für das tag table existiert laut dem validator nicht…Der Browser zeigt es aber passend an…jetzt meine Frage:
  • • Gibt es eine Möglichkeit die Höhe einer Tabelle auf 100% zu setzen und trotzdem valides html zu schreibn…habs nach langem rumprobieren immer noch nicht geschafft…

Hoffe auf Antwort asap…mfg

Ich (baldiger Frühpensionist)

http://schueler.gympurkersdorf.ac.at/tloh/kalender/adventskalender.html 

Dann kamen wir zu unserer eigentlichen Informatikstunde und widmeten uns den verschieden Html-Varianten.Im wesentlichen gibt es 3 davon, die ich nun weiter erklären werde:

1) Strict:

 Diese DTD umfasst den Kernbestand an Elementen und Attributen. Es fehlen die meisten Elemente und Attribute zur Beeinflussung der Präsentation, unter anderem die Elemente font, center und u sowie Attribute wie bgcolor, align und target. Deren Rolle sollen in Strict-Dokumenten Stylesheets übernehmen. Text und nicht-blockbildende Elemente innerhalb der Elemente body, form, blockquote und noscript müssen sich grundsätzlich innerhalb eines Container-Elements befinden, zum Beispiel in einem p-Element.

aus wikipedia

2) Transitional:

Die Transitional-Variante enthält noch ältere Elemente und Attribute, die auch physische Textauszeichnung ermöglichen. Durch diese DTD soll auch Webautoren, die noch nicht logische Strukturierung und Präsentation voneinander trennen, die Möglichkeit gegeben werden, standardkonformes HTML zu schreiben. Gleichzeitig soll sie sicherstellen, dass bestehende Webseiten weiterhin durch aktuelle Webbrowser angezeigt werden können.

aus wikipedia 

3) Frameset:

Diese Variante enthält zusätzlich zu allen Elementen der Transitional-Variante noch die Elemente für die Erzeugung von Framesets.  Ein Frame ist ein verschiebbarer Teilbereich einer HTML-Seite, in dem eine andere HTML-Seite dargestellt werden kann. Das einzelne Segment wird dabei als Frame (engl. Rahmen) bezeichnet, die Definition aller Frames als Frameset.

aus wikipedia

dannach widmeten wir uns der programmirung von Tabellen in Html. Ich hatte die große Ehre, ein Duell mit unserer Proffesorin  auszutragen, wer schneller eine Tabellenach Vorgaben schreiben konnte. Sie hat beschämenderweise gewonnen (aber natürlich nur weil sie heimlich geübt hatte). Der grundlegende Aufbau einer tabelle sieht folgendermaßen aus:

<table> <— Tabelle wird eröffnet

<tr>      <—Neue Reihe

<td></td>   <—-Neue Spalte

</tr>     <—- Ende Reihe

</table>    <— Tabelle wird geschlossen

Wir sollten unser gesamtes Wissen einsetzten um folgende Tabelle zu erstellen:

http://www.toms-container.net/tabellle.html

um mehr über Tabellen zu erfahren geht auf:

http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=tabllen

Um überhaupt Html schreiben zu können benötigt man einen Editor.  Den findet man bei Windows Xp unter Zubehör–>Editor.

Nun können wir schon beginnen zu prgrammieren. Jedes HTML-Dokument hat das selbe Grundegerüst.

Da wäre zuerst das <html> tag. Dies sagt dem Browser das es überhaupt eine html seite ist und nicht eine php oder auch ein Javascript. Jedes Tag muss auch beendet werden. Dies geschieht immer mit einem Schrägstirch am Anfang des tags. also beim Html tag würde es so ausehen: </html>.

Bisher sieht die gesamte Seite also so aus:

<html>

</html>

Im Browser würde das dann so ausehen:

Nur HTML

Als Nächstes kommt im Grundgerüst das head tag. Wie immer beginnt es mit <head>  und endet mit  </head>. Das head Attribut ist hauptsächlich für den Browser relevant. Denn bis auf den Titel sieht der Benutzer nichts von ihm. In den head kann zum Beispiel folgende attributte reinkommen:

•  <title> Hier steht der Titel </title>
• meta informationen
  • z.B.:< meta  name=“keywords“ content=“Schule,Stundenprotokoll, Purkersdorf“/> Dies beschreibt die Stichwörter für die Suchmaschine. Hier kommen die Wörter rein die die Website am Besten beschreibt.
  • <meta name=“description“ content=“Dies ist eine Seite zu Testzwecken.“/> Dieser Tag ist die Beschreibung der Website. Also die BEschreibung die bei Google steht falls diese Seite angezeigt wird.
• Im head Bereich können auch scripte, wie PHP, Javascript oder auch CSS (Cascading Stylesheets) eingebaut werden. Aber dazu werde ich warscheinlich später nochmal genauer berichten müssen.

Nachdem der head Berreich nun abgeschlossen ist sieht der Code unserer Website  nun so aus:

<html>

<head>

<title> Hier steht der Titel </title>

<meta  name=“keywords“ content=“Schule,Stundenprotokoll, Purkersdorf“/>

<meta name=“description“ content=“Dies ist eine Seite zu Testzwecken.“/>

</head>

</html>

Die Site sieht nun folgendermaßen aus ( Es hat sich nur der Titel verändert, da ja der head berreich nur für den Browser steht):

HTML_HEAD

Als nächstes folgt das body tag. Das ist das was im Browser angezeigt wird. Also dass was am Ende sichtbar ist.

Im body können wieder verschiedenste Befehle angewnadt werden. Das heißt so ziemlich alle. Ein kleines Beispiel:

• <h1>Dieser Text steht in der Größe der Übeerschirft 1</h1>
• <h2> Nun in etwas kleiner. Dieser Prozess kann fortgestzt werden bis zu h6 </h2>
• <b>Dieser Text

Kommt noch mehr

Diese Stunde haben wir uns mit Audacity beschäftigt. Das ist ein Programm zum Bearbeiten und erstellen von Audiodateien. Man kann eine fertige Audiodatei nehmen oder selbst etwas mit einem Mikrofon aufnehmen und dann mit Effekten, wie Echo, schnellere Geschwindigkeit oder anderen kreativen Eingriffen belegen.  Wir bekamen für die Stunde den Auftrag einen Podcast zu erstellen und in eine moodle Datenbank  stellen. Ich habe in dieser Stunde nicht nur einen sondern audiodateien erstellt. Beide kann man sich hier anhören:

1. Datei 

2. Datei 

Nach dem Start von Audacity sieht man die Benutzeroberfläche. Um die einzelnen Funktionen genauer zu erklären habe ich bei anderen blogs gespitzelt und einfach mal beinhart geklaut. Hier das geklaute Bild:

Ab dann kann man starten…

Auf den roten Knopf (Record) drücken und ein paar mehr oder weniger geistreiche Sätze ins Mikrofon sprechen. Um den Podcast ein bisschen kreativer zu gestallten kann man über „Projekt–>Audio importieren“ eine Musikdatei einfügen und einbinden. Dannach besteht die Möglichkeit auch noch Effekte hinzuzufügen um so noch kreativer zu wirken.

Um die Sounddatei dann zu erstellen muss man unter „Datei–>exportieren“ Namen, Titel,Genre, Album etc. eingeben und auf exportieren klicken. Zum Schluss mussten wir noch die Datei in eine moodledatenbank hochladen.

Als lezter nekamen wir noch die Aufgabe zuhause selbst einen Podcast zu erstellen und wiederum online zu stellen. Hier ist mein mitllerweile 3. Podcast, heute zum Thema „Rückwärtsdprechen“:

Podcast #3 

Das wars für diese Stunde.Audacity download

Lame.enc —> wird für den mp3 export benötigt

Mit freundlichen Grüßen

Ich

17.09.07

 Wir haben diesen tollen Blog angelegt und ihn mit einem Design, Kategorien, Titel, erstem Beitrag und eben diesem Stundenprotokoll versehen. Das ganze geschieht über wordpress.com, wo wir einen kostenlosen Blog über den Button Submit angelegt haben.

• Nickname, Passwort und Domain eingeben und tatah….Blog wurde erstellt.
• Daraufhin sind wir ins admin menu gegangen um eben diverse Einstellungen, wie bereits eingangs erwähnt, zu erledigen.
• Der erste Beitrag „Hello World“ wurde gelöscht/editiert und daraus ein toller erster Beitrag gemacht.
• Achja: Die Domains der Blogs sind meistens mit Benutzernamen.wordpress.com angegeben.
• Mein Blog z.B. über http:\\schoenling128.wordpress.com\erreicht werden.
• Zum Schluss haben wir mit der Fromatierung gearbeitet…

Das wars eigentlich auch für diese Stunde…

Mit freundlichen Grüßen

   Ich

 Mit ehrenwerten Grüßen

Ich (baldiger Millionär)

p.s.: Wer meine bisherigen Erfolge als Webmaster beobachten will: www.toms-container.net/neu/ ( Nur Firefox…IE wird gesperrt)