Gatsch's Weblog

HTML – Grundlagen (16.9.2008)

gatsch — Wed, 17 Sep 2008 19:41:02 +0000

Heute wurden uns die Grundlagen des HTML (Hyper Text Markup Language) nähergebracht.

HTML ist keine Programmiersprache, sondern eine Formatierungssprache.

Das Wichtigste im HTML sind Tags. Diese werden in < > geschrieben. Um ein Wort fett zu schreiben wird (zB) ein WORT gesetzt.

Wir haben eine Website im Notepad erstellt:

Jede Website besteht aus einem head und einem body und beginnt mit dem Tag „html“ (Zeile 1)

Im „head“ werden Dinge wie der Seitentitel beschrieben. (Zeile 2-4) (Zeile 3 beschreibt den Seitentitel mit dem Tag „title“

Im „body“ wird ein Text veröffentlicht. (5-8)

Der Tag „h1″ bedeutet einfach die größte Schriftgröße im HMTL, das „p“ bedeutet Paragraph.

In den Zeilen 4, 8 und 9 werden die geöffneten Tags beendet. Jeder Tag muss mit einem / beendet werden. Genauso wie der html-Tag muss auch der h1-, oder der p-Tag beendet werden.

Natürlich muss jede im Notepad erstellte Website richtig abgespeichert werden, um diese dann auch im Firfox (oder einem anderen Browser) anzeigen zu können.

Dazu wird einfach das Notepad-Kürzel von .txt auf .html umbenannt und mit einem Doppelklick kann die Seite im Standardbrowser geöffnet werden.

WordPress wird ebenfalls im HTML erstellt (hier zum Beispiel der HTML-Code dieses Beitrags):

Ebenen und Ebenenmasken in Photoshop – 03.05.2008

gatsch — Sat, 03 May 2008 17:39:54 +0000

Wir haben über die Ferien den Arbeitsauftrag bekommen, uns von der Seite http://photoshop-podcast.de die Tutorials 9 und 10 anzusehen. Diese handeln von Ebenen und Ebenenmasken.

Daraufhin habe ich gemeinsam mit Daniel Kopf und meiner Freundin 2 Bilder erstellt. (Daniel und ich haben je 1 Bild erstellt)

Und so sehen die Ergebnisse aus:

Bitte zu bedenken, wie lange es gedauert hat, die Nachbarskatze an die richtigen Positionen zu bringen gg

Leider sehen die Katzen unterschiedlich aus (wegen Licht usw..)

Hier noch die Directlinks zu den Fotos (Upload by www.imageshack.us)

Gerald + Lucia

Pauli

Und hier noch die Galerie von WordPress

Mitschrift am 27. März 2008 – Grundlagen Adobe Photoshop #3

gatsch — Thu, 27 Mar 2008 19:45:10 +0000

Heute haben wir mit neuen Tools gearbeitet.

Auf der linken Seite befinden sich: Abwedler-Werkzeug, Nachbelichter-Werkzeug und der Schwamm.

Bestimmte Bereiche können bearbeitet werden. Sie werden heller oder dunkler gemacht.

Weiters kann im Menüpunkt Bild – Anpassungen – Farbe ersetzen für eine bestimmte Auswahl im Bild eine Farbe durch eine andere ersetzt werden. (Habe es mit weiß probiert, funktioniert jedoch leider nicht wirklich…

In der Schule sind wir von folgendem Bild ausgegangen:

Das Ergebnis sah so aus:

——————————————–

Zu Hause habe ich ein paar weitere Bilder bearbeitet und bin zu folgenden Ergebnissen gekommen:

Beim ersten Bild sieht man eindeutig, dass es nicht möglich ist einen weißen Hintergrund auf eine andere Farbe als Schwarz zu ändern… aber unser Herr Professor hat dafür bestimmt eine bessere Lösung die er uns mitteilen wird

——————————————–

Arbeitsauftrag zur Mitschrift vom 13. März 2008

gatsch — Wed, 26 Mar 2008 18:17:23 +0000

Ich habe laut Beschreibung (siehe Mitschrift vom 13. März 2008) folgende 3 Bilder mit den folgenden Tools bearbeite:

Ausschneiden, Tonwertkorrektur, Gradationskurven, Farbbalance

———————————————————————-

TIMELEFT – Programm mit Visual Basic – ENDLICH FERTIG !!!

gatsch — Thu, 13 Mar 2008 16:18:38 +0000

Habe soeben mein TIMELEFT-Programm fertiggestellt.

Mit einem Klick auf den Button „CALCULATE“ gibt das Programm die Zeit bis zur nächsten Pause aus.

Viel Spaß beim Verwenden!

MFG. Gatsch

zum Download

Mitschrift am 13. März 2008 – Grundlagen Adobe Photoshop #2

gatsch — Thu, 13 Mar 2008 12:07:26 +0000

Beim Bearbeiten eines Fotos gibt es 5 grundlegende Schritte die überprüft und durchgeführt werden müssen:

1. Qualität

(Größe, Auflösung, DPI – Dot per Inch, …) Ein „normaler“ Computer hat eine Auflösung von 72 DPI, bei einem Drucker werden 300 DPI benötigt, da ein Drucker schärfer ist als die Darstellung am Computer.

2. Zuschneiden

Zuerst wird das Bild zugeschnitten um später Probleme zu vermeiden

Die Abkürzung für Pixel ist „px“, danach wir ein Rahmen aufgezogen und mit dem Häckchen rechts oben bestätigt.

3. Änderungen am Gesamtbild

Damit ist das Erhellen oder Verdunklen gemeint.

Bild – Anpassungen – Tonwertkorrektur

Bild – Anpassungen – Gradationskurven

Bild – Anpassungen – Farbbalance

4. Bildbereiche ändern

Fehler beheben, …

5. Bild speichern im richtigen Format

Datei – Speichern unter

Photoshop PDD

GIF für animierte Grafiken, bei transparenten Hintergrunden und bei weniger Farben, sowie bei Logos

Datei – für Web und Geräte speichern

Kleines Programm mit Visual Basic

gatsch — Wed, 12 Mar 2008 16:31:00 +0000

Habe mir soeben ein kleines „sinnloses“ Programm mit Visual Basic erstellt *gg*

Habe mir zuerst auf YouTube folgende Videos angeschaut, um die Grundlagen von VisualBasic besser kennen zu lernen. Habe danach das im Video erstellte Programm nachgestellt.

Das Programm hat folgenden Zweck: es gibt 2 Eingabefelder und 2 Buttons, in die Eingabefelder werden Zahlen eingegeben, die mit einem klick auf den Button „Multiplizieren“multipliziert werden. Beim Klick auf den Button „Reset“ werden die Eingabefelder und das Ausgabefeld geleert.

Zum Download

Mitschrift am 11. März 2008 – Grundlagen Adobe Photoshop

gatsch — Wed, 12 Mar 2008 15:16:40 +0000

Wir haben heute mit dem Programm Adobe Photoshop begonnen.

Man kann verschiedene Ebenen anlegen, die Ebenen können ausgeblendet, gelöscht oder verschoben werden. Ohne Ebenen wäre ein Verschieben nicht möglich da die Grundstruktur verloren gehen würde (die unteren Pixel werden übermalt)

Photoshop speichert die Dateien als PSD-Datei ab. Diese können weiterhin bearbeitet werden (Ebenen bleiben), wenn die Datei als JPEG-Datei abgespeichert werden, werden alle Ebenen vereint. PSD-Dateien sind ziemlich groß.

Rechts oben kann man im Navigator heranzoomen und wegzoomen, der Navigator bleibt gleich groß.

Fenster – Arbeitsbereich – Standardarbeitsbereich wiederherstellen (Alle Schaltflächen sind wieder offen und so wie am Anfang)

Weiters kann dort der bereits geänderte und angepasste Arbeitsbereich gespeichert werden.

Pixel- und Vektorgrafik

Der Unterschied zwischen einer Pixel- und einer Vetorgrafik kann ganz einfach anhand eines Beispiels gezeigt werden (Quelle Wikipedia)

Oben sind beide Grafiken gleich, doch wenn man weiter unten vergleicht sieht man auf den ersten Blick, dass es sich rechts um eine Pixelgrafik handelt, die (wenn sie vergrößert wird) unscharf und in Pixel (Umgangssprachlich: Pixelgewixel) angezeigt wird.

Vektorgrafiken hingegen bleiben scharf weil sie nicht aus Pixeln bestehen, sondern aus geometrischen Formen wie Kreisen, Linien, …

Filmprojekt: CSI-Steyr

gatsch — Thu, 24 Jan 2008 09:37:16 +0000

Wir haben in den letzten Stunden ein Fimprojekt vorbereitet: CSI-Steyr

Wir hatten dafür einen Aufwand von ca. 15 Stunden (Dreharbeiten, Schnitt und Vertonung)

Mein Teil der Arbeit lag hauptsächlich beim Dreh (Kamera) und danach habe ich noch beim Filmschnitt mitgeholfen.

Das Projekt war ein voller Erfolg, am 24.1 (Infoabend der HAK) wurde der Film alle halbe Stunde präsentiert und ich persönlich habe von den Lehrern ausschließlich gute Feedbacks bekommen.

Der fertige Film ist auch auf Youtube bzw. hier weiter unten zu sehen. Viel Vergnügen!

Stundenprotokoll 17.12.2007

gatsch — Mon, 17 Dec 2007 11:47:24 +0000

Heute hatten unsere Klassenkollegen Andreas, Thomas und Carmen ein Referat über Office 2.0

Das Referat wurde nach einer gewissen Zeit abgebrochen nachdem das Referat (anscheinend) so schlecht war, nur ich bin der Meinung, dass das Referat garnicht so schlecht war, nur wir sind einfach nichts anderes gewohnt.