Richtiges Webdesign
Hallo zusammen,
ich beschäftige mich derzeit mit mehreren privaten Projekten, welche auf Basis PHP MySQL entstehen.
Dabei handelt es sich hauptsächlich um Tool, wie ein Fahrtenbuch, userverwaltung, Blogsystem, etc.
Dabei ist mir aufgefallen, dass ich mich nicht wirklich entscheiden kann, wie ich denn nun die Struktur am besten organisiere.
Mir stellen sich z.B. folgende "Probleme":
- Das Design veränert sich - wenn ich jeden Content in eine eigene Datei schreibe, muss ich auch jede Datei wieder anpassen, wenn sich was ändert.
- Interne Struktur verändert sich - Arbeite ich mit nur einer Datei und hole den Content via URL Parameter wird die eine Datei ziemlich groß.
- Die erstellung einer Vorlage gestaltet sich schwierig - Ohne wirklich haarklein das Ausmaß abzusehen, ist es für mich schwierig eine Vorlage zu erstellen.
Daher stellt sich nun meine Frage an euch, wie Plant, organisiert und ersellt Ihr eure Webseiten. Insbesondere ist der Punkt für mich wichtig, was Ihr im Vorfeld macht, um für den Fall eines Layourwechsels gewaptnet zu sein (Was ist mit dem COntent nach dem Umzug?).
Kennt Ihr vielleicht eine paar Texte, welche sich mit dieser Thematik beschäftigen?
Ich danke euch vielmals für eure Antworten und warte gespannt.
Gruß
|
Linux für Profis – Das CHIP-Sonderheft jetzt 70% billiger In diesem CHIP Special erfahren Sie, wie Sie Linux optimal nutzen.
|
Mh, kennst du dich villeicht mit CSS (Cascading Style Sheets) aus? Mit CSS kanns du für einzelne "Bereiche", wie z.B. eine Tabelle verschiedenste Dinge definieren. Man kann die Schrfit, Farbe, Größe, Außenabstand, Innenabstand, usw.. einstellen.
Hier noch ein Link über css: www.css4you.de
Ich glaube dein Stichwort heißt "Templates". Du kannst die Seite so Modular aufbauen, dass Content und Design völlig unabhängig sind!
siehe auch: http://smarty.php.net/
Hab mich selbst noch zu wenig damit beschäftigt, aber wird dir sicher irgendwie weiterhelfen
mfg hex
You ever tried going mad without power? It's boring. No one listens to you!
Hi, und danke für die bisherigen Antworten...
die geschichte mit den templates hatte ich gemeint.. das sieht schon mal sehr vernünftig aus... kann mir jemand jetzt noch ein bischen die vorgehensweise erläutern? vielleicht anhand von beispielen???
Vielen dank bis hierher..
Gruß
Lies die Smarty PHP Dokumentation. Warum sollten wir dir die Arbeit abnehmen!
You ever tried going mad without power? It's boring. No one listens to you!
Na das ist ganz einfach. Im Template werden Schlüsselwörter gesetzt, die dann durch das Template System ersetzt werden. zb mit Smarty:
Im php Script schreibst du tpl->assign('test','Das ist ein Test')
Im Template (deine html Datei) steht dann {$test}, das bei der Ausgabe eben ersetzt wird.
Wichtig ist aber, das du dir das vorher wirklich gut durchdenkst, wie die templates aufgebaut werden sollen. zB kann man auch einen Header oder die Navigation auslagern,...
Ich lagere immer den header und den footer aus.
Damit kann ich schnell und auf allen pages das design ändern, dann natürlich auch mit css.
Ausserdem ist es nützlich auch alle funktionen und klassen auszulagern
hi - ich seh' gerade, dass der Titel deiner Frage mich etwas in die Irre
geleitet hat ...
ich vermutete, du hättest Fragen zur "Zugänglichkeit" (allgemein noch
bekannter unter "Barrierefreiheit" und "Nutzerfreundlichkeit/Usability").
Gruß,
Petra
Hallo zusammen,
Ich denke, dass ich meinen Titel schon richtig gewählt habe, da es mir wirklich darum geht, wie man "richtig" eine Webseite erstellt...
Mein Stil ist es eigentlich dass ich footer und header auslagere, um das design von schrift und andere elemente der page zu verändern benutze ich CSS, den CSS code könntest du auch im header einbringen.
Du kannst auch variablen im header einbringen, zum Beispiel im title:
In der eigentlichen page kannst du dann werte übergeben:PHP-Code:<title><?=$pagetitle?></title>
PHP-Code:<?php
$pagetitle = "Meine Seite";
include "header.php";
Ich kann dir nur css empfehlen. Oder um css umgehen js, aber mit css bist du meiner Meinung nach besser dran.
Lg
rt
CSS und eine Strukturierung der seite durch <div> elemente dürften das problem mit dem wechselnden design erledigen.
für jeden bereich würde ich eine seperate datei anlegen.z.B. eine für den admin-bereich, und eine für den Bereich, den der Besucher sieht.
Hallo zusammen,
gut, jetzt geht die diskusion auch in die richtige richtung... hab mich anscheinend unglücklich ausgedrückt.
Worum es mir auch geht ist folgendes. ich kann mich einfach nicht entscheiden zwischen diversen designstrukturen...
angefangen habe ich z.B. damit, dass ich einen entwurf gestaltet habe und dann jeweil diesen entwurf unter einem anderen namen gespeichert habe mit verändertem inhalt. Das führte aber dazu, dass ich alle seiten verändern musste, wenn ich mal was am design verändert hatte.
Alse sehr umständlich...
Dann bin ich dazu übergegangen, eine hauptseite zu erstellen und den gesamten inhalt zu includieren... daraus entstand dann ein heftiges php gecode, wenn ich interaktive unterseiten hatte... natürlich war ich dann auch entsprechend gebunden, wenn ich die struktur veränbdern wollte... alles in allem war es ok, wenn es nur eine begrenzte anzahl von unterseiten gab, welche abzusehen war. also wieder umständlich in anderem sinne...
jetzt habe ich mal den versuch gestartet, eine kleine projekt mit framesets zu realisieren.. aber irgendwie kann ich mich trotz des vereinfachten handlings nicht damit anfreunden...
zum thema CSS und design... welche vorgehensweise haltet ihr für besser? Tabellen oder CSS... ich habe zu beidem was negatives zu sagen...
CSS ist toll, wird nur nicht richtig verstanden, zumindest habe ich noch kein einziges layout gefunden, welches überall gleich aussah. Damit meine ich die orientierung der inhalte auf der seite, nicht etwas wie farben, etc.
Tabellen sind toll, da alles an seinem platz ist und bleibt. nur wird der code extrem unübersichtlich und geblowd.
Wie seht Ihr das. Wie und nach welchem Schema arbeitet ihr?
Gruß
Zu guten css layouts: http://www.csszengarden.com/
hallo
ich kann mich nur debma anschließen, header und footer sind die besten ausgangspunkte für veränderliches design, mittels css und divisions kann man dann so ziemlich alles um das content herum verändern, sogar das content an stellen hinsetzten, wo man es gar nicht für möglich gehalten hat
will man an der farbe noch etwas austauschbar machen, empfielt es sich theme-sets bestehend aus images und stylesheets zu machen
templates können auch ne nette sache sein, bin ich aber persönlich nicht vom design überzeugt, erinnert mich mehr an ein media-player skin prinzip, schlecht geeignet, wenn sich in der datenstruktur noch dinge ändern, in dem fall sagen mir persönlich konzepte wie server-tags von jsp mehr zu
Berechtigungen
Zitieren
Lesezeichen