Seite 1 von 1

Aufbau einer Homepage!?!

Verfasst: 25.03.2006, 20:37
von r4ffi
Jetzt will ich es aber genau wissen :)

Nachdem hier alle irgendwelche Sachen vorgeschlagen haben und ich nicht wirklich immer verstanden habe wollte ich nochmal nachfragen wie man seine Seite am besten aufbauen sollte...

Nicht vom Styling her, sondern vom Coden her! Also welche Sprache sollte man verwenden? Und wie siehts mit tabellen aus?! was sollte man vermeiden?! Wodrauf achten?

ziel: wenig, übersichtlicher Code, schnelle Ladezeiten, aktuell?!

Wäre super, wenn mich da mal jemand auf den neusten Stand bringen würde, ich arbeite nämlich immer mit meinem Dreamviewer und alle vorgestellten Homepage, die ich mit Dreamviewer erstellt habe, wurde radikal durch den schlechten Code heruntergezogen :)

herlichen Dank im vorraus!

Verfasst: 25.03.2006, 21:28
von Benijamino
... ich kenn mich zwar in der Materie noch nicht so gut aus, aber ich würde sagen:

XHTML
CSS
PHP

auf Tabellen möglichst verzichten, das meiste kriegst auch mit CSS hin.

Verfasst: 25.03.2006, 22:32
von AnD3rS
Benijamino hat geschrieben:... ich kenn mich zwar in der Materie noch nicht so gut aus, aber ich würde sagen:

XHTML
CSS
PHP

auf Tabellen möglichst verzichten, das meiste kriegst auch mit CSS hin.
Dito.

Wobei PHP imho nur bei dynamischen Seiten sinnvoll ist.

Verfasst: 26.03.2006, 00:04
von Ulti
Auf die Semantik achten. Also z.B. Überschriften auch als solche mit <h1> usw. Kennzeichnen, und nicht mit <div class="heading"> oder so.
Wird öfters gemacht, dass wenn man von Tabellen auf CSS-design umsteigt, <div> fast der einzige Tag ist, der noch vorkommt.

Verfasst: 26.03.2006, 07:20
von r4ffi
Welche Seiten könnt ihr empfehlen um sich dem anzunähern?! Hab ja wie gesagt vorher nur mit dreamviewer gearbeitet :)

euch sei auf jedenfall mal sehr gedankt! Freu mich schon mich da ein wenig einzulesen..!

Verfasst: 26.03.2006, 11:14
von Flyke's2u
- http://www.css4you.de/ (sehr gute Seite, da lernt man eigentlich alles)
- http://www.alistapart.com/ (evtl nicht für den Anfang)

- schön das du nun auch andere Wege einschlägst ;) Bin schon auf Ergebnisse gespannt :smile:

Verfasst: 26.03.2006, 12:47
von pichfl
mein spezialgebiet sozusagen....

du solltest auf valides (also den w3c.org-standards entsprechendes) HTML achten. Ob xHTML oder HTML 4.01 ist dabei egal.

Für Layout kommt nur CSS in Frage. Wer legt schon in Word ne Tabelle an, um Inhalte irgendwie an die richtige Stelle zu bringen.

für die Verwaltung kann man entweder auf PHP zurückgreifen, was aber erstmal nochmal eine nicht ganz unerhebliche Menge an zusätzlichem Lernstoff bedeutet. Lieber klein Anfangen und einfach von Hand schreiben.

Weitere Programmiersprachen: Python, Ruby, PERL, c#

Fürs Lernen: schau dir fertige Seiten von den Profis an. (http://shauninman.com, http://jeffzeldman.com, http://simplebits.com, http://www.456bereastreet.com/,.... (weitere Links auf anfrage) ) um genau zu sein: verscuhe die HTML-Struktur zu verstehen. Wenn das einigermaßen klappt, kannst du dich den CSS-Dateien zuwenden. Niemals "raten", sondern die Bedeutung von Zuweisungen bei kleinsten Unsicherheiten nachschlagen.
(z.b. auf css4you) wichtig: css heißt cascading style sheet. lerne die Kaskadierungen und Vererbungen.

Versuche dich zunächst nicht unbedingt an einem kompletten Projekt sondern probier einfach verschiedene Sachen aus.

Wenn du Dreamweaver hast, was spräche dagegen selbigen weiterzunutzen?
Schalte einfach von der Editoransicht auf die Code-Ansicht um und zwinge dich, dort zu bleiben.
blende in der Seitenleiste alle bis auf die referenz und den Dateibaum aus.
Leg dir eine "Site" zum experimentieren an. so behältst du innnerhalb des Programms den Überblick über deine Dateien und kannst immer im selben Fenster arbeiten. Nutze Tabs. Ein Tab für die CSS, einer für die HTML.
Blende auch alle weiteren Paletten aus (elementoptionen, ...), die für den Code nicht nützlich sind.

Nutze Google. Meld dich bei webdesign-l.com an, vielleicht auch noch bei http://css-discuss.incutio.com/ (in der mailing-list).

Weitere nützliche Nebensächlichkeiten: Papier und bleibstift sollten in Ausreichender Menge an deinem Arbeitsplatz vorhanden sein. Es gibt nichts, was eine kurze Skizze oder Notiz auf Papier ersetzen könnte.
Auch ein Taschenrechner ist praktisch, wenn man zu faul ist Werte im Kopf auszurechnen.

Zum Browser: Wenn ud eine Seite programmierst, teste sie ZUERST im Firefox oder Opera. Dann im IE. Wenn der IE Probleme macht, versuche nachträglich diese mit Hacks oder zusätzlichen Stylesheets zu beheben.

Verfasst: 27.03.2006, 02:22
von r4ffi
Bin grad von der Arbeit gekommen, aber ich muss sagen, am liebsten würde ich jetzt schon anfangen :)

Endlich mal wieder was, wo ich mich selber reinlesen kann und wofür ich mich richtig interessiere... werd mir mal morgen nen kleinen Plan zusammen stellen was ich mir zuerst angucke usw..

Danke auf jedenfall erstmal....
Werd mir das morgen alles nochmal genau durchlesen...

Verfasst: 27.03.2006, 06:43
von Paradise
also ich benutze nur noch Dreamweaver (php,html). Für Flash ist swishmax total easy, im gegensatz zu macromedia...

Wenn du mit php anfängst brauchst du natürlich auch php aufm rechner. Sonst kannst du es nicht testen. Das heist du musst dir nen kleinen server bastelln. Da ist XAMPP totall easy. Aber da am besten die zip version. Da kannst du ohne probleme auch mal das prog aufm pc verschieben und es findet nach dem ausführen einer bat auch noch die pfade...

gute hilfe:
http://www.selfphp.info/de/extras/download.php
http://de.selfhtml.org/

Verfasst: 27.03.2006, 12:57
von Chris Cornell
da ich kein geld hab und keine muli edition etc. nutzen will....kommt für mich dreamweaver nicht mehr in frage....dürfte aber bei weitem deine anforderungen erfüllen

im zuge barrierefreiheit etc. rate ich dir zu (x)html und css