headermask image

Werte aus der Datenbank anzeigen (php+mysql)

Direkte Anzeige

Text aus der Datenbank
$ein=mysql_fetch_array
<td>’.$ein[spalte].’</td>
Bild aus der Datenbank
<img src=”ordner/’.$ein[spalte].’”>

Hilfsinformationen

id = muß nicht sichtbar sein
<a href=”seite.php?id=’.$ein[id].’”>

Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.

Dateien auf einen Webserver übertragen (upload)

abhängig vom Webprojekt

Anwendungsgebiete
Beiträge mit Bild
zip Dateien für Datenaustausch
PDF Dateien

Client/User
Bild durchsuchen und uploaden
Formular
$_POST[foto]
$_FILE[foto][eigenschaften]
Vorbereitung

Ordner für die “Uploads” anlegen (uploads)
Formular mit Dateifeld und durchsuchen Feld
Dateifeld mit Namen vergeben <input type=”file”>
Nach dem “absenden” $_FILE[foto][name]

Kopieren / Uploaden

move_uploaded_file(quelle,Ziel)
Ordner, Dateiname ist neu definierbar
$ziel=”uploads/”.$_FILES[foto][name];
uploads = Ordner der hochzuladenen Datei
$_FILES[foto][name] Dateiname vom Original (kann geändert werden)
$quelle=$_FILES[foto][tmp_name];
more_uploaded_file($quelle,$ziel);

Dateien prüfen

Dateinamen prüfen
$_FILES[name][name]
Dateityp prüfen
$_FILES[name][type]
“image/gif” /”image/jpg”/”image/png”
Dateigröße prüfen
$_FILES[name][size] Angaben in Bytes

Prüfen
if($_FILES[foto][size]>100000)
{echo(”Datei [...]

Verlinkung im Dokument in Dreamweaver

Mengentext in Dokument einfügen
Im Dokument an Sprungstellen ( Allgemein > Namen zuweisen)
Verlinkung vornehmen

Text oder Bild zum anklicken wählen
Dateizeiger auf den Anker ziehen

Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.

Bilder zur Verlinkung nutzen

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 [...]

Bildeigenschaften in HTML

src=”Quelle”

width = Weite
heigth = Höhe
alt = Alternative Text (falls Bild geblock oder nicht angezeigt werden kann)
border = Rahmen um das Bild (Standardtextfarben)
align = Ausrichtung des Bildes ( left, rigth … )
hspace = Horizontaler Abstand um das Bild
vspace = Vertikaler Abstand um das Bild

<img src=”testbild.jpg” width=”200″ height=”150″>
<img src=”testbild.jpg” border=”3″ hspace=”2″ vspace=”2″align=”middle=”>
Spendiere mir einen Kaffee und halte [...]

Text als Schnittmaske

Um Text in eine Schnittmaske umzuwandeln muß der Text nicht umgewandelt werden. Dazu beispielsweise ein Bild plazieren. Den Text oder ein einzelner Bustabe über das Bild plazieren. Beides markieren und mit STRG+7 eine Schnittmaske erstellen.
Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.