Vollständige Version anzeigen : Web-Design Fragen über Fragen
Hiho Ihrs!
(Falls der Thread hier falsch liegt, bitte verschieben *zwinker* )
Seit schon langer Zeit will ich eine eigende Homepage machen. Ich hörte mich im Inet um, was man alles dafür benötigt. Zum einen HTML Kentnisse, zum anderen ein Grafikprogramm. HTML zu lernen war ja nicht schwierig, ein Teil wird in der Schule beigebracht, den Rest habe ich auf SelfHTML gelernt. Nach und nach wurde mir auch Photoshop und PhotoImpact geschenkt.
Naja, soweit so gut. Ich habe ja mit beiden Programmen wenig Ahnung.
Ich schreibe sehr gerne Fantasy Geschichten. Da ich schon viele Geschichten schrieb, kam ich ja auf die Idee mal eine Homepage zu machen. Auch lese ich sehr gerne Mangas und versuche deshalb Fantasy und Manga zu verbinden und das als Grundlayout meiner Homepage zu nehmen. Aber hier ist das Problem.
Ich habe keine Ahnung wie ich das machen soll. Was ich weiss ist, das es mit Frames gemacht werden soll. Aber wie sollen die Farben aussehen, so das es zu Fantasy und Manga passt. Wie soll das Layout aussehen... Fragen über Fragen, für dessen ich keine Antwort weiss. Vieleicht bin ich ja auch einfach zu unkreativ oder sowas... Aber wäre sehr nett von euch, wenn ihr mir einige Vorschläge (Tipps) geben könntet, wie die Farben ungefähr harmonisch zu dem Thema Manga und Fantasy passen würde.
liebe Grüßle
Nei
Ein Anfang ist, einfach mal im Netz Seiten anzugucken, die die von dir Favorisierten Themen beinhalten.
Zum Layout an sich: setz dich mal gemütlich hin, nimm dir einen Bleistift und einen Zettel (oder mehrere) und fang an ein Paar Skizzen zu machen.
Der Aufbau kann klassisch sein: Header, Menu Body, oder auch mal ganz anders, letztenendes ist dann halt ie frage wie man es umsetzten kann.
Fang an das gekritzelte in dein Grafikprogramm umzusetzten, mach auch hier und dort eine Ebene mit etwas Beispieltext, alles so wie es dann im Webbrowser aussehen soll. zuletzt setzt du das Design dann um (http://www.ylloh.de/psc/arrow.gifSlicen)
Zeig uns zwischendurch deine kreativen Zwischenschritte, dass wir dir auch weitere Tips geben können ;)
Gruß
Holger
Des weiteren verzichte auf Frames und erspar dir und deinen Usern viel Javascript/Flash/Werbung/Popups (deaktivieren eh die meisten).
Die besten Webseiten sind immer noch die, welche wenig Drumrum, dafür viel Inhalt haben und das ganze schnell und unkompliziert präsentieren.
Des weiteren verzichte auf Frames und erspar dir und deinen Usern viel Javascript/Flash/Werbung/Popups (deaktivieren eh die meisten).
Die besten Webseiten sind immer noch die, welche wenig Drumrum, dafür viel Inhalt haben und das ganze schnell und unkompliziert präsentieren.
Javascript, Flasch Werbung und Popups werden nicht da sein. Aber wieso sollte ich auf Frames verzichten? Gut, ich könnte noch ein Tabellenlayout erstellen, aber da kann ich mit Frames doch besser alles verwalten und designen^^
@Ylloh
Okay gut, dann guck ich mich mal im Inet um und versuche daraufhin was zu basteln :)
Frames sind nicht W3C (Web-Standart-Konsortium) konform. Werden in absehbarer Zeit auch hoffentlich von keinem Browser mehr unterstützt.
Das wäre doof. Denn ich werde Frames benutzen. Und so schlecht sind Frames auch wieder nicht. :bleh:
Der Anfang ist getan:
http://s3.bilder-hosting.de/img/M9BRM.jpg
Was haltet ihr bis jetzt davon?
Jetzt wirds halt schwierig, weil ich mit Photoshop arbeiten muss. :frieden:
Werden in absehbarer Zeit auch hoffentlich von keinem Browser mehr unterstützt.
Daran glaube ich nicht so ganz aber stören wurd's mich nicht - ich rümpf immer die Nase, wenn ich einer Frame-Seite begegne :hau:
@Nei:
Versuch's doch mal mit CSS und <div>-Layout. Wenn man das geschickt macht, lässt sich die Seite anhand nur einer Datei ( der CSS-Datei ) komplett anpassen. Bestes Beispiel: http://www.csszengarden.com/tr/deutsch
Hiho,
danke für den Vorschlag, aber das wurde mir schonmal vorgeschlagen, worauf ich halt mal nachgeschaut habe, und finde mich ehrlich gesagt mit diesen css oder wie auch immer nicht zurecht. ^^
Frames sind nicht W3C (Web-Standart-Konsortium) konform. Werden in absehbarer Zeit auch hoffentlich von keinem Browser mehr unterstützt.
Ich weiß nicht, wieso viele immer die Frames verteufeln. Ich finde Frames immer noch gut. Es gibt nämlich immer noch Leute, die hinter einem Modem hängen und jedes mal, wenn die auf einer Nicht-Frame-Seite einen Menülink anklicken lädt die ganze bekloppte Seite von vorne bis hinten neu. Das kostet Zeit und ne halbe Minute vor einem weißen Bildschirm sitzen ist nicht toll. Ich habe selbst 2 Seiten, die noch mit Frames gebaut sind. Wenn man links was anklickt lädt nur der Mittelteil neu. Header und Menü sind also immer sichtbar. So muss das sein.
Also dein Scrteen ist in meinen Augen nicht Kreativ *g*
Das ist 2 Minuten-HTML ;) 1980 war das was besonderes, jaa ich war auch mal stolz auf meine pinke Frame-Seite, aber versuchs mit einem Tabellendesihgn und iframes, dann kann man mit Bildern auch besser gestalten :)
€ @ Jogi: Das sollte in zeiten von Chaches kein Problem sein *g* und eine PHP-Seite läd meist in einem Bruchteil einer Sekunde, wenn dann natürlich 4 Banner mit jeweils 180KB geladen werden müßen, ist klar, dass die Seite lahm ist ;)
Die Frage ist was will man erreichen/darstellen. Will man einfach irgendwie, mit möglichst wenig Aufwand, eine Webpräsenz realisieren hat man keine Lust viel Zeit und Aufwand in die Erstellung der Webseite zu investieren. Ergo benutzt man an Technik was einfach ist. Frames und einfache Tabellen sind einfach zu benutzen. Aber sie haben auch viele Nachteile und ermöglichen selten eine ausgefeilte gestalterische Aufmachung. Frames-basierte Webseiten sehen demnach auch immer aus wie mit Frontpage erstellt, egal was man macht. Des weiteren wird jeder eine Frames-Seite verfluchen, der je mit einem mobilen Browser eine solche Webseite besucht hat :)
Für schnelle Ladezeiten reduziert man die Grafiken auf ein Minimum oder erstellt eine rein Text-basierte Webseite für Modem-Benutzer.
Um zurück zum Thema zu kommen:
Für einen ersten Gehversuch in HTML ist es ganz ok was einfaches zu machen. Wenn man später einen höheren Anspruch an seine Webpräsenz stellt, kann man immer noch eine ausgefeilte Webseite nachliefern.
Ich würde bei deiner jetzigen Webseite darauf achten das du die Webseite nicht für eine 1024x768er Auflösung optimierst. Es gibt viele die ihren Browser nicht im Vollbildmodus betreiben. Sonst kann man noch nicht viel dazu sagen, ist ja noch nicht viel da ausser eine 3 Fenster Frame-Aufteilung und ein wenig Text :)
Hihi, Leuts, ich habe nie geschrieben das der Screen das fertige Ergebnis des Designs ist :) Ich wollte euch nur zeigen/fragen, ob die Frameaufteilung so ok ist. ^^
Des weiteren wird jeder eine Frames-Seite verfluchen, der je mit einem mobilen Browser eine solche Webseite besucht hat
Mobile Browswer ? Sind doch eigentlich nur Handy's oder nicht? Ach, da ist es egal ob die es nicht sehen können :bleh:
Naja, ich bleib aufjedenfall bei Frame, egal was ihr sagt :bleh: Viiiiieleicht werd ich auch ein Tabellen Layout (mit normalen HTML; nicht mit css) machen. Aber ersteinmal zum Design. Ich habe jetzt endlich eine Idee, wie ich es Designen werde. Ich werde ersteinmal die Zeichnungen per Hand zeichnen, einscannen und mit Photoshop bearbeiten. Ich werde euch das Design dann zeigen wenn es fertig ist.
Mobile Browser gibt es für Handheld´s, PDA´s etc. ;)
Dann mach dich mal ans Design und wenn du soweit bist und ein wenig mehr vorzuzeigen hast wirds auch mehr Anregungen geben :)
Wenn schon frames, dann aber mit Prozentualen Angaben, dann hat jeder was davon, egal ob er mit 800x600 oder mit 80x60 oder mit 8000x6000 unterwegs ist :)
Aber CSS ist wirklich nicht schwer, lies dir die Kurzübersicht bei SelfHTML durch, und es wird klappen, da ja die meisten Sachen, die man in HTML schreibt, auch 1:1 in CSS so sind, nur dass die schreibweise anders ist...
Ja, vieleicht mach ich das irgendwann mit css, aber ich finde das hat ersteinmal Zeit. :ja Die Frameaufteilungen habe ich bissher immer mit %ten gemacht. Wie ist das eigentlich, wenn ich ein Hintergrund Bild habe. Das ist ja eine feste Größe. Wird das dann auch für jede verschiedene Auflösung angezeigt?
Ich bin zwar noch nicht wirklich weiter mit den Design, aber mir fallen schon die nächsten Fragen ein, die mir bei der Umsetzung des Designs helfen könnten.
Es geht nähmlich darum, als Navigationsleiste will ich ein Baum machen, und ringsherum kleine Feen hinangfliegen lassen. Der Baum steht soweit. Die Textur hab ich auch bereits eingefügt. Jetzt sieht das ganze bis jetzt so aus:
http://s3.bilder-hosting.de/img/5JUNS.jpg
Meine Fragen die sich dadurch stellen:
Sieht die Textur so gut aus? Wenn nicht, wie kann ich sie optimal verbessern?
Wie rundet man die Ränder ab, sodas es ungefähr wie in diesen Beispiel aussieht?
http://s3.bilder-hosting.de/img/5KIAQ.jpg
Ich hörte davon, das man die Schatten und Lichteffekte mit den Nachbelichter und Abwedler machen sollte. Aber wie nutz ich das richtig?
(sekundäre Frage) Wie bekomm ich so ein Baum hin, wie es in den Beispiel bei Nummer 2 gezeigt wird ?
Es sollen auch Blätter auf den Baum sein. Hierzu weiss ich aber auch wiederum nicht, wie ich die Blätter machen soll. Brushes für die Form gibt es ja genug, aber wie soll ich die leeren Formen dann füllen und dann auf dem Baum auftragen?
So, das waren meine Fragen, die sich jetzt so ergeben haben.
Lg
Nei
PS: Keine Sorge, die Hintergrundfarbe (in Moment Rosa) wird noch geändert. ;)
1) Darüber lässt sich streiten. Mir persönlich gefällts eigentlich noch überhaupt nicht, aber das muss es auch nicht ;)
2) Das verstehe ich jetzt nicht ganz. Du zeichnest ja die Äste/Baumkrone mit einem Pinsel. Wenn du sie so haben willst wie bei dem Beispielbild, musst du sie halt mit dem Pinsel entsprechend zeichnen :)
3) Mit dem Nachbelichter Werkzeug dunkelst du Stellen im Bild ab. Mit dem Abwedler hellst du Bildstellen auf. Dafür musst du das Werkzeug in der Toolbox einstellen, eine Pinselspitze mit ansprechendem Radius (definiert die Pinselgrösse) und den Bereich auswählen (Lichter, Mitteltöne, Tiefen - Wirkung am besten ausprobieren). Mit der Funktion Belichtung stellst du die Intensität des Werkzeugs ein. Die Einstellungen findest du alle in der Werkzeugleiste (oben unter der Menuleiste).
(Grundlagen-Tutorial folgt in Kürze)
Wenn du dein Werkzeug fertig eingestellt hast, kannst du damit anfangen die Schatten und Lichter auf deine Zeichnung aufzutragen. Das braucht halt alles ein wenig Übung :)
4) Siehe Punkt 2. Du musst den Baum halt entsprechend mit dem Pinsel zeichnen. Wenn du darin noch nicht so geübt bist kann es helfen wenn du dir einen entsprechenden (realen) Baum im Internet suchst oder ein Photo von einem schiesst, dieses dann in Photoshop öffnest und dann mit dem Pinsel (auf einer neuen Ebene) übermalst. So bekommst du immerhin die Baumform sehr gut hin.
5) Zum arbeiten mit Pfaden findest du Tutorials hier im Forum. Wenn du eine Blattform als Pfad hast, ist es ein leichtes diese gefüllt darzustellen. Du kannst aber auch Blätter als Pinselspitze verwenden. Wenn du die Pinselspitze entsprechend einrichtest, hat das den Vorteil das die Blätter "Zufällig" übereinander gelegt werden. (siehe Beispielbild)
Allgemein finde ich die Navigation so aber viel zu wuchtig. Die nimmt bei mir ca. 30% des Browserfenster ein.
Darkwing-dave
21.10.06, 11:23
Wieso fotografierst Du nicht einen Baum und schneidest ihn anschliessend aus?
@Darkwing-dave
Weiss nicht. Einen normal fotografierten Baum einfach so als Hintergrund zu bearbeiten will ich nicht. Ich mag es lieber so, wenn es grafisch aussieht.
@phoenix
zu 1: ja mir gefällt es auch nciht mehr so wirklich. Ich werd versuchen, ein neuen zu machen. :emo_biggr
zu 2: ich meine damit, weil bei den Beispiel Bild sieht es so aus, als wenn das in 3D Ansicht ist. Das bekommt man auch mitn Pinsel hin?
zu 3: Ja, ist glaub ich besser wenn ich das in ein Tutorial lernen kann ^_^
Mit 3D meinst du den Baumstamm und nicht das gekrakel obenrum?
Diesen "3D-Effekt" bekommst du ganz einfach mit dem Abwedler/Nachbelichter hin. Werkzeug einstellen wie ich oben beschrieben habe, reinzoomen ins Bild und ausprobieren ;) (Tut folgt trotzdem noch)
vBulletin® v3.8.7, Copyright ©2000-2025, Jelsoft Enterprises Ltd.