Welches Webdesign? Brauche Rat von Euch!!!

[dieter99]

Hallo,
da ich meine Homepage immer wieder verbessern will möchte ich auch mal Eure Tipps hören.
Zuerst stellt sich die Frage: Mit oder ohne Frames? Bis jetzt hatte ich immer Frames benutzt, weil ich es lästig finde wenn die komplette Seite geladen werden muß. Mit Frames ist das ja nicht so. Da ich jetzt auch auf PHP umsteige würde mich interessieren, ob es Probleme gibt (PHP & Frames)???

Wenn ich eine Homepage nur aus Tabellen aufbaue, dann muß ich doch die Links (Navigation) auf JEDER Seite einbauen. Was mache ich dann, wenn meine Page mit der Zeit sehr umfangreich geworden ist und ich zusätzlich Links (im Navigationsmenü) einbauen muss (sowas kommt ja immer wieder vor). Dann muss ich jede Seite aktualisieren. Das ist doch ein riesen Aufwand. Gibt es hierfür ne Lösung?
Wenn ich nur mit Tabellen arbeite, dann ist hiervon auch die Grafik betroffen (z.B. im Kopf der der Seiten). Diese Grafik muss ich auch in JEDER Seite einbinden. Wenn ich nach einer gewissen Zeit auch hier Veränderungen vornehmen will, dann habe ich das gleiche Problem wie oben *würg*

Mich reizen zudem immer wieder die Mouseover Effekte. Diese Effekte kann man mit Java Script und mit CSS realisieren. Welche der beiden Variaten ist zu bevorzugen?

[Bernd das Brot]

hi,

also es gibt zum thema navigation eine einfache lösung.

wenn dein server server side inlcude (ssi) unterstütz kannst du deine navigation auslagern und durch einen include befehl auf jede seite einbinden.

<!--#include virtual="/ordner/menu.html"-->

soll heißen: du legt eine eigenständige seite an, die nur deine navigation z.b in einer tabelle enthält. auf deinen inhaltseiten musst du jetzt nur noch den inlcude befehl mit den richtigen pfad setzten.

diese inhaltsseiten müssen dann auf shtml enden damit der server weiss das ssi verwendet wird.

gleiches funktioniert auch mit php. auch hier geht es mit einem include befehl.

<?php include("/ordner/menu.html")?>

ob der befehl jetzt richtig geschrieben ist, weiss ich nicht, bitte einfach mal probieren.

hier müssen dann die seiten auf php enden.

genaue anleitungen gibt es auf www.ideenreich.com.

solltest du beide möglichkeiten nicht zur verfügung haben und du benutzt dreamweaver, dann suche in den tuts von traumprojekt. dort gibt es eine anleitung wie man vorlagen mit dw erstellt die bei jeder änderung alle links auf allen seiten aktuallisiert.

gruss bdb

nachtrag: das geht natürlich auch mit bildern.

[Spin]

Also das mit den DW Vorlagen würde ich auch empfehlen.

Aber am besten machst du Layout und alles weitere wie Rollovers und so mit Photoshop und Imageready! (oder Fireworks)

Ein Menü lässt sich sehr gut mittels PHP includen.

<?php

include ('ordner/menue.php');

?>

Die Datei muss dan natürlich auf .php enden. Bei dem zu includenden Datei ist die Endung meines Wissens nach egal. Sie kann also auch auf .html enden.

Natürlich muss der Server PHP unterstützen. Wenn dus ganz ausgeklügelt machen willst kannst du dein Menü natürlich auch einer Datenbank saugen. Dazu benötigst du aber MySQL auf deinem Server.


Gruss: Spin

[dieter99]

Ich habe schon mal komplette Seiten mit Photoshop aufgebaut, das hat echt Klasse gewirkt. Doch wenn man Inhalte der Seite ändern will dann ist dies wieder aufwendig.
Außerdem möchte ich das Photoshop die Inhalte zentriert im Browser darstellen. In diesen Fall muss ich sämtliche PS Inhalte in Tabellen einbinden usw. Kann man das nicht gleich in PS einstellen?
Gibt es gute Tutorials zu PS, speziell in Zusammenhang mit dem erstellen von Webseiten?

[flow]

Original geschrieben von dieter99
Kann man das nicht gleich in PS einstellen?

nein.

[caspar]

die lösung auf das problem FW

[apemaster]

Original geschrieben von dieter99
Kann man das nicht gleich in PS einstellen?

Doch! Nicht in PS, aber in Image Ready dort kannst du Slices definieren, welchen das Programm automatisch in Tabellen einfügt. Da kannst du auch direkt die Mouseover-Effekte definieren. Ist zwar ein wenig umständlich aber geht auf jeden fall schneller als per Hand!

[adrian]

Von der Gesamt-Realisation einer Page mit PS oder FW ist aber sowieso dringendst abzuraten, da auf diesem Weg Sachen wie dynamische Lösungen völlig zu kurz kommen, bzw. nur sehr aufwendig und mühsam zu realisieren sind.

Tip deshalb am Rande: wenn schon, dann nur das grundlegende Layout in PS oder FW anlegen und dann die einzelnen Elemente separat exportieren oder das Ganze gleich als geslicte Tabelle von Hand oder mit DW weiterbearbeiten

Adi

[dieter99]

ok, überschriften, rollover effekte usw. mit ps, den rest über den üblichen weg.
gibt es denn probleme mit frames in zusammenhang mit php? ich möchte wenn möglich weiterhin frames benutzen....

[adrian]

Original geschrieben von dieter99
gibt es denn probleme mit frames in zusammenhang mit php? ich möchte wenn möglich weiterhin frames benutzen....

Nee, Probleme gibt es keine, oder wird es zumindest keine geben wenn du keine grundlegenden Fehler machst

Aber mit Tabellen anstatt Frames wäre die Sache halt etwas einfacher und komfortabler zu handhaben...

Adi

[Bernd das Brot]

hi,

wo ist den der unterschied zwischen tabellen selber machen oder durch fireworks erstellen lassen?

danke und gruss


bdb

[adrian]

Wenn du die Seite komplett mit FW machst und sie dann als html exportierst, musst du beim Slicen einfach wahnsinnig aufpassen, dass alle Slices haargenau ineinander passen, damit nicht noch Unmengen von winzigen 1x2 Pixel-Tabellchen entstehen. Denn die können dir beim Füllen mit Content schnell mal zum Verhängnis werden, wenn dann plötzlich das ganze Layout zerrissen wird und du nicht so genau weist, wieso.

Wie gesagt, es ist meistens deutlich einfacher wenn du die Navi-, Design- und Spacerelemente zwar in PS oder FW anlegst und aus der Gesamtansicht slicest, diese jedoch danach in dein von Hand aufgebautes Tabellengerüst einfügst...

Gruss Adi

[Bernd das Brot]

also ist es mehr eine sache der planung und nicht ein schlechter html code, oder?

aber ich suche mal, gibt es bestimmt schon meinungen dazu.

danke

bernd das brot

[adrian]

yep, du hast es genau erfasst!