Kims Comiczeichenkurs Forum

Gern Du schreibst dir erstmal auf was du alles an Inhalt reinmachen willst, dann zeichnest du dir ein Scribble mit dem Design. In dem überlegst du dir schon mal wie groß alles sein soll, also in pixelmaßen.

Danach baust du dir das grobe Layout mit Div Layern auf, die werden über css so positioniert. Danach fügst du Bilder und Inhalt ein, formatierst wieder alles über css und voila,
du hast eine Fertige Seite.

Was mir auch hilft ist dass ich meine bisherigen 423 verworfenen Ideen mit einem Grafikprogramm deiner Wahl gebastelt hab, also mit Balken und Kreisen und Bildern das Layout überlegt habe... Grad bin ich dabei (bald ist es soweit ) das ganze auf dem Papier zu machen, da mir das am PC zu umständlich war
Vorteil am PC ist einfach, dass du es in der späteren Größe gleich siehst wie groß das sein muss oder wie klein. Und wie es am Ende rüberkommt... Das Bild kannst du dir dann am Ende auch in deinem Browser anzeigen und kriegst so einen guten Eindruck.

Little Boxes hat auch mich glücklich gemacht!

Vorher sollte man sich halt einen genauen Plan machen, am besten auf Papier. Das sollte uns Zeichnern ja nicht so schwer fallen...

Folgender Ablauf ist immer praktikabel: Idee - Konzeption (Struktur, Inhalt, Navigation) - Gestaltung - Erstellung der Seiten.
Daß sich beim Arbeiten oft noch was ändert und sich die Bereiche überschneiden, ist klar. Aber dieser Plan hilft selbst bei kleinen Projekten ungemein.

Setz Dich neben HTML auch unbedingt mit CSS auseinander, und dann vielleicht noch mit SSI (wenn das dein Hoster anbietet), damit kannst Du immer wieder kehrende Elemente zentral einbinden, z.B. die Navigation. PHP wäre dann der nächste Schritt

Und laß Dich nicht verführen von pixelgenauen Darstellungen. Sie sind nicht Sinn des Internets. Valides HTML und CSS sowie ein paar Anpassungen an die gängisten Browser reichen, daß jeder Besucher Deine Webseite sauber und funktionierend zu sehen bekommt.

Es gibt da eine Lösung, die ist allerdings nicht offiziell und wird nur von Mozilla/Firefox richtig angezeigt: -moz-border-radius:10px

Ich würde das mit Hilfe einer Hintergrundgrafik lösen, z.B.:


Das ist natürlich nur ein Beispiel, das Du Dir anpassen und zurechtbasteln mußt (Breite und Höhe der Navi, Vorsicht beim Box-Model-Bug des IE).
Aber so kann man das einfach lösen, und man hat sogar einen Mouse-Over-Effekt ohne JavaScript.

Das ganze Web ist eine Täuschung
Klar ist alles irgendwie eckig, Breite x Höhe ist das Maß. Ob verpöntes Tabellenlayout oder CSS, runde Grafiken nehmen erstmal den Platz eines Rechtecks ein.

Du hast 'ne PN mit weiterführenden Links und Infos, die Deine Fragen erstmal beantworten sollten.

Vielleicht hat keiner deinen Wunsch so verstanden.

Ich hab bei mir die Navigation zwischen den einzelnen Toons einfach mit Tables gemacht. Also eine dreispaltige Tabelle, links mit zurück, rechts mit vor und in der Mitte der Toon. Mit CSS kriegt man das sicher auch hin, war mir aber zu kompliziert...

Mach doch einfach. 3 Bilder nebeneinander mit Platz dazwischen, das ganze zentriert überm Bild: zurück - Übersicht - weiter
Mit CSS kannst Du dann natürlich noch Feinheiten wie die Abständen etc. angeben (in dem Beispiel unten 15px links und rechts).
Von Tabellen laß am besten die Finger, wenn Du Dich schon in CSS einarbeitest. Das ist dann Pfusch.

So könnte das aussehen:

Ganz simpel ohne Tabellen. Und etwas ausführlich mit title="" und alt="", kannst, Du Dir gleich angewöhnen.
Wenn Du immer die gleiche Position haben willst, verpackst Du das noch in ein DIV, das Du positionierst.
Keine Zauberei

Uizwick! Dann ist meine Homepage wohl Pfusch...

Hast natürlich recht Hannes, ich hab mich da halt drumrumgemogelt...

Karl, das ist noch gar nicht lange her, da war sowas Standard Und nicht jeder hat Zeit und Nerven, sich mit der Technik auseinanderzusetzen.
Nur ist jetzt CSS Stand der Technik, und wenn er sich schon die Mühe macht, sich da einzuarbeiten, hat es wenig Sinn, auf geächtete Codebasteleien zurückzugreifen.

Also ich glaub, wenn man (wie ich) eine einzige dreispaltige Tabelle miteinbaut, dann ist das nicht so schlimm. Der Rest (samt Navigation und Mouseover) ist bei mir eh CSS.

Servus Herge.

Wenn du mehrere Bilder / Icons nebeneinander machen willst, wäre ein Table nicht schlecht.
Da kannst du dann auch ganz einfach per CSS datei definieren wie Header, Cols und Rows auszusehen haben und selbst für jedes sauber und ordentlich fonts und colors bestimmen.

Kommt halt ganz drauf an, was du genau basteln willst. Aber auf jeden Fall solltest du bei solchen Tabellen drauf achten, das alle Bilder möglichst die selben Größen haben.
Du kannst dabei sogar per CSS einstellen, ob du für bestimmte TD.id's Hintergründe in den Feldern haben willst oder verschiedene Farben und und und...
HTML ist schon ne feine Sache

EDIT: Huihuihui.. ich hab grad mal ein wenig mehr im Thread gelesen und stelle fest, da du vom Erstellen von Websites nicht wirklich Ahnung hast Herge
Sodann: google mal nach SELFHTML .. ist ne unheimlich gute Nachschlagehilfe für HTML, CSS, PHP (letzteres gibts als SelfPHP).. da sind alle Befehle mit Syntaxerklärung usw drin.

Thema kostenlos: Prinzipiell kann man eine Webseite sogar mit Notepad erstellen (oder sonst einem Texteditor) denn Webseiten sind nichts anderes als Textdateien, die Zeile für Zeile abgearbeitet werden..nur so als Grundlagenverständnis

Ansonsten bastel einfach mal mit Frontpage herum.. einfach ein paar fertige Objekte einfügen und hin und her schieben.. dann die Seite speichern und mit Wordpad oder Notepad aufmachen und dir die Zeilen anschauen.. den Quellcode lesen und versuchen mit SelfHTML zu verstehen.
So lernst du effektiv WAS du da überhaupt machst und wie das Ganze überhaupt funktioniert
Sicher ist es viel Lesekram - was du scheinbar ja nicht so gerne machst ~fg~ - aber nur so lernt man auch wie es geht und versteht den Aufbau.

Ich hab meine erste selbstgebastelte Homepage (damals mit Frames) mit einem Texteditor gebaut.

Witzig find ich, daß der Herge sich immer so in Details verbeißt. Verlier darüber das große Ganze nicht aus den Augen.