<img src=”datei” width”200″ height=”300″ alt=”das Foto”>
speichert nur Text
Verfahren:
in der Tabelle wird eine Spalte für den Dateinamen angelegt
Dateien erhalten als Dateinamen die angelegte ID
beim Upload kann die Datei einen neuen Namen erhalten
Schritte
Layout im DW designen + Bild einfügen
PHP Anweisung daraus machen - ech()
Dummywerte durch PHP Variable ersetzen
echo(’…<img src=”bilder/’.$einbuch[buchBild].’”>…’);
Hinweis: Breite, Höhe, Alternativtext kann auch in DB gespeichert [...]
die komplette Seite wird erst statisch erzeugt
Aufbau und Layout
Formatierung
CSS Stilregeln definieren
CSS Datei zuweisen
Stilregeln anwenden
Bilder einfügenEmpfehlung: spätere dynamische Inhalte kennzeichnen (DummyBild, Kommentarzeilen)
HTML Kommentare: <!– Hinweistext –>
PHP Kommentare: /* Hinweistext */
dynamische Inhalte durch PHP ersetzen
Beispiel:
<td><?php echo($variable); ?></td>
<?php echo(’<td>’.$variable.‘</td>; ?>
<?php echo(‘<td bgcolor=”‘.$farbe.‘“>Inhalt</td>‘);
Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.
gesamtes Bild (Bsp. Banner oder Logo zur Startseite)
Bild auswählen, dann wie beim Text verlinken
Standardverlinkung = Blauer Rahmen (lila/rot) abhilfe schafft Border auf 0 setzen
Tipp: Bild immer auf das ein HTML Dokument linken, nicht direkt auf das Bild, da keine weitere Navigation erscheint und keine Formatierungen oder Beschreibungen exisiteren
Bestandteile / Bereiche eines Bildes verlinken
Hotspot ( eigener [...]
Minimale Bildbearbeitung mit Einfluss auf Original
Scharfstellen
Helligkeit+Kontrast
Neu Auflösen / Größenänderung
Beschnitt
Die obengenannten Bildbearbeitungen erfolgen direkt im Dreamweaver mit Verlust der Originaldatei durch Überschreibung.
Komprimierung ( Bild wird im externen Programm neu komprimiert)
Grafikbearbeitungsprogramm selbst ( Grafik wird zur Bearbeitung in einem externen Programm geladen)
Diese Methoden haben unter Umständen kein Qualitätsverlust. da in externen Programmen die Datei unter neuen Namen [...]
Grafik Quellen unterschiedlich:
CD/DVD
Internet
Kamera/Festplatte/Stick
Im Bedienfeld Dateien in Dreamweaver
Ordnung herstellen
Ordner anlegen
Dateien verschieben
für Organisation der Bilder in Dreamweaver
für die Site wird ein Standardbilderordner zugewiesen
Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.
Bilder und Grafiken vorbereiten
Größe: width/height - die spätere Anzeigegröße lässt Größenanpassung zu, aber Qualitätsverlust
gesamte Bild wird übertragen (Ladezeit/Traffic)
Thumbnail / großes Foto / Druckversion
Farbraum RGB - (für Web speichern)
Auflösung 72dpi / 96dpi
Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.
Um Grafiken korrekt anzeigen zu lassen sind bestimmte Voraussetzungen zu erfüllen.
Bilder werden grundsätzlich nur “verknüpft”
der Weg zum Bild muß stimmen (Ordner)
Datei muß vorhanden sein
Dateinamen und Endungen müssen exakt definiert sein (Umlaute, Leerzeichen u.s.w)
Grafiken für die Webausgabe sollten in RGB und 72 dpi Auflösung haben
Größe der Grafikdatei beachten, bei Verkleinerung über Quellcode entsteht Rasterung
speichern:
Grafiken in eigener [...]
erste Zeichen entstanden vor ca. 100000 Jahren in Form von Rauchzeichen, Trommelzeichen, Kerbhölzer, Knotenschnüre
Schreiben und Zeichenen war ursprünglich eins.
Bedürfnis sich mitzuteilen, Zeichen zu geben, Informationen weiterzureichen, Kommunizieren
Bilderschrift vor 10000-30000 Jahren
erste nichtflüchtige Zeichen der Kommunikation waren
auf einem Informationsträger, gezeichnete Bilder, Aneinanderreihen von Symbolen und Zeichnungen
Höhlenmalerei für längere Informationserhaltung, sollten der Nachwelt das Leben, die Sitten und [...]
Interpolation ist das vergrößern oder verkleinern von Bildern, wodurch Bildpunkte hinzu oder weggerechnet werden. Die Qualität leidet unter der Interpolation.
Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.
Grafik
Illustrator .ai
Freehand .fh
Corel
Die Grafikformate im Printbereich für einen nahtlosen Austausch sind z. B. .eps / .tif
Die Grafikformate im Nonprintbereich für einen nahtlosen Austausch sind z. B. .eps / .tif
Text
MSWord .doc / .txt
Open Office
Die Textformate im Printbereich für einen nahtlosen Austausch sind z. B. .txt / .rtf
Die Textformate im NonPrintbereich für einen nahtlosen Austausch sind z. [...]
Word kann Texte und Bilder durch versch. Ansichten so dargestellt werden, wie sie später gedruckt oder im Web veröffentlicht wird.
im Menüpunkt “Ansicht”
Seitenlayout, Weblayout oder Gliederung wählen.
Bei älteren PC’s sollte die Option “Normal” gewählt werden um Performanceprobleme zu vermeiden.
Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.
Acrobat
Audio/Video
BWL
Digitalmedien
Downloads
Dreamweaver
Druck
EDV
Excel
Flash
Gestaltung
Illustrator
In Design
Integration
Klassenprojekt
Med.Management
Photoshop
Proj.Management
Tips & Tricks
Typografie
VWL
Wirtschaftrecht
Word
Stephan Kahmann on 
