ubuntuusers.de

Hallo alle mitnander,
ich weiß es geht nicht wirklich um programmieren in dem Sinne, dass hinterher ein Programm/Skript/wasauchimmer fertig da steht aber ich hab vor einigen Jahren das letzte Mal an einer Homepage gearbeitet (im Schulunterricht 😉 ) und bin damals mit Html und ein wenig JavaScript gut ausgekommen!

Allerdings bin ich jetzt gebeten worden, für Bekannte eine Homepage aufzusetzen ("du kannst doch sowas") und da ich ein wenig Zeit nebenbei hab wollte ich mich mal wieder in die Sache einarbeiten.

Es wäre super lieb wenn ihr mir dafür ein paar nützliche Links und oder Sachen die ihr empfehlen könnt an die Hand geben würdet, da ich nicht mehr wirklich den Durchblick habe was möglich ist oder was evtl totaler Overkill ist und einfacher gelöst werden kann!

Was ich gerne auf die Beine stellen würde wäre..

- ein einheitliches Design an das ich kein "Designed for 1024*768" oder sowas dranschreiben muss
- Tabellen die ich sauber und übersichtlich in das Gesamtbild einpassen kann
- jeweils Bilder und Text, die ich später noch leicht erweitern kann

was brauche ich dafür?
Html, CSS.. direkt ein ganzes CMS?
Php?

Ich blicks nicht..
irgendwelche Ideen wie ich das leicht zusammenbauen kann?

Ich wäre für Ratschläge wie ich das überhaupt machen kann sehr dankbar, Tutorials die beschreiben was ich brauche nehme ich gerne an, ein freier WYSIWYG-Editor, anhand dessen ich mir das Grundgerüst anschauen kann wäre mir zur Not allerdings auch recht..

mfg
ein verzweifelter wolfs

Also ich arbeite seit ca. 2 Jahren nebenberuflich als Webdesigner, habe auch so angefangen wie du (du kannst doch mal usw...).

Ich würde ein CSS Layout auf jeden Fall nehmen, wenn du kein Konaktformular usw.. brauchst würde ich es ohne PHP machen...

Damit du nicht immer vorlagenseiten kopieren musst usw... würde ich ein kleines Makefile schreiben, das hat sich bei mir bewährt...

Ich habe eine header.inc eine footer.inc (die eine ist der anfang der HTML Datei, das andere kommt unten ran), und dann habe ich noch sog. *.con Dateien, und meine Makefile macht aus all diesen Dateien HTML Dateien, und prüft diese Automatisch mit tidy auf HTML Fehler (finde ich persönlich schon recht wichtig!).

Als HTML Standart würde ich XHTML 1.0 Strict nehmen, aber ohne XML-Deklaration am Anfang und Ende, damit hat der MSIE bis Version 6.0 nämlich probleme und verwendet den Quirks-Mode...

mfg Betz Stefan
PS: Bei Bedarf kann ich dir das Makefile ja mal hochladen, haben ja denke ich alle wa davon *g*

Nimm Wordpress oder s9y oder Drupal, da gibt es tausende von Themes und eine ausgereifte Technik

Wordpress oder so scheiden prinzipiell aus, weils wirklich ne klassische Hp und kein Blog werden soll.
Es wäre nett wenn du die Dateien mal hochladen könntest dann würde ich mir das mal anschauen..
evtl mit MAKEFILE? =)

Werd mich die Tage mal wieder einlesen was HTML und CSS so angeht.. und dann weiterschauen falls keine weiteren Vorschläge kommen ☺

Hallo wolfs,

es kommt darauf wie groß die Webseite ist und was du darstellen willst.
Bin kein Webdesigner, aber für einfache Seiten reicht html mit css (design mit Tabellen sind out).
Falls der Content sich ändert soll, bzw. der Auftraggeber was hinzufügen soll, wird es schwieriger. Dann ist ein CMS wie Joomla das richtige, aber auch Blogs oder Wordpress. Hierbei kannst du das Design auch manuell verändern glaube ich, zumindest bei Joomla. Design mit 1024x768 finde ich nicht schön. Wenn es eine einfach Seite ist in html, würde ich diese immer automatisch anpassen lassen mit JavaScipt.
Wann braucht man PHP? Häufig für Dynamische größere Seiten würde ich sagen oder oft wenn es um Daten geht die in eine Datenbank wie MySQL geschrieben/gelesen werden sollen wie z.B: Gästerbuch, Forum, Counter.
Mache dir aber vorher Gedanken was du einsetzen willst, das macht die Suche für den Webhoster (Webspace) einfacher.

Infos:
http://www.joomla.de/
http://de.selfhtml.org/
http://www.macx.de/projekte/barrierefrei/
http://jendryschik.de/wsdev/

Sonstiges:
http://www.heise.de/ct/03/08/086/default.shtml
http://www.heise.de/security/artikel/84149
http://www.heise.de/security/artikel/66815
http://www.heise.de/ix/online/tutorials.shtml

Ich würde vor allem nicht von verfügbarer Technik ausgehen, sondern vom Zweck, der mit der Homepage erreicht werden soll.

Das kann die Techniken schon drastisch einschränken.

'modern' klingt so, als ginge es nur darum auch im Netz zu sein.
Dann kann es wirklich sinnvoll sein nur die neuesten und abgefahrensten Sachen zu verwenden.

Ansonsten bestimmen die Inhalte, die Zielgruppe und Kostenerwägungen weitesstgehend den Rahmen dessen, was man tun kann und sollte.

Modern sollte heissen, dass ich gerne gewillt bin mehr zu lernen als das HTML/JavaScript, dass mir damals in der Schule beigebracht wurde 😉

Sorry muss zur Arbeit, werde später nochmal was längeres dazu schreiben!

mfg/danke bis hier hin

wolfs

ein paar Prototypen auf denen man aufsetzen kann:
www.transcendingcss.com

browserübergreifendes Design leichtgemacht:
yaml

tools:
firefox + firebug
jedit

php cms / framework:
phpcms - flatfile
codeigniter - helper
joomla
drupal

Ok, ich versuche es auch einmal.

- ein einheitliches Design an das ich kein "Designed for 1024*768" oder sowas dranschreiben muss

Wie oben geschrieben wäre da XHTML in der Version 1.0 Strict wohl am sinnvollsten. Mit diesem Standard (wird dann auch innerhalb des HTML-Dokuments als sog. Doctype für die Browser angegeben) verpflichtest du dich, dich an diesen XHTML-Standard zu halten welcher wiederum genaue Spezifikationen aufweist wie was anzugeben ist. Die Browser wiederum erkennen dann diesen Standard und sollten (!) versuchen, die Darstellung auch entsprechend diesem Standart vorzunehmen wobei sie kaum Freiraum für 'Interpretationen' haben. Folge: Auf allen Browsern sollten die Darstellung der Seiten einigermassen identisch sein.

- Tabellen die ich sauber und übersichtlich in das Gesamtbild einpassen kann

Das verstehe ich nicht ganz, so wie es geschrieben steht willst Du Tabellen in die Seite einpassen - kein Problem, für tabellarische Daten gibt es diese unverändert.
Sollte Layout mit Tabellen gemeint sein - ist aus

~ Zugänglichkeits- (Einfaches Beispiel: Screenreader lesen eine Menü-Tabelle anders vor als eine Menü-DIV-Reihe),
~ Lesbarkeits- (Tabellenlayouts sind sehr schwer sauber zu gestalten werden mit der Grösse immer fehleranfälliger und undurchschaubarer) und
~ Geschwindinkeitsgründen (Tabellenaufbau wesentlich langsamer als CSS) zu Recht in Verruf geraten. Das Layout der Seite sollte per CSS geregelt werden, der statische Inhalt dann z.B. per XHTML, dynamische Inhalte z.B. per PHP.

- jeweils Bilder und Text, die ich später noch leicht erweitern kann

Das widerum spricht für eine dynamische Seite, späteres Erweitern wird mit zunehmender Menge an statischen Seiten schwieriger. Noch schwieriger wird die Umgestaltung im Falle einer XHTML-Veränderung im Quelltext. Sollte dieser in mehreren Seiten zu verändern sein artet das in langwieriger Handarbeit, fehleranfällige Search&Replace-Orgien oder sonstwas aus.
Das Einfügen und/oder aktualisieren von Text und Bildern wird durch beispielsweise PHP und einem einfachen Content Management System sehr vereinfacht.

Ganz allgemein: Ich persönlich habe mit dem Weg XHTML/CSS/PHP nur gute Erfahrungen gemacht, XHTML unterscheidet sich nicht sooo viel vom 'bekannten' HTML, CSS ist auch nicht schwierig, macht im Gegenteil sogar sehr viel Spass die Möglichkeiten auszuloten, PHP - Programmierung macht auch Spass, ist aber nicht zwingend nötig, ausreichend entwickelte Content-Management-Systeme auf PHP-Basis sind reichlich vorhanden.
Trotzdem machen die Browser immernoch kleine Unterschiede bei der Darstellung - in den meisten Fällen erhalte ich in Firefox/Opera/Konquerer/Epiphany ein nahezu gleiches Ergebnis (FF Versionen können auch mal Unterschiede machen), IE in verschiedenen Versionen hat ab und zu Probleme mit der richtigen Darstellung, was aber leicht durch Conditional Comments behoben werden kann. Mein persönlicher Weg für eine saubere Website bedeutet also:

~ XHTML 1.0 strict
~ CSS
~ PHP bei Bedarf
~ Conditional Comments für IEs

Schnell noch eine Lanze für Wordpress brechen: WP kann sehr wohl für eine Nicht-Blog-Seite eingesetzt werden, es bietet z.B. Einstiegsseite, frei gestaltbare und online editierbare statische Seiten, Linkseite, Kontaktseite, schöne URLs wenn man will, die Templates sind frei editierbar (wieder XHTML/CSS) - man muss da kein Blog draus machen. Ausserdem ist es noch nicht zu aufgebläht, Bugs werden schnell beseitigt, Plugins (z.B. für die Bilder und/oder Gallerien) gibt es ohne Ende, usw, usw ...

So. Und jetzt werde ich mich daran machen diesen Beitrag mit Links zu versehen...

Allgemeine Beschreibung zu HTML/XHTML
Selfhtml Forum
SelfPHP - Infos und Foren

Da gibt es noch viel, viel mehr per Suchmaschine der Wahl, das ist ein riesiges Betätigungsfeld mit noch mehr Möglichkeiten...

Viel Spass und Grüsse

Ich mag nur kurz was schreiben: Also ich würde auch dringend zu PHP raten. Man muss davon keine große Ahnung haben, aber es hilft sehr viel, wenn man auf der Seite eine klare Struktur, wie z.B. Kopf, Menü, Hauptteil und Fußleiste hat. Ich mußte bis vor kurzem auf meiner Seite 20 HTML-Seiten einzeln anpassen, weil ich eine andere Fußleiste haben wollte. Mit php ändert man eben nur eine Datei, das spart extrem viel Zeit.

Gruß, Dee

Uups - Selbstzitat(?) - Entschuldigung.

Anbei eine verkleinerte Version von meinem Makefile...

Einfach in ein Verzeichniss kopieren, und dann folgendes in die header.inc:

<html>
<head>
<title>Title</title>
</head>
<body>

und in die footer.inc z.B.:

</body>
</html>

Und den Rest vom HTML der Seitenspezifisch ist einfach in eine *.con Datei wie z.B. index.con (daraus würde dann index.php werden).

Dann einfach "make" eintippen, und gut ist!

Wo du das aufteilst, bleibt dir überlassen, für kleine Projekte bin ich so ähnlich eigentlich immer gut gefahren, da PHP natürlich immer noch mehr Leistung braucht als nur von apache einfach ne statische HTML Datei auszuliefern zu lassen.

Wenn du die header.inc/footer.inc änderst werden dank make alle Dateien autoamtisch aktualisiert, schön wenn man mal ne kleinigkeit ändert ☺
mfg Betz Stefan
PS: Du brauchst natürlich make & tidy auf deinem Rechner, sonst geht das nicht ☺

edit: Die header/footer Dateien müssen header.inc und footer.inc heisen, sorry für den Fehler!

Das makefile funzt bei mir nicht ☹

make: *** Keine Regel vorhanden, um das Target »header.html«, 
  benötigt von »all«, zu erstellen.  Schluss.

Obwohl das alles mit PHP einfacher geht (man muss die Datei nur auf dem Server bearbeiten, mit dem makefile müsste man das ganze Projekt nochmal auf den Server hochladen!)

Dee hat geschrieben:

Ich mag nur kurz was schreiben: Also ich würde auch dringend zu PHP raten.

Ich nicht. Gerade bei den ersten Gehversuchen schießt man sich mit PHP leicht in den Fuß (mache haben sich damit auch schon in den Kopf geschossen, wie heise security zu berichten weiß 😉 ). Solange man nur bei includes bleibt, ist php ok, aber erfahrungsgemäß bleibt man nicht lange dabei 😉

Dee hat geschrieben:

Man muss davon keine große Ahnung haben, aber es hilft sehr viel, wenn man auf der Seite eine klare Struktur, wie z.B. Kopf, Menü, Hauptteil und Fußleiste hat. Ich mußte bis vor kurzem auf meiner Seite 20 HTML-Seiten einzeln anpassen, weil ich eine andere Fußleiste haben wollte. Mit php ändert man eben nur eine Datei, das spart extrem viel Zeit.

Dazu sollte man lieber eine anständige Template-Engine nehmen. Wenn man nur statisches HTML darstellen will, kann man die Templates offline rendern lassen, was auf dem Server gegenüber dem PHP-Weg Ressourcen spart (da mod-php nicht geladen sein muss). Bei dynamischen Seiten sollte man sowieso auf Python oder Ruby in Verbindung mit einem anständigen Framework (Rails, Django, CherryPy, etc.) zurückgreifen, dann kommt man an Templates sowieso nicht mehr vorbei. Diese Frameworks (besonders Rails) sind auch mehr Web 2.0-mäßig 😉

Da kann ich Lunar echt nur zustimmen, der Anfang ist in PHP wirklich leicht gemacht, aber je komplexer das Projekt desto umständlicher wird PHP... Zumal viele PHP Einsteiger noch nie was von Sicherheit beim Programmieren gehört haben (und wiedermal weiß heise security bescheid), was leider keine vermutung sondern eine feststellung ist... Es gibt einfach noch zuviele Projekte die im SafeMode nicht funktionieren, und exec() hat auch nix in einer webanwendung verloren!

Das mit der Template Engine ist auch eine feine geschichte, da kannste auch mehr machen als nur includes, da gabs doch mal irgendso ein perl teil was net mal so schwer zu benutzen war.... ich glaube hat wml geheisen, ist sogar in den ubuntu repository's drin ☺

mfg Betz Stefan