Webdesign für Einsteiger

[outlaw_wolf]

Ich bastele gerade an einer Seite über Webdesign.
Dazu brauche ich noch ein paar Ideen und Anregungen von Euch,
da ich mich selbst erst hoch arbeite.
Das ganze soll eine Sammlung von allen möglichen Tipps und Tricks werden.

Der Harken ist allerdings, die Seite wird komplett mit den einfachsten Tricks aufgebaut! Das heißt kein Flash, keine Frames, keine DHTML – Elemente. Nur Tabellen, leichte Grafikformatierungen und HTML. Man soll sie sich mit dem ältesten IE oder Netscape anschauen können und jeder soll es verstehen.

Ich hab eine Vorabversion schon mal unter http://members.fortunecity.de/dsn1 ins Netz gestellt.

Schaut einfach mal rein und postet, was Eurer Meinung nach nicht fehlen darf.
Hier hoffe ich auf viele Webdesign Neulinge, den für sie wird die Seite gebaut. Ich muß wissen ob es allgemein verständlich ist.....

Thx outlaw_wolf

[007]

das favicon muss eine größe von 16x16 Pixeln haben, nicht 32x 32 ;)

[007]

zwar aufwendiger, aber wesentlich praktischer wäre es, wenn du blutigen Anfängern die farbigen Scroll Leisten in ein css style sheet packst und dann ihnen erklärst wie sie das style sheet in jede site einbinden. finde ich persönlich besser als da hunderte von tags innen header zu hauen.

Irgendwann wollen sie dann nämlich auch links underlinen etc... ;)

[007]

wenn du willst das jeder browser die site bis auf's letzt anzeigen kann, solltest du aba keine farbigen Scrollleisten verwenden.

Ich glaube die frißt nur IE ab 4 und Netscape noch später !!!

[outlaw_wolf]

Hey, danke für die vielen Rückmeldungen
Das Favicon kann auch nur der IE anzeigen...
An die Style Sheets setze ich mich mal dran, die kommen noch dazu....
Ich finde es allerding einfacher den Tag in jede Seite zu kopieren.

[007]

hm am Anfang schein da sso, aber wenn man dann 100 html seiten für seine hp hat und dann die Scrollleistenfarbe ändern will? Viel Spaß!

beim Stylesheet kostet dich das nur ein müdes lächeln. ;)

Das einrichten des sheets ist einmal arbeit und dann in jede site die man codet einen Verweis auf das stylesheet, aber dann geht alles schneller.


Willst für Anfänger nicht auch noch so ein paar javascripts oder so einbauen die sie dann nur copy & pasten müssen ?

[outlaw_wolf]

Kann man noch machen......

[Susi]

Originally posted by 007
wenn du willst das jeder browser die site bis auf's letzt anzeigen kann, solltest du aba keine farbigen Scrollleisten verwenden.

Ich glaube die frißt nur IE ab 4 und Netscape noch später !!!

IE ab 5.5 :D


Vielleicht machst du mal das Babyblau weg des isch ja imho :kotz: hässlich

[outlaw_wolf]

Originally posted by Susi

Vielleicht machst du mal das Babyblau weg des isch ja imho :kotz: hässlich

Vorschläge????

[Susi]

dunkelpalau vielleicht :D
wenns schon blau sein muss ?

[outlaw_wolf]

Blau muß nicht sein......

Welche Farbe ist Eurer Meinung nach am angenehmsten????

[barracuda]

Hauptsache dunkel, daß man keine Augenschmerzen davon bekommt. Dunkelblau sieht edel aus, braun-rot oder dunkelgrau geht auch. Dazu orange Schrift in einer gefälligen, schön lesbaren Schriftart, Vorschlag 'font-family: Verdana, Arial, Helvetica, sans-serif'.

[outlaw_wolf]

Grau & Orange ....
Klingt gut!
Setze ich gleich um.

[Susi]

Jetzt ists aber schwer zum lesen!!!

[outlaw_wolf]

Ich hab gerade die Seite hochgeladen.
Jetzt ist es Orange - Grau.
Bei mir ist es gut zu lesen.
Wie sieht es bei Euch aus?

[barracuda]

Ja so wird das schon. Versuch mal ein etwas dunkleres Grau, (color=#333333) fast schwarz, oder ein dunkles Blau (color=#000066). Ist aber alles Geschmackssache.

[outlaw_wolf]

So die Seite ist dunkel.

Ich muß nur noch die grafiken ändern...

[barracuda]

Das gefällt mir persönlich bessr als das hellere Grau, aber, das ist natürlich nur meine Meinung. Intuition und Experimentierfreude nützen so einem Projekt wesentlich mehr als Grübeln. Also nur Mut mal dies und jenes auszutesten!

[Susi]

Jaaaaaaaaaaaaa :) chic, jetzt sieht es aus wie Schokolade, zum anbeißen :D

[Susi]

Originally posted by outlaw_wolf
Wenn ich mich trotzdem irgendwo scheiße ausgedrückt habe schick mir einfach eine Email und ich versuche es zu verbessern.

Und verbessere des bitte doch noch.

[outlaw_wolf]

Ich arbeite dran......

[outlaw_wolf]

Die Seite wurde up-ge-datet......

[barracuda]

So sieht man schon, was es mal werden soll. Auf der Startseite ist das Schriftbild noch uneinheitlich. Bei den Screenshots würde ich das grün der Windows-Titelleisten durch ein dunkles Blau ersetzen.

[Susi]

Häh ???
Wo isch die Site ?
Jetzt isch nurnoch die SChokosite mit SChrift drüber

[outlaw_wolf]

@ Susi
Vielleicht warst Du gerade während des Uploads auf der Seite....

@ barracuda
Was hast Du gegen mein grün???
Gut blau mach glücklich aber grün ist doch auch schön... =)

[outlaw_wolf]

Ich brauch noch ein paar hübsche Bilder für die Navigationsseite.....

[barracuda]

Naja ich find das grün ein :kotz:-grün. Aber das ist Geschmackssache.

Ich würde so ein Blau vorschlagen:

[outlaw_wolf]

Nicht schlecht....
Wie hast Du es blau bekommen???

[barracuda]

Tja Photoshop rulz! Bild laden, Bild -> Einstellen -> Farbe ersetzen. Mit der Pipette das Grün aus der Titelleiste aufnehmen und dann ein bisschen an den Reglern spielen.

Was meinst Du eigentlich genau mit 'Bilder für die Navigationsseite'?

[outlaw_wolf]

Mir schweb da noch nichts spezielles vor.
Ich brauch nur noch irgendwas, das das ganze auflockert.....

[outlaw_wolf]

Ist das Tool zu Farbe ändern ein Plugin oder serienmäßig???

[barracuda]

'Farbe ersetzen' ist eine Standardfunktion im PS. Geh einfach so vor wie ich es weiter oben beschrieben habe. Außerdem ist der PS auch eine hervorragende Bastelwerkstatt für Buttons und Trennlinien um das Design etwas aufzulockern.

[outlaw_wolf]

Hab's gapackt...

Ich hab schon ein bißchen mit Photoshop herumgebastelt, allerdings fehlt mir noch ne Menge Übung.....

Und nur learning by doing ist ein bißchen hart... =)

[outlaw_wolf]

Ich brauche was um die Freiräume hier ausfüllt...

[Susi]

;D Super Übersichtlichkeit

[outlaw_wolf]

War nur so ein Test..... =)
Aber ich finde die Boxen cool.
Gut, an der Anordnung muß ich noch was machen....

[outlaw_wolf]

Mit welchem CSS-Skript kann ich die Tabellen-Rahmen ausschalten und den Zellenabstand auf 10 Pixel erhöhen?

Ich hab mir zwar ein Buch bestellt aber das lässt auf sich warten.

[Susi]

table{
border : none;
}

lad dir mal topstyle runter!


cellspacing musst du afaik selber machen.

[barracuda]

für 'cellspacing' gibt es keinen CSS-Deskriptor, und das mit dem Rahmen funzt besser wenns so gemacht ist wie unten stehend:

TABLE
{
Border-Style: none;
}

Wenn Du CSS verwendest, kann ich Dreamweaver empfehlen, der macht einen separater CSS-Editor überflüssig.

[outlaw_wolf]

Originally posted by barracuda

TABLE
{
Border-Style: none;
}

Geht lieder nicht.....

[outlaw_wolf]

Könnte es daran liegenn daß mein Programm automatisch irgendwas formatiert????

[barracuda]

Hmmm. Hab jetzt gerade mein nigelagelneues Linux laufen, da ist natürlich kein Dreamweaver drauf, aber heute abend irgendwann steck ich nochmal meine andere HD dran und boote nochmal Windoof. Dan kann ich nochmal schauen. :)

(Test: äöüßÄÖÜ)

[outlaw_wolf]

Mit dem Dreamweaver mußt Du nicht extra probieren...
Ich verwende GoLive...

[Susi]

Also Topstyle hat mir gesagt dass es so geht,
haste es jetzt mal versucht ?

[outlaw_wolf]

Ich arbeit mit Topstye Pro 2.10.....
Und es geht nicht....
Ich vermute das GoLive es mit seiner Standartformatierung für Tabellen verhunzt.

[Susi]

Originally posted by outlaw_wolf
....das GoLive verhunzt.

;D steig mal auf Homesite um, gerade Version 5 rausgekommen.

[outlaw_wolf]

Wäre mal ne Überlegung wert....

Ach ja, ich hab mal wieder die Seite neu hochgeladen.

[Susi]

Bei einer NAvigation nach unten scrollen ?
Find ich ziemlich unpraktisch, da verliert man viel zu schnell die Übersicht !

[outlaw_wolf]

Ich hab die Navigation mal ein bißchen verbessert.....

[Susi]

Ich weiß ja nicht ganz, aber findest du es jetzt sinnvoll ?
Optimal sind 5 Menüpunkte, vielleicht teilst du das Ganze mal in einzelen Rubriken ein.
Und mach bitte den komischen Counter auf der ersten Seite weg!

[outlaw_wolf]

Wenn Du den dappische grünen Plazhalter gemeint hast, der ist weg.=)

Ich könnte das ganze in

Allgemeines
Aufbau
Link

unterteilen.

[Susi]

genau :D
Mach mal hin !!!

[outlaw_wolf]

Sorry wird erst mal nicht klappen....
Ich muß beruflich 4 Wochen nach Spanien.
4 Wochen ohne Computer..... :(

Ich nehm mir zumindest mal mein XHTML - Buch mit......

[Susi]

Na supa :(
dann wird mir ja langweilig. :)

[outlaw_wolf]

Muß halt sein.... :(
Wenigstens kann ich mir dann mal mein Buch anschauen.

[outlaw_wolf]

Jaja, da ist erst mal eine Woche nicht im Lande und schon stirbt das Thread aus.....

In 1-2 bin ich ja wieder daheim.....


Gruss aus Spanien.

[Susi]

Wer soll denn sonst dran weiterarbeiten ??? :D
Haste wenigstens Sonne dort unten ?

[Susi]

Sagmal biste dort unten geblieben als du gehört hast, dass das Forum net geht ? Haben wir hier auch Spanier ? HÜLFEEEEEeeee

[outlaw_wolf]

So, ich bin gerade letzte Woche wieder gekommen.

Sonne hatten wir zu genüge.
Leider hab ich nicht viel davon abbekommen, da ich die ganze Zeit in einer dunkelen und kalten Fabirkhalle herum gerannt bin und versucht hab meine Spanier zu arbeiten zu bewegen.

Ich habe mittlerweile mit einer neuen Seite angefangen.
Diesmal sogar mit etwas Unterstützung.
Die URL ist http://bauer-dieburg.bei.t-online.de/sr.

[Susi]

da isch nix

[outlaw_wolf]

Da hat anscheinend der letzte Slash gefehlt.

http://bauer-dieburg.bei.t-online.de/sr/

Dieser müsste funktionieren.

[outlaw_wolf]

Die Seite ist jetzt über, Meine momentan Homepagebastelei in meiner Signatur zu finden....

Bis jetzt geht es nur um den Aufbau. Die Datenmasse liegt noch auf meinem PC herum.

[outlaw_wolf]

We have moved!
http://mitglied.lycos.de/lovwyr2061/
Wie findet Ihr das Layout?