Kleiner Grundkurs für Maldini :-)

Gehen wir mal davon aus, dass Du mit ewas gaanz kleinem anfangen möchtest. Schließlich willst Du ja Grundlagen lernen!
Zunächst also nur eine Seite, die Deine Besucher Willkommen heist.
Später ein paar Seiten mehr, eine Navigation und ein Banner mit Deinem Logo.
Dazu hier und da ein paar Bilder und natürlich Text :-)
Auf gehts:
Zunächst einmal benötigst Du ein paar Werkzeuge!
1. Um den HTML Code zu schreiben.
Viel gibt es da zu bekommen und zu nutzen.
Angefangen vom Notepad, in dem man unkonfortabel Buchstabe für Buchstabe einhackt, weter über komfortablere Editoren, die einem das Leben vereinfachen, bis hin zu Web-Seiten Baukästen. (Z.B. Frontpage oder ColdFusion etc.)
Die letzteren führen zwar schnell zu teils mehr oder weniger tollen Ergebnissen, die Grundlagen erlernt man mit Ihnen jedoch nicht.
Meine absolute Empfehlung lautet hier: Phase5 von UliMeybohm, bzw jetzt von H.D.Berretz
Hier: http://www.ftp-uploader.de/ftp-download.php4 (freeware)
Ich bevorzuge die ältere version 5.(01112001), da ich sie übersichtlicher finde.
Hier: http://www.embock.de/kurse/html/infos/software/
2. Etwas für die Bilderverwaltung, wenn XPs Tool nicht reicht. ACDSee3/4 oder Compupic6.1/6.2 oder IrfanView.
3. Ein Grafikprogramm um Bilder zu bearbeiten und um Gifs/Pngs zu erstellen.
Es sollte also mit gif, png und jpg klar kommen. PicturePublisher, PS, Gimp ;-), PaintShop, was Dir am besten liegt.
4. Ein FTP Programm, um Deine Seite später auf den ebenso notwendigen Webspace zu laden. Wise_FTP oder WS_FTP z.B. Wie es beliebt.
Besorge Dir diese Tools.
Installiere sie und studiere vor allem ein wenig den Phase5 Editor, sodass wir beide wissen welche Funktion ich gerade anspreche :-)
Was dann?
Wichtig ist es eine saubere Grundstruktur zu haben. Das erleichtert Dir viel sucherei und Du behälst immer den Überblick, wo sich html Dateien und wo Bilder befinden.
Das kann später sehr entscheidend sein, um Pfade und Verknüpfungen wiederzufinden!
Daher hier eine Empfehlung:
Lege Dir einen Ordner mit dem Namen Deiner Seite an.
Hier werden die wichtigsten Daten, wie die "index.html", was die erste Seite ist die ein Browser öffnet, wenn er eine Webseite anzeigt/besucht abgelegt. Keinesfalls alle html-Seiten, das wird zu unübersichtlich! Es können hier noch die Navigation, und ähnliches landen. Später dazu mehr.
Als nächstes legst Du einen Ordner "bilder" an.
Des weiteren einen Ordner "css". Dessen Funktion erläutere ich später.
Achte darauf, alle Ordner nur mit kleinbuchstaben zu benennen! Das ist wichtig!
Es sollte dann etwa so aussehen:
maldini
|.bilder
|.css
Alles weitere morgen ;-)
Zu guter letzt, besorge Dir schon mal "self-html von teamone
http://selfaktuell.teamone.de/extras/download.shtml
Gute, ach was sage ich, DIE Lektüre über html und javascript überhaupt.
Hardware, Windows, Spieletests

Klaro. Gaaanz einfach.
Bevor wir loslegen hier ein paar wissenswerte Details:
Eine HTML Datei ist ganz simpel ausgedrückt nichts weiter, als eine .txt Datei als .html gespeichert.
Durch die Endung .html kann ein Webbrowser etwas damit anfangen.
Der Browser liest die Daten und wertet Befehle und anzuzeigenden Text aus.
Das macht jeder Browser so. Der feine Unterschied liegt nun darin, wie welcher Browser die einzelnen Befehle, (sogenannte "Tags" ) umsetzt. Netscape ineterpretiert ein paar Tags anders, als der IE!
HTML ist zwar ein Standard, allerdings ein gewachsener, der außerdem in gewissem maße lebendig ist und sich teilweise ändert. Angefangen über HTML 1 , 2 und 3 arbeitet man derzeit mit dem HTML 4.0 bzw 4.1 Standard, den alle aktuellen Browser verstehen. HTML ist aber Gottlob abwärtskompatibel! Die nächste Stufe ist das XHTML. Aber damit wollen wir uns nicht belasten.
-
Fangen wir an. Öffne zum Anfang mal Dein "Notepad" bzw. "Editor"! Nicht Wordpad oder Word!
Damit ein Browser nun mit der .html Datei etwas anfangen kann, und weiß, was er nun anzuzeigen hat, gehört in JEDE einzelne html Seite ein erklärender String, um was für ein Dokument und die HTML Arte es sich handelt. Dazu die Erklärung über die Kompatibilität und den Seitentyp.
Das sieht so aus und landet ganz oben in JEDE Seite als Überschrift:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
Nimm Dir die Zeile und kopiere sie rein.
Im SelfHTML findest Du die genaue Erläuterung, was sie zu bedeuten hat.
Aufbau einer html Seite:
Eine HTML Seite besteht IMMER aus einem Kopf (head) und einem Körper (body)
Der "head" ist für die Anweisungen an den Browser und das Browserfenster zuständig.
Zunächst um was für ein Format es sich handelt, wie der Titel der Seite lautet (wird in der Titelleiste des Fensters dann so angezeigt!) und so weiter.
Hier werden später auch spezielle Anweisungen für Schriftformatierungen und JavaScript variablen eingebunden.
Bauen wir also unter unserer Überschrift nun den "head"-teil.
<html>
<head>
<title>Willkommen bei Maldini</title>
</head>
<html> bedeutet also: "Ey Browser, ab hier ist HTML angesagt!"
<head> bedeutet: Pass auf, es kommt der head-Teil !
<title> bedeutet: Der Titel dieser Seite lautet.
</title> Schließt den Befehl "title"
</head> bedeutet: Der head-Teil ist nun zu Ende!
Kopiere dies in Deinen Editor unter die Überschrift.
---
Der "body" beinhaltet den für den Anwender sichtbaren Teil, also was im Browserfenster angezeigt wird. Darüber hinaus befinden sich hier alle mögliche Tags, die in direktem Zusammenhang mit dem Fensterinhalt zu tun haben.
Zum Beispiel ob eine Liste oder Tabelle generiert wird, ob der Text links, rechts oder mittig stehen soll. Usw usf.
<body>
Willkommen! Hallo Welt. Schön euch zu treffen!
</body>
</html>
<body> bedeutet: Hier fängt der body bereich an. (Also was im Fenster stehen soll.)
Dan folgt erstmal Dein Text.
</body> bedeutet: . klaro, der body Teil ist zu ende.
</html> bedeutet: hier endet die html Seite.
Kopiere dies nun auch in Deinen Editor.
---
Wichtiges zu den Tags und der Sache mit < > und </ >
Tags sind wie gesagt Befehle. Man ruft einen Befehl mit < > auf, und gibt eventuell noch variablen zum Befehl dazu.
Dann folgt der Inhalt, den man wieder im Fenster sieht.
Dieser Inhalt wird vom vorgestellten Befehl beeinflust.
Am Ende schließt man den Befehl mit </ >, wenn der Inhalt nicht mehr beeinflußt werden muss.
Wichtig ist, dass der genaue Befehl am Anfang UND am Ende steht, sonst klappt es nicht!
Ganz genau so, als wenn man hier im Forum zum Beispiel etwas fett schreiben will. Du öffnest den Befehl: <b> Dann folgt der sichtbare Inhalt fett und dann schließt Du den Befehl </b>.
Soweit verstanden?
Merke Dir diesen Satz! Er entscheidet, ob Du Jahrelang Fehler in deine Quelltext suchen darfst, oder nicht!
ALLES WAS MAN ÖFFNET, MUSS AUCH WIEDER GECHLOSSEN WERDEN!
Darum wird am Ende jeder Seite auch </html> geschrieben!
Speicher nun Deinen Text aus dem Editor mit "Speichern unter.." und ersetze die Endung .txt durch .html !
Nenne die Datei "willkommen.html"
Klicke nun doppelt auf die neue html Datei.
Der Browser öffnet sich und es sollte in der Titelleiste: Willkommen bei Maldini stehen.
Im Fenster sollte Dein Text stehen.
Gratulation, dies ist Deine erste Webseite.
Morgen geht es weiter!
Zur weiteren Info: UMLAUTE UND SONDERZEICHEN:
Umlaute und Sonderzeichen bedürfen einer besonderen Schreibweise!
Der Phase5 Editor ist jedoch so nett, diese Änderung des Quelltextes automatisch vorzunehmen, sodass wir es garnicht mitbekommen. Sowohl bei Speichern, als auch in der Editoansicht zeigt der Phase5 Umlaute richtig als Ä Ö Ü usw an.
Wissen muss man es aber dennoch!
Die richtige Definition, wie sie nachher im Quelltext zu sehen ist lautet: (ohne die Leerzeichen zw. & und
& auml ; für ä
& uuml ; für ü
& ouml ; für ö
& szlig ; für ß
& nbsp ; für ein Leerzeichen
Hardware, Windows, Spieletests

Weiter gehts. Heute benutzen wir zum 1. mal Phase5.
Du lernst heute den Text in größe und Farbe zu formatieren.
Da Du bestimmt mal mit mehr Text spielen willst, dieser aber nicht nur in einer Reihe hintereinander stehen soll, hier der Tag für Zeilenumbrüche: < br >
Damit erzwingst Du einen Zeilenumbruch! Merke ihn Dir, wir benutzen Ihn gleich auch! :-)
Richten wir uns Phase5 also grundlegen dazu ein:
Lege zunächst Deine "willkommen.html" in Deinem obersten Web-Seiten-Ordner "maldini" ab.
Starte nun Phase5. Links oben steht "NeuesProjekt" und daneben ist ein Button mit einem Papier und drei kleinen, gelben Ordnern. Klicke drauf.
Wähle "Einstellungen".
Im Fenster kannst Du nun oben Deinem Projekt den passenden Namen geben. "Maldini" wäre gut ;-)
In der Registerkarte "Verzeichnisse" gilt es nun oben den Pfad zu Deinem Web-Seiten-Ordner "Maldini" einzutragen.
"Startseite der Homepage" lässt Du im Moment leer.
"Verzeichnis für Grafiken." bleibt auch leer.
Darunter beim "Verzeichnis für Stylesheet Informationen (*css)" gibst Du nun den Pfad zu dem von uns angelegtem css Ordner an. Also: X:\maldini\css\
Klicke auf OK und nun sollte links unten die "willkommen.html" stehen.
Oben im Fenster der passende Verzeichnisbaum.
Klicke auf die "wilkommen.html" und der Quelltext erscheint im Großen Fenster.
-
Hat es geklappt? Ich denke mal ja ;-)
--
Gut Du solltest folgendes sehen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<title>Willkommen bei Maldini</title>
</head>
<body>
Willkommen! Hallo Welt. Schön euch zu treffen!
</body>
</html>
Siehst Du über dem Haupt-Fenster den 2. Button von links mit der Weltkugel? Klicke drauf, und Phase5 wechselt die Ansicht in den Browser Modus. Du siehst nun die Seite, wie sie im IE angezeigt würde.
Wenn Du zurück in die Editor Ansicht wills, klicke links auf das 1. Symbol über dem Fenster. ;-)
Damit wir gleich auch etwas zu tun haben, mache hinter dem letzten Wort des textes nun zwei Zeilenumbrüche. Also:
< br >< br > (ohne die Leerzeichen, das geht hier im Forum leider nicht anders darzustellen)
Schreibe dann: Meine erste Webseite.
Gut, nun haben wir zwei Sätze mit einem Absatz und einer Leerzeile und Du kannst es Dir im Browserfenster anzeigen lassen. Springe danach wieder zurück zur Editoransicht.
(Wenn Du zur Browseransicht wechselst, werden die Änderungen im Quelltext gespeichert!)
-
Gut, lernen wir etwas über Textformatierung anhand Deiner Willkomenseite.
Wäre es nicht klasse, wenn das alles größer wäre?
Und bunt?
Gut, dies erreichen wir mit Hilfe einiger einfacher Befehle.
Die einfachste Methode die größe eines Textes zu ändern geschieht mit <h+Zahlenwert> Also z.B. mit <h1> oder <h2> <h3> <h4> <h5>.
Versuche es und scxhreibe vor Deinem Text <h2> und dahinter schließt Du den Befehl mit </h2>
Das sollte dann so ausschauen:
<h2>Willkommen! Hallo Welt. Schön euch zu treffen!< br >
< br >
Meine erste Webseite.</h2>
Lasse es Dir per 2. Button im Browser anzeigen.
Kehre danach in die Editor Ansicht zurück und ändere mal <h2> in <h1> um. NICHT VERGESSEN: Den Schließen Tag auch. Also aus </h2> wird </h1>.
Probiere mal noch <h3>, <h4> und <h5> aus. Zum Schluß ändere es zurück in <h2>.
Um Deinen Text nun aber besser und genauer zu formatieren gibt es einen besseren Befehl, der mehr Möglichkeiten bietet: <font>
Mit "font beschreibt man, dass eine Textformatierung stattfindet.
Doch mit "font" allein kommt man nicht weit. Man benötigt Variablen, die zu "font" hinzugefügt werden.
<font size> für Pixelgenaue Größenangabe
<font color> für Farbangaben
<font face> für eine andere Schriftart. Dabei gibt es aber bestimmte Dinge zu beachten!
Wir nutzen <font color>
"color" ist eine Variable für "font" und gibt an, dass die Farbe der Schrift beinflußt wird.
Die Farbwerte werden dahinter eingesetzt.
Werte werden grundsätzlich IMMER nach einem= Zeichen, gefolgt von " gesetzt. Anschließend wieder " und das >. Also: <tag="wert">
Die Farbe selbst wird in RGB-Hex Daten agegeben.
Dies sind zum einen unter dem Menü "Color" in Phase5 zu finden, oder in einem Grafikprogramm herauszufinden.
Fertig sieht der Tag also so aus:
<font color="#ff0000">Text</font>
(Da color eine Variable für "font" ist, muß nur der "font-Tag" geschlossen werden)
Verändere nun mit dem <font color> Tag die Schriftfarbe deines Textes.
Versuche beliebige Farben und schau Dir das Ergebnis an.
Die Größenangaben <h2> Kannst Du ruhig beibehalten!
Es sollte also bei Dir so aussehen:
<h2><font color="#ff0000">Willkommen. Hallo Welt. Schön euch zu treffen.< br >
< br >
Meine erste Webseite.</font></h2>
Cool, oder?
Aber wir können das Ganze noch weiter ausbauen! Wie wäre es, wenn die zwei Sätze unterschiedliche größen und farben hätten?
Was glaubst Du muß gemacht werden? .
-
Richtig. Für jeden Satz gibst Du einen anderen Befehl an, und schließt ihn, bevor der nächste anfängt usw usw.
Also:
<h2><font color="#ff0000">Willkommen. Hallo Welt. Schön euch zu treffen.</font></h2>< br >
< br >
<h4><font color="#0000ff">Meine erste Webseite.</font></h4>

Übe nun damit ein wenig. Morgen geht es weiter. Da richten wir den Text dann aus ;-)
Wenn Du Fragen hast oder es nicht klappt, schreibe hier!
Hardware, Windows, Spieletests

Mahlzeit ;-)
Erstmal was zum breitermachen des Threads :
OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
Das ist besser!
Solch eine css Datei ist natürlich im ersten Moment ziemlich verwirrend.
Sie erspart Dir aber jede Menge Arbeit. Kommen wir nun zum praktischen Einsatz.
Öffne mit Phase5 Deine "willkommen.html".
Als nächsten Schritt geben wir nun dem Dokument den Pfad zur css Datei mit. Öffnet der Browser die .html Datei, liest er diese Info aus, folgt dem Pfad zur .css und wendet diese an.
Trage im "<head>" Breich direkt unter </titel> nun folgendes ein:
<link rel="stylesheet" href="css/home.css" type="text/css">
<link rel="stylesheet" gibt dem Dokument mit, dass es eine Pfad für Stylesheet Informationen gibt.
href="css/home.css" ist die notwendige Pfadangabe zum Ordner "css" und der zu verwendenden Datei "home.css"
type="text/css"> gibt dem Browser Anweisung, dass Deine html Datei Text und css nutzt.
Dein head-Bereich sollte nun so ausschauen:
<head>
<title>Willkomen bei Maldini</title>
<link rel="stylesheet" href="../css/home.css" type="text/css">
</head>
Dem Browser ist nun der Pfad bekannt. Um nun Deine verschiedenen vorgefertigten Schriften zu nutzen, gibt es einen Befehl:
<p class="">Text steht hier</p>
Dieser ersetzt alle anderen Angaben wie <h2> und <font color>. Und auch <div> kann nun zur Textformatierung weichen!
Ändere nun Deinen Text, indem Du die <h2> </h2> <h4> </h4> und alle <font color> </font> sowie <div algin"center"> und </div> Tags entfernst!
Du hast somit wieder den reinen Text, mit zwei Zeilenunmbrüchen.
Setzte als nächstes vor den Textbeginn folgenden Tag:
<p class="pc"> und am Ende des Textes ein </p>
<p> ist der eigentliche Tag, class= die Vriable und "pc" der Wert. (Der Name eines Schrittyps aus Deiner home.css)
<p> kann auch alleine benutzt werden, um einen Absatz zu erzwingen. Allein verwendet muss <p> NICHT geschlossen werden. (Genauso wie < br &gt
Nach </p> wird automatisch ein Absatz generiert.
Dein <body> sollte nun so ausschauen:
<p class="pc">Willkommen. Hallo Welt. Schön euch zu treffen.< br >
< br >
Meine erste Webseite.</p>
Schaue es Dir nun in der Browseransicht an.
Ändere danch mal den Wert "pc" in "rotmed", anschließend in "linkrmini".
HUPALLA :-) "linkrmini" hat die farbe weiß. Also schnell zurück zu "pc" oder auch "p" oder "pr" :-)
Siehst Du? So schnell kann man nun innnerhalb einer html Datei ohne große Arbeit die Schrifttypen wechseln.
Ich hoffe ich habe es nicht zu kompliziert erklärt.
Willst Dun nun, dass jeder Satz anders ausschaut mache folgendes:
Setze hinter "schön euch zu treffen." einfach ein </p>
Damit endet die Formatierung durch css nach diesem Satz.
Und es wird ein Absatz erzeugt.
Daher kannst Du die zwei < br > löschen.
Setze nun vor "Meine erste" ein weiteres <p class=""> jedoch mit dem Wert "rotc".
Also:
<p class="pc">Willkommen. Hallo Welt. Schön euch zu treffen.</p>
<p class="rotc">Meine erste Webseite.</p>
Schaue es Dir im Browser an.
Und? Gut, gelle?
--
Was aber, wenn Du nur ein oder zwei Worte innerhalb eines Satzes anders formatieren willst?
</p> scheidet aus, denn es erzeugt ja einen Absatz!
Dafür gibt es einen extra Befehl, der sich innerhalb eines <p class> Tags anwenden lässt.
<span class=""> </span>
Dieser kann vor die zu ändernden Satzteile/Worte gestellt werden um nur diese ohne Absatz zu ändern. Direkt nach dem zu änderndem Bereich muss der Tag mit </span> geschlossen werden.
Ändern wir mal das Wort "Webseite" von derzeit rot in schwarz.
Setze dazu direkt vor dem Wort "erste" den Tag <span class="p">erste</span>
Das sollte dann so ausschauen:
<p class="rotc">Meine <span class="p">erste</span> Webseite.</p>
Schaue es Dir an.
Zu guter letzt nun noch ein Tag, der Leerzeichen einfügt.
Wozu? Nun, manchmal ist es Sinnvoll vor und hinter einem <span class> ein Zwangs-Leerzeichen zu setzen.
Das wird Dir irgendwann nützlich sein, glaubs mir ;-)
& nbsp ; (ohne die Leerstellen zwischen &n und p;, geht hier mal wieder nicht anders) ergibt ein Zwangsleerzeichen. Ohne < und > zu setzen. (Tastenkombi in Phase5: Strg+ Leertaste)
Versuchs mal.
<p class="rotc">Meine & nbsp ; <span class="p">erste</span> & nbsp ; Webseite.</p>
Alles soweit klar?
Übe damit, spiele ein wenig mit dem Phase5 und seinen Buttons!
Morgen setzen wir dann eine Grafik ein!
Hardware, Windows, Spieletests

.das ist eine verdammt gute Anleitung! Ich hab zwar bis jetzt nur den ersten Post gelesen, aber ich würde mal sagen, dass DAS auf deine Homepage MUSS!
Ich meine. Selfhtml is ja ganz nett, aber es erfordert schon eine hohe Selbstdisziplin und viel Lesearbeit dieses Wissenskonzentrat selbst in verständliche Brocken zu teilen und zu ordnen, wenn man noch gar keine Ahnung hat.
Du wolltest, dass wir meckern? Ok, hier ist meine Beschwerde:
Warum werden auf deiner ansonsten tollen Seite nicht die Grundzüge einer Homepage-Erstellung aufgezeigt?

Södala,
Heuer soll es ein Bild bei uns zu sehen geben.
Zunächst suche Dir ein hübsches Bild aus. Zum Beispiel das Marsupilami oder ähnlichen Unfug ;-) Erstelle es in einer Größe von 400 Pixeln Breite, Höhe 250 Pixel oder annähernd,
bei 75 dpi. Das Bild sollte nicht viel größer als etwa 30kB sein.
Diese Bild speichere nun als marsu.jpg oder einem anderem passendem Dateinamen in Deinem Ordner "Bilder" ab.
Aber bitte nur als .jpg
Gut, wechsle nun per Phase5 zu Deiner "willkommen.html" die derzeit so ausschauen sollte:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<title>Willkommen bei Maldini</title>
</head>
<body>
<p class="pc">Willkommen. Hallo Welt. Schön euch zu treffen.</p>
<p class="rotc">Meine & nbsp ; <span class="p">erste</span> & nbsp ; Webseite.</p>
</body>
</html>
Gut, gut.
Wir wollen das Bild nun genau zwischen die beiden Sätze stellen. Und zwar zentriert. Damit es auch gut ausschaut.
Mache Dir zwischen den Sätzen mit der "Enter"-Taste ein paar Zeilen Platz.
Damit das Bild mittig steht, musst Du den bereits gelernten Tag <div> anwenden. Und zwar mit der Variablen "align" und dem Wert "center".
Also: <div align="center">
Wie ich Phase5 kenne, wird es Dir sofort dahinter den </div> Tag setzen. Das ist gut so. Verfrachte den </div> Tag mit "Enter" ein paar Zeilen tiefer.
Konzentrieren wir uns nun auf das, was zwischen den <div> </div> Tag gehört.
Um ein Bild in eine .html Datei einzubinden benötigt man den Tag:
<img src="">
<img steht für Image.
src steht für "Pfadangabe"
und als Wert trägst Du den Pfad zum Bild ein.
Also: <img src="bilder/marsu.jpg">
Das wars schon.
Betrachte Dein Werk in der Browseransicht.
Hübsch, hübsch.
Nun kann es aber sein, dass Du einen Rahmen um Dein Bild haben willst.
Die Variable dafür lautet: border=""
Sie wird mit in den <img src=""> Tag gesetzt.
Den Wert für die Rahmendicke gibt man in Pixeln an.
Also: <img src="bilder/marsu.jpg" border="2"> z.B.
Schaue es Dir an.
Nun gibt es einige Browser, die generell einen Rahmen von 1 Pixel um jedes Bild setzten.
Was tun, wenn man das NICHT will?
border="0"
Damit erzwingt man, den Rahmen wegzulassen.
Also:<img src="bilder/marsu.jpg" border="0">
Klasse. Aber wie machen es die anderen alle, dass eine Beschreibung eingeblendet wird, sobald man mit der Maus über das Bild saust?
Ganz Simpel. Die Variable: alt=""
Als Wert kommt der anzuzeigende Text dazu.
Also: <img src="bilder/marsu.jpg" border="0" alt="Mein Alter Ego">
Versuche es nun in der Browseransicht.
Gut, Deine "willkommen.html" schaut nun also so aus:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<title>Willkommen bei Maldini</title>
</head>
<body>
<p class="pc">Willkommen. Hallo Welt. Schön euch zu treffen.</p>
<div align="center">
<img src="bilder/marsu.jpg border="0" alt="Mein Alter Ego">
</div>
<p class="rotc">Meine & nbsp ; <span class="p">erste</span> & nbsp ; Webseite.</p>
</body>
</html>
Wichtig ist, dass immer die genaue Pfadangabe zur Bildquelle stimmt. Ist der Pfad ungültig, Zeigt der Browser ein X an und falls Vorhanden die Beschreibung (alt="" ), aber kein Bild.
Die Pfadangaben werden ähnlich dem Unix/Linux bei Verzeichnissen mit / getrennt. NICHT mit \ !
Musst Du einen Ordner höher gelangen, ist dem Pfad ein ../ voranzusetzen.
Jeh mehr Verzeichnisse Du nach Oben zurück musst, um so mehr ../ müssen gesetzt werden.
Beispiel für 3 Ordner aufwärts:
../../../bilder/marsu.jpg
--
Man kann zusätzlich zu "border"" auch noch weitere Variablen einbinden.
Dazu gehören vor allem: width="" und height=""
Klaro, breite und höhe. Das kann bei manchen Browsern von Vorteil sein, um eine falsche Größe und die dadurch entstehende Verzerrung zu vermeiden.
Oder aber, um eine großes Bild gezielt kleiner oder verformt darzustellen.
Bedenke: Wenn Du ein großes Bild mit 1600x1280 Pixeln im Browser mit 640x480 anzeigen lässt, wird dennoch das GESAMTE Bild vom Browser geladen.
Modemuser hassen Dich dann dafür!
Die Größenangabe ist also ein "kann", aber kein "muss".
Korrekterweise hier der gesamte Tag:
<img src="bilder/marsu.jpg" border="0" width="400" height="250">
Noch Fragen? Oder ist alles klar?!
Morgen geht es dann endlich mit Tabellen los..
"Endlich? Hatr der Kerl endlich gesagt ?"
Hardware, Windows, Spieletests

Echt super wie du das erklärst!! RESPEKT!! da komm ja sogar ich mit (und das heißt was!)
Echt spitze!
mfg
Exterminator

Hab im Moment wenig Zeit, gibt aber bald wieder Futter!
Hardware, Windows, Spieletests

Könntest du bitte mal erklären, wie man Buttons und Hyperlinks verknüpft und erstellt und die Buttons auch reingedrückt werden können und wenn sie gedrückt werden, eine neue Seite o.ä. aufgemacht wird.
Würde mir bei meiner Seite(durch dich begonnen) sehr hilfreich sein!
mfg
Exterminator

Hey Exterminator.
guckst du hier:
selfhtml.teamone.de/navigation/faq.htm#navigationsleisten
und hier
selfhtml.teamone.de/navigation/faq.htm#grafiken_highlighten
[URL=http://www.foers.de/satyrium>Satyrium[/url] - [color=orange]Linking the past</font color=orange>

Mit den zusätzlichen Variablen "margin left" und "margin right" kannst Du angeben, um wieviel Pixel ein Rand zum Fanster bestehen soll.
Am besten funktioniert das ganze mit der beschribenen css (Stylesheet) Funktionalität.
Diese ist auch nicht vom "Außsterben" bedroht ;-)
Hardware, Windows, Spieletests

Das ist nicht möglich mit html.
Eine Variante wäre es mit JS zu tun.
Hardware, Windows, Spieletests

Hmmm. irgendwie muss ich wohl blind oder doch nur unwissend sein, aber warum funktioniert mein Versuch einer "Graphik als Verweis" bei meinem Beitrag im Digitalkamera-Forum nicht? Wo ist der Fehler, ich finde irgendwie keinen. :|
&lt;a href="http://www.digitalkamera.de/Kameras/CasioQV-R41.asp"&gt;&lt;img scr="http://images.digitalkamera.de/Kameras/CasioQV-R41-M.jpg" width="262" height="220" border="0" alt=".zum Datenblatt auf www.digitalkamera.de"&gt;&lt;/a&gt;
Ich hab doch alles Klammern wieder geschlossen und jeder Wert steht in Anführungszeichen. da will man mal üben. :|

AAAAAARGH! :|
Danke! So oft, wie ich mir diese paar Zeilen mittlerweile angeschaut hatte, hätte ich DIESEN Fehler wahrscheinlich gar nicht mehr gesehen. Hätte man sogar als Anfänger finden können, wenn sonst alles funktioniert und nur das Bild fehlt. GRMPFF. naja, man lernt dazu.