Grundlegende Frage

[Yang]

Morgen Loide!

Ich habe hier jetzt das gute alte Dreamweaver liegen + ein Benutzerhandbuch, und so langsam kann ich mir das Gröbste selbst zuesammenreimen.
Aber ich habe noch eine grundlegende Frage zu Links und deren Erstellung. Also:

Bspw. würde ich gern die Enterseite komplett in Fotoshop erstellen, mit Hintergrund, transparenten Grafiken, allem Text usw..
Dann abspeichern als jpeg...
Und dann wollte ich es in Dreamweaver einfach so wie es ist verwenden. Punkt.
Meine Frage jetzt: Gibt es die Möglichkeit, einfach auf einem BEREICH des Bildes (z. B. eine Grafik oder einen Tail davon) einen Link anzubringen, sodass bei Klick auf die nächste Seite gesprungen wird???
Vielleicht eine dumme Frage, aber in meinem Buch ist ausschließlich davon die Rede, dass man Text oder Grafik für einen Link verwenden kann, wobei aber beides IN DREAMWEAVER importiert oder erstellt worden sein muss.
In meinem Fall ist der Hintergrund aber eben schon komplett, und da JPEG und GIF z. B. Probleme mit Transparenz haben, möchte ich nicht groß tricksen müssen, um auf einen schwarzen Dreamweaverhintergrund meine transparenten Grafiken legen zu können.
Ich hoffe, ihr versteht meine Frage... ^_^
Dank euch im voraus

Yang

[walter]

Hallo, such doch mal in deinm Buch unter Image-Map. Mit sowas machst du das wenn ich dich richtig verstanden habe.
Mit einem Image-Map legst du bereiche auf einem Foto, einer Grafik fest die dann klickbar sind.
Ob es sinnvoll ist ein Bild als Website zu benutzen bezweifle ich mal. Aber das steht ja nicht zur Diskussion.

Ich hoffe ich konnte helfen.

[Yang]

Danke dir, habe mal nachgeschaut und du hast meinen Verdacht bestätigt. ^_^ Soweit alles klar.
Du denkst also, ganze Grafiken sind nicht so geeignet?
Ich fände das importieren und anordnen ja uch einfacher, aber mir als Anfänger gruselts schon vor der Navi oder ähnlichem. Auf die Navi bezogen: Ich müsste also die Grafik im PS designen und dann in DW einfügen? Und das klappt auch mit Transparenz?
Ich fürchte, ich ähnel einer Hydra, was Fragen angeht: Eine beantwortet, schon 9 neue ... ^_^

Yang

[PeterBrand]

Such mal nach "slicen", so nennt sich das Aufteilen eines großen Bildes in Einzelbild.
Geeignete Software und weitere Suchbegriffe: "Image Ready" von Adobe, bei Photoshop dabei oder "Fireworks" von Macromedia.

[walter]

Es kommt natürlich drauf an wie deine Navi aufgebaut ist. Aber prinzipiell kannst du alles zerschnibbeln, wie PeterBrand schon vorgeschlagen hat, und dann im Dreamweaver wieder zusammen setzen.
Noch einfacher ist die Lösung mit ImageReady oder Fireworks. Da zerschnibbelst du auch und kannst sofort in HTML exportieren. Auch einzelne Teile. Z.B. nur die Navi. Dann setzt du diesen Code der exportiert wurde im Dreamweaver wieder ein.
Die "modernste" Lösung währe allerdings auf große Grafiken zu verzichten und alles mit CSS umzusetzen. Damit musst du dich aber mit CSS ein wenig beschäftigen. Ist aber interessant und es lohnt sich sehr.

Schöne Grüße aus Regensburg

[Terry]

Wenn Du noch totaler Anfänger bist, und so liest sich das, dann fang doch mal einfach an, damit Du ein Gefühl dafür bekommst. Komplizierte Layouts kannst Du immer noch bauen.

Bau z.B. eine simple Tabelle (750px Breite , damit es in allen gängigen Monitorauflösungen paßt, 2 Spalten und 2 Zeilen).

Oben eine durchgängige Zeile für den Header (dafür die Tabellenzellen zusammenfassen).
Darunter links eine Spalte für das Menü, rechts eine große Spalte für den Inhalt. Fertig ist das Grundgerüst. Ruhig schon mal in DW bauen und angucken, damit Du den Umgang mit DW lernst. Die Höhe der zweiten Zeile nicht bestimmen, damit die Tabelle wachsen kann, wenn viel Inhalt reinkommt.

Dann Photoshop hervorholen und die Hilfslinien genauso ziehen wie die Tabelle. Und dann einfach gestalten. Dabei brauchst Du erstmal nur darauf achten, dass die Inhaltszelle halt nur eine Farbe hat oder ein dezentes, sich kachelndes Muster, da Du hier ja später noch schreiben willst (Text nicht als Grafiken machen, das braucht zu viel Speicherplatz und Ladezeit).

Wenn Du fertig bist, brauchst Du den Header nur anhand der Hilfslinien "auszuschneiden", als jpg oder gif speichern und einzusetzen (später auch das noch platzsparender und raffinierter, aber erstmal mach es einfach!).

Beim Menü halt gucken. Entweder machst Du das als Imagemap (kann ImageReady auch) - oder Du sliced es und läßt Dir von Image-Ready eine Tabelle erstellen, die Du dann einfach nimmst und in die richtige Tabellenzelle im DW einsetzt (Tabellen kann man auch ineinander schachteln). Ansonsten braucht die Menüzeile noch eine Hintergrundfarbe oder Muster, dass sich unten kacheln kann, wenn die Tabelle länger wird (viel Inhalt).

In die Inhaltszelle am besten nur eine Farbe oder ein sehr dezentes Muster als Hintergrund geben.

Dann mußt Du nur noch die Menübuttons im DW verlinken, das Ganze als Vorlage abspeichern und dann immer aufrufen und die einzelnen Seiten mit verschiedenen Namen abspeichern und die Inhalte einfügen.

Später machst Du das Ganze raffinierter und irgendwann brauchst Du vielleicht nicht mal mehr Tabellen dazu (Stw. CSS)......

[Yang]

Danke euch allen!

Gut, ich geh's langsam an (bleibt mir ja auch nichts anderes übrig ^_^)
Aber ein letzte Frage habe ich noch:

Terry schreibt, daß Textgrafik zu viel Platz verbraucht.
Is klar, aber in meinem Büchlein steht geschrieben, daß man aus verschiedenen Gründen der Kompatibilität nur Standards wie Arial oder so verwenden sollte, da es sonst bei Computern, die den Font nicht kennen, zu Problemen mit der Darstellung kommen kann.
Aber was mach ich denn nun, wenn ich meinen Traumfont für viel Text verwenden möchte?

Yang

[Terry]

Is klar, aber in meinem Büchlein steht geschrieben, daß man aus verschiedenen Gründen der Kompatibilität nur Standards wie Arial oder so verwenden sollte, da es sonst bei Computern, die den Font nicht kennen, zu Problemen mit der Darstellung kommen kann.
Aber was mach ich denn nun, wenn ich meinen Traumfont für viel Text verwenden möchte?

Ist in der Tat ein Problem. Üblich sind im Web Arial und Verdana. Meist wird dann für den Mac noch Helvetica angegeben, das ist die "Mutter" von Arial. Wenn Du andere Fonts für Fließtexte verwenden willst, dann stelle sicher, dass sie auch gut lesbar sind und rechne damit, dass nicht jeder die installiert hat.

Du könntest aber auch folgendes machen: Mache eine CSS-Datei für die Schriften und Farben - wie das geht, ist sicher auch im Büchlein beschrieben, ansonsten hier: http://css4you.de

Dort dann folgendes bestimmen:

font-family:"Traumfont", "FontähnlichTraumfont1", "FontähnlichTraumfont2", Arial, Helvetica, sans-serif;

Jetzt passiert folgendes: Der Browser sucht "Traumfont" und findet ihn. Schön. Dann wird die Seite so angezeigt, wie von Dir gewünscht.

Wenn nicht, dann sucht er nach den Alternativen in angegebener Reihenfolge. Du kannst also massig Alternativschriften angeben, wenn Du willst. Wenn alle nicht vorhanden sind, sucht er Arial, findet er auch die nicht, dann Helvetica und als allerletzten Ausweg halt irgendeine serifenlose Schrift, die installiert ist (serifenlose Schriften sind für den Monitor besser). So kannst Du erreichen, dass doch recht viele Leute die Seite so sehen können, wie Du es geplant hast. Und wenn nicht, dann können sie es ja trotzdem lesen.
Ist imho wesentlich besser, als
- ewig zu warten, bis die Seite geladen ist.
- die Schrift nicht verstellen können, falls zu klein (Grafiken sind halt nicht veränderbar).

Auch für Dich ist es unpraktisch. Inhalte ändern ist wesentlich aufwändiger, wenn Du immer neue Grafiken erstellen mußt. Mal eben einen Text ändern geht da doch deutlich schneller.

Und hier noch ein Link, wie häufig Schriften auf Computern vorhanden sind so als Anhaltspunkt: http://www.visibone.com/font/FontResults.html

[renkert.net]

@YANG:

Wenn Du einen anständigen Server bei einem anständigen Hoster hast, dann kannst mittels PHP auf die Freetype Bibliothek zugreifen, wenn Sei denn installiert ist.

Diese erlaubt Dir die Verwendung "jeder" Schrift, egal ob der User sie installiert hat oder nicht....ist aber ein klein wenig Arbeit....

[Terry]

@ renkert.net: Es geht um die erste HP eines HTML-Anfängers....... wollte ich nur mal so zu bedenken geben, ehe Du hier PHP für Fortgeschrittene empfiehlst.....

[renkert.net]

@Terry: Wer lesen kann ist eindeutig im Vorteil->

Die Frage:

Aber was mach ich denn nun, wenn ich meinen Traumfont für viel Text verwenden möchte?

Yang

Entsprechend meine Antwort !!!