Leicht verrutscht und auf neues Thema statt Antworten gekommen? Lieber Mod Kollege, schubs es doch mal rüber.
Also erstmal vom Grundverständniss. HTML ist eine Seitenbeschreibungssprache in der du angibst wie, was, wo auszusehen hat. Lassen wir Javascript und alles andere mal weg. Selbst CSS. Fangen wir mit den Basics an.
Du hast auf deinem Computer, ich unterstelle jetzt Windows, immer Pfadangaben z.b. c:\dokumente\bilder\meinbild.jpg
Nun willst du die die Grafik anzeigen mit dem img tag und benutzt deine Windows angaben
<img src="c:\dokumente\bilder\meinbild.jpg" alt="Mein Bild" Die Ergänzung "alt=" ist für jeden guten Webdesigner Pflicht. Damit wird ein alternativer Text angezeigt sollten die Bilder nicht dargestellt werden. Beispielsweise bei Leuten mit Sehbehinderung.
Das Bild wird solange korrekt angezeigt wie die gleiche Ordnerstruktur vorhanden ist. Ist auf dem Server wo das Bild liegen soll die gleiche Struktur vorhanden und du kannst das Bild genau dort ablegen wird es funktionieren.
Aber davon gehen wir nicht aus. Wir betrachten die HTML Seiten als ein Projekt. Alles was zu dem Projekt gehört kommt sortiert in einen Oberordner, nennen wir ihn für unser Beispiel hier einfach mal "Website"
Nun haben wir die Struktur
Ordner: Website
Inhalt: index.htm, ersteseite.htm, zweiteseite.htm, dritteseite.htm (natürlich alles beispielnamen, ausser index.htm(l) )
Wie du erkennst wird es mit der Zeit etwas unübersichtlich. Vor allem wenn nun noch zig Bilder hinzukommen.
Also erstellen wir im Ordner "Website" Unterordner. In diesem Fall nehmen wir nur einen Ordner und nennen ihn "pictures" wo wir sämtliche Bilder ablegen.
Jetzt kommen wir zur zu den Pfadangaben.
Der oben genannte Pfad ist ein sogenannter "absoluter pfad". Absolut nur dieser weg führt zum ziel.
Wir benutzen nun allerdings relative Pfade.
Wir haben also nun:
Ordner: Website / Inhalt: Index.html
Unterordner: Pictures / Inhalt: meinbild.jpg
Nun willst du das Bild in die Index.html einbinden, das sähe wie folgt aus:
<img src="/pictures/meinbild.jpg" alt="Mein Bild"
Das / gibt ihm an das er eine Ebene nach unten gehen soll in den Ordner pictures. Dort findet er dann das Bild.
Nun ist das Bild eingebunden, die Seite gespeichert. Nun würdest du den kompletten Inhalt mit sämtlichen Unterordnern auf den Server kopieren. Da du relative Pfade benutzt und die gesammte Struktur 1zu1 nachgebildet hast wird das Bild auch im Netz angezeigt.
Lass dich nicht dazu verleiten deine Bilder und Dokumente mal dort und mal da zu speichern. Mach dir zu Anfang des Projektes Gedanken über den Aufbau. Nimm ein Blatt Papier und zeichne es dir auf.
Code:
Website
- Bilder
-Buttons
- Dokumente
- PDF
- Word
- Media
-Videos
-Musik
Deine Planung baust du dir dann auf dem Rechner nach und speicherst deine benötigten Dateien gleich in den entsprechenden Ordnern ab und arbeitest dann nur mit entsprechenden relativen Pfaden.
Mein Tip an dich. Auch wenn du von dem Kursus Dreamweaver nutzen kannst und dort vielleicht auch sollst. Lass es. Zumindest bis das Grundverständniss dafür eingekehrt ist.
Nimm dir einen normalen Texteditor und arbeite damit. Als Hilfsstürze kannst du z.b.
http://notepad-plus.sourceforge.net/de/site.htm diesen Editor verwenden. Dieser bietet Syntax Highlighting. Er erkennt also automatisch wenn du HTML Befehle schreibst und weist dich auch auf Fehler hin.
Mit Dreamweaver am Anfang zu arbeiten ist irgendwie.. wie Porsche fahren aber nicht wissen wie man Gas gibt.
Fang wirklich mit den Basics an. Erstell dir eine einfache Seite wo du Bilder einbindest. Schriftarten veränderst, tabellen einbaust und sowas.
Über Buttons usw. kannst du dir später Gedanken machen. Vorher musst du überhaupt wissen was du da eigentlich tust.
Hoffe dir etwas geholfen zu haben.
