Fragen über Fragen

Einklappen
X
 
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
  • Nei
    frisch dabei
    • 08.10.2006
    • 12

    #1

    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
  • Ylloh
    nur eine Yllusion

    • 01.02.2006
    • 10219

    #2
    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
    http://photoshop-cafe.de/sig/themen_bewerten.gifhttp://photoshop-cafe.de/sig/bilder_und_schriften.gifhttp://photoshop-cafe.de/sig/tutorials.gifhttp://photoshop-cafe.de/sig/signaturleitfaden.gifhttp://photoshop-cafe.de/sig/forenleitfaden.gifhttp://www.photoshop-cafe.de/sig/stock-galerie.gif

    <foto.ylloh.de :: Mein Fotoblog>

    Kommentar

    • phoenix
      mother-brain
      • 29.06.2005
      • 9684

      #3
      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.
      http://photoshop-cafe.de/sig/themen_bewerten.gifhttp://photoshop-cafe.de/sig/bilder_und_schriften.gifhttp://photoshop-cafe.de/sig/tutorials.gifhttp://photoshop-cafe.de/sig/signaturleitfaden.gifhttp://photoshop-cafe.de/sig/forenleitfaden.gifhttp://www.photoshop-cafe.de/sig/stock-galerie.gif

      design oder nicht sein

      "So, we’ve got a full pot of coffee, half a pack of cigarettes, it’s dark out, and we’re coding. Hit it." - Synthesoft

      Kommentar

      • Nei
        frisch dabei
        • 08.10.2006
        • 12

        #4
        Zitat von phoenix
        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

        Kommentar

        • phoenix
          mother-brain
          • 29.06.2005
          • 9684

          #5
          Frames sind nicht W3C (Web-Standart-Konsortium) konform. Werden in absehbarer Zeit auch hoffentlich von keinem Browser mehr unterstützt.
          http://photoshop-cafe.de/sig/themen_bewerten.gifhttp://photoshop-cafe.de/sig/bilder_und_schriften.gifhttp://photoshop-cafe.de/sig/tutorials.gifhttp://photoshop-cafe.de/sig/signaturleitfaden.gifhttp://photoshop-cafe.de/sig/forenleitfaden.gifhttp://www.photoshop-cafe.de/sig/stock-galerie.gif

          design oder nicht sein

          "So, we’ve got a full pot of coffee, half a pack of cigarettes, it’s dark out, and we’re coding. Hit it." - Synthesoft

          Kommentar

          • Nei
            frisch dabei
            • 08.10.2006
            • 12

            #6
            Das wäre doof. Denn ich werde Frames benutzen. Und so schlecht sind Frames auch wieder nicht.

            Der Anfang ist getan:


            Was haltet ihr bis jetzt davon?
            Jetzt wirds halt schwierig, weil ich mit Photoshop arbeiten muss.

            Kommentar

            • Fobby
              hat immer was zu sagen
              • 13.07.2005
              • 582

              #7
              Zitat von phoenix
              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

              @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
              http://sfx-images.mozilla.org/affiliates/Buttons/110x32/get.gif

              Kommentar

              • Nei
                frisch dabei
                • 08.10.2006
                • 12

                #8
                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. ^^

                Kommentar

                • Jogibaer
                  PSC-süchtig
                  • 06.01.2006
                  • 724

                  #9
                  Zitat von phoenix
                  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.
                  "Probleme sind Chancen in Lumpen." (Werner Tiki Küstenmacher)
                  Wenn du dich über die Fliege an der Wand ärgerst, gibst du der Fliege die Macht über dein Befinden zu bestimmen.

                  Kommentar

                  • Ylloh
                    nur eine Yllusion

                    • 01.02.2006
                    • 10219

                    #10
                    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
                    http://photoshop-cafe.de/sig/themen_bewerten.gifhttp://photoshop-cafe.de/sig/bilder_und_schriften.gifhttp://photoshop-cafe.de/sig/tutorials.gifhttp://photoshop-cafe.de/sig/signaturleitfaden.gifhttp://photoshop-cafe.de/sig/forenleitfaden.gifhttp://www.photoshop-cafe.de/sig/stock-galerie.gif

                    <foto.ylloh.de :: Mein Fotoblog>

                    Kommentar

                    • phoenix
                      mother-brain
                      • 29.06.2005
                      • 9684

                      #11
                      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
                      http://photoshop-cafe.de/sig/themen_bewerten.gifhttp://photoshop-cafe.de/sig/bilder_und_schriften.gifhttp://photoshop-cafe.de/sig/tutorials.gifhttp://photoshop-cafe.de/sig/signaturleitfaden.gifhttp://photoshop-cafe.de/sig/forenleitfaden.gifhttp://www.photoshop-cafe.de/sig/stock-galerie.gif

                      design oder nicht sein

                      "So, we’ve got a full pot of coffee, half a pack of cigarettes, it’s dark out, and we’re coding. Hit it." - Synthesoft

                      Kommentar

                      • Nei
                        frisch dabei
                        • 08.10.2006
                        • 12

                        #12
                        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

                        Naja, ich bleib aufjedenfall bei Frame, egal was ihr sagt 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.

                        Kommentar

                        • phoenix
                          mother-brain
                          • 29.06.2005
                          • 9684

                          #13
                          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
                          http://photoshop-cafe.de/sig/themen_bewerten.gifhttp://photoshop-cafe.de/sig/bilder_und_schriften.gifhttp://photoshop-cafe.de/sig/tutorials.gifhttp://photoshop-cafe.de/sig/signaturleitfaden.gifhttp://photoshop-cafe.de/sig/forenleitfaden.gifhttp://www.photoshop-cafe.de/sig/stock-galerie.gif

                          design oder nicht sein

                          "So, we’ve got a full pot of coffee, half a pack of cigarettes, it’s dark out, and we’re coding. Hit it." - Synthesoft

                          Kommentar

                          • Ylloh
                            nur eine Yllusion

                            • 01.02.2006
                            • 10219

                            #14
                            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...
                            http://photoshop-cafe.de/sig/themen_bewerten.gifhttp://photoshop-cafe.de/sig/bilder_und_schriften.gifhttp://photoshop-cafe.de/sig/tutorials.gifhttp://photoshop-cafe.de/sig/signaturleitfaden.gifhttp://photoshop-cafe.de/sig/forenleitfaden.gifhttp://www.photoshop-cafe.de/sig/stock-galerie.gif

                            <foto.ylloh.de :: Mein Fotoblog>

                            Kommentar

                            • Nei
                              frisch dabei
                              • 08.10.2006
                              • 12

                              #15
                              Ja, vieleicht mach ich das irgendwann mit css, aber ich finde das hat ersteinmal Zeit. 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:



                              Meine Fragen die sich dadurch stellen:
                              1. Sieht die Textur so gut aus? Wenn nicht, wie kann ich sie optimal verbessern?
                              2. Wie rundet man die Ränder ab, sodas es ungefähr wie in diesen Beispiel aussieht?
                                http://s3.bilder-hosting.de/img/5KIAQ.jpg
                              3. Ich hörte davon, das man die Schatten und Lichteffekte mit den Nachbelichter und Abwedler machen sollte. Aber wie nutz ich das richtig?
                              4. (sekundäre Frage) Wie bekomm ich so ein Baum hin, wie es in den Beispiel bei Nummer 2 gezeigt wird ?
                              5. 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.

                              Kommentar

                              Lädt...