Mein "kleines" Anfängerprojekt

    Da ich, wie in meiner Vorstellung erwähnt, noch keine richtigen Ideen für meine eigen HP hab, werde ich mich an einem Projekt für ein paar Freunde versuchen.


    Es geht um ein Serviceunternehmen mit folgenden Bereichen:
    Haarstyling - Tattoo - Kosmetik
    Die Gestaltung der Seite liegt vorerst in meinem freiem Ermessen und wird dann später mit den Auftraggebern(meinen Freunden) ausdiskutiert.


    Allerdings überlege ich welche Strukturierung sich für ein solches Projekt anbietet.
    Ich selber dachte eine Hauptseite von welcher man auf die jeweiligen Bereiche navigieren kann. Also ungefähr so:
    [Blockierte Grafik: http://img76.imageshack.us/img76/5946/struktur1gu2.jpg]
    Allerdings werden das dann schon ein paar Seiten, also hatte ich noch ne 2. Idee und zwar so:


    [Blockierte Grafik: http://img409.imageshack.us/img409/6534/struktur2us3.jpg]
    Hier sind es dann aber auch nur 2 Seiten weniger.


    Meine Frage also: Sollte und kann ich diese Struktur weiter optimieren und damit die Seitenanzahl verringern oder sind diese Strukturen schon ok so?
    Wie gesagt bin auch ich noch ein Neuling in Sachen Webdesign, HTML, CSS, etc....!
    Für eure Hilfe wäre ich sehr dankbar.


    PS an die Mods: ich hoffe die Pics sind nicht zu groß.


    LG Brian

    Also die Pics find ich klasse! ^^


    Zu den Kontaktseiten:
    Es kommt ja nun darauf an, wie das Unternehmen deiner Freunde aufgebaut ist.
    Wenn nun Freund A für Friseur zuständig ist, Freund B für Tatto usw. und alle unterschiedliche Kontaktadressen haben, macht es Sinn für alle eine extra Kontaktseite einzurichten.
    Ist aber quasi alles unter einem Dach, und die Kontakdaten wären bei allen drei Seiten gleich, ist natürlich deine 2. Lösung besser (und auch sinnvoller).



    Ich geb dir aber auch den Tipp, deine Freunde daran zu erinnern, dass du der Webdesigner bist und für die Gestaltung und Realisierung der Internetseite zuständig bist. Die Inhalte müssen sie dir schon alle selbst zuspielen.
    Ich hatte nicht erst ein mal das Problem, dass ich für jemanden eine Seite zu einem bestimmten Thema machen sollte, was ich auch gern gemacht habe (ein mal auch zu einem Unternehmen (Fliesenleger :D ) ), mein Aufrage aber in etwa lautete: "Du bekommst das schon hin. Denk dir was aus."
    Und dann saß ich da, hatte Layout und Desing fertig und wusste nicht, was reinschreiben... :)


    Wenn du also erst genug Material für die Seite bekommen hast und weißt, was du alles unterbringen musst, kannst du alles schön in kleine Schächtelchen packen, diese Schächtelchen dann in Kategorien unterteilen und die Struktur der Seite so aufbauen. Alles ergibt sich dann also quasi von selbst. Stattdessen aber nur rumzueiern und sich den Kopf zu zerbrechen, was (ganz unabhänig jetzt von deiner Sache mit den Kontaktdaten) noch wo hingeschrieben werden könnte um die Seite zu füllen macht nicht wirklich Sinn, wird sehr lästig und macht nicht wirklich viel Spaß :)

    Zitat von "Foster"

    Also die Pics find ich klasse! ^^


    Tja, es gibt halt Foren da dürfen Pics nicht größer als ein favicon sein.^^


    Das Unternehmen wird sehr wahrscheinlich unter einem Dach sein.
    Also wird Nummer 2 wohl in Frage kommen.
    btw: die Inhalte lass ich mir natürlich zukommen, hab ja schließlich selber kaum ne Ahnung von dem jeweiligen Gewerbe. :wink:


    Allerdings würde ich gerne versuchen mit so wenig Seiten wie möglich auszukommen. Hätte da vielleicht jemand ne Idee?
    Kann man z.B. auch die "Über Uns"-Sache gleich auf die Hauptseite packen und die Gewerbe dann eben nur durch Absätze und eventuell verschiedene Hintergründe machen?
    Zudem soll die HP möglichst "barrierefrei" werden. Aber nicht auf Zwang :wink:
    Habt ihr dazu vielleicht auch ein paar Tipps?


    LG Brian

    Damit man sich nicht verläuft :lol:


    Nein, im ernst: Übersichtlichkeit, Aufwand und Kosten fürs Onlinestellen sind doch sicher Gründe um so wenig Seiten wie möglich zu haben. Oder irre ich mich da?


    Wenn allerdings 10 - 15 Seiten noch völlig normal sind kann ich damit auch leben.

    Zitat von "deathfighter"

    auf manchen pages sind 200 "normal" :P


    Wenn du mir dafür mal ein Beispiel geben kannst, Google/Ebay/etc. nicht mit einbezogen, glaub ich dir da sogar :D



    Zur Übersichtlichkeit der Seite:
    Übersichtlich ist dein ganzes Projekt, wenn du auch alles schön übersichtlich anordnest also immer schön in meine Schächtelchen und Kategorien von oben einordnen :D
    Dropdown-Menüs machen sich für sowas auch gut.



    Aufwand und Kosten fürs Onlinestellen:
    Wegen den Kosten musst du dir wirklich keine Gedanken machen.
    Textdateien brauchen so wenig Speicherplatz, dass das überhaupt nicht ins Gewicht fällt.
    Bei meinem aktuellen Projekt ist die größte Text-Datei 16Kb groß. Mein größtes Bild dagegen knapp 1.5Mb.
    Ob du viel oder weniger Speicherplatz verbrauchst hängt also am Ende nur davon hab, wieviele Bilder/Musik/Videos oder anderes du in dem Projekt verarbeitet hast.
    Die meisten Anbieter stellen bei ihrem billigsten Tarif ohnehin meist mindestens 100 - 500MB Webspace zur Verfügung.
    Und der Aufwand zum Hochladen?
    Strg+A -> alle markiert und auf 'Hochladen' drücken. Drei Sekunden länger warten und die paar Dateien mehr sind auch Hochgeladen ^^

    Zitat von "Foster"

    Dropdown-Menüs machen sich für sowas auch gut.


    Hab mich da schon mal belesen und denke, bevor ich mich mit Dropdowns beschäftige, verinnerliche ich erstmal meine bisherigen Infos über Homepages :wink:
    Da geht es dann nachher ja wohl schon um JAVA, oder?!?
    Bisher versuche ich noch mit dem hier klar zu kommen und es an meine Bedürfnisse anzupassen: <!-- m --><a class="postlink" href="http://www.gaijin.at/download/samples/cssmenu.html">http://www.gaijin.at/download/samples/cssmenu.html</a><!-- m -->
    Allerdings sieht dieses noch besser aus: <!-- m --><a class="postlink" href="http://www.dynamicdrive.com/dynamicindex1/slashdot.htm">http://www.dynamicdrive.com/dynamicindex1/slashdot.htm</a><!-- m -->


    Aber wie gesagt, wie genau ich sowas einbinde weiß ich noch nicht. Java ist da etwas schwieriger.


    Für die anderen Hinweise bedanke ich mich auf jeden Fall.


    PS: Vielleicht sollte ich doch erstmal meine eigene Seite hinbekommen :roll:
    Ach, wird schon werden............! :wink:


    LG Brian

    Zitat von &quot;Peter Gedamke&quot;

    korrkekt gesagt: Javascript - nicht JAVA :idea:


    Oookaayy :wink:


    Mal noch ne andere Frage:
    Ist es sinnvoller für einen kompletten Seiten-Hintergrund lieber eine Grafik bzw ein Bild zu nehmen oder kann man auch für, z.B. einen Farbverlauf, einfach nur eine einzelne Pixelstärke mal Seiten breite, bzw. Seitenlänge nehmen und wiederholen lassen.
    Und welche Variante wäre vorteilhafter?
    Kann man eigentlich überhaupt senkrecht wiederholen lassen?


    LG Brian


    für eine Background-Grafik mit Farbverlauf - siehe mal hier:
    http://www.pg-private-line.de/wer-weiss-was/
    habe ich eine Datei von 10*2000px mit einer Grösse von 0,78 KB erstellt... also möglichst klein von der Speichergrösse halten, sonst gibt's ewige Ladezeiten :lol:


    Mach nur nicht den Quatsch, der in manchen Communities so beliebt ist, und versuche ein sog. Wallpaper dafür zu erstellen oder zu nutzen.


    @deathfighter

    Zitat

    der background wiederholt sich immmer senkrecht

    ist so nicht ganz richtig, denn eine BG-Datei kachelt sich generell nach beiden Richtungen hin - so weit halt Platz ist.


    Es sei denn, schränkst das durch die folgenden Eingaben ein auf:


    repeat-x / nur horizontal wiederholen
    oder
    repeat-y / nur vertikal wiederholen

    Zitat von &quot;Foster&quot;

    Nochmal zu den Dropdown-Menüs:
    Die gibts auch wunderschön mit CSS und ich empfehle die von <!-- w --><a class="postlink" href="http://www.cssplay.co.uk">http://www.cssplay.co.uk</a><!-- w -->


    Sehr schöne Menüs dabei.
    Allerdings muss ich mal meine Englischkenntnisse auffrischen.:wink:


    Wie bekomme ich die Menüs auf meinen Rechner? Find keine Downloads, oder muss ich mir die Codes auslesen? Bin halt noch nicht ganz eins mit den ganzen Codes und würde mich sicher dämlich suchen im Quelltext.
    Aber wenn es anders nicht geht, muss ich da wohl durch.:cry:

    how, die Scripte stehen doch in der Seite drinne :lol: ansonsten eben den Quelltext anzeigen lassen, und von dort herauskopieren


    Zitat

    und würde mich sicher dämlich suchen im Quelltext


    na wo stehen dort die CSS-Eingaben - doch ganz oben im Head-Bereich

    Jop genau, da musst du einfach durch.
    HTML und CSS lernen ist halt auch ein bischen Arbeit und mir erging es auch nicht anderes, als ich diese Seite mit den CSS-Menüs gefunden hab.
    Du musst halt einfach den Quelltext aufschlagen und dir das, was du brauchst raussuchen.
    Der CSS-Teil, den du brauchst steht immer direkt im Head-Teil der Datei. Der HTML-Part mit allen Links usw. lässt sich normalerweise in einem Div namens class="menu" finden.
    Den Rest musst dir selbst erarbeiten.


    Kleiner Tipp aber noch:
    Wenn du Änderungen in dem CSS-Teil vornimmst immer EXTREM vorsichtig sein, weil man manchmal Fehler macht, bei denen man nicht mal im Ansatz darauf kommen würde, dass es Fehler sind, und gerade der IE immer sehr empfindlich in Sachen CSS ist und da schnell mal einfach nur noch Mist anzeigt.
    Am besten also immer, wenn du ein paar kleine Sachen verändert hast (auch wenn du nur ein paar Farben änderst!) im Browser, und noch besser gleich in mehreren Browsern nachschauen, ob noch alles wie gewollt angezeigt wird. Wenn alles noch glatt läuft auch ruhig mal eine Sicherheitskopie der Datei anlegen. Wichtig ist dabei auch grade die Darstellung im IE. Firefox und Opera machen in Sachen CSS-Interpretation nicht so viele "Fehler" und sind sich in dem Bereich auch sehr änlich. Der IE von Microsoft dagegen mach schon gern mal sein eigenes Ding!


    Auch wenn das jetzt alles sehr kompliziert und umständlich klingt und du vielleicht die Vorstellung bekommst, CSS-Menüs zu konfigurieren wäre, als wenn man über ein Minenfeld läuft, ist es am Ende weniger schlimm als gedacht. Ich will dir aber auch keine falschen Hoffungen machen und muss dir auch sagen: Es ist vielleicht nich soo schlimm, aber auch nicht weniger schlimm als oben beschrieben, mit solchen komplizierten CSS-Anwendungen umzugehen.
    Das ist aber ganz einfach das Los, das du als Webdesigner und Programmierer gezogen hast, und man gewöhnt sich schneller an solche Sachen als man denkt.
    Spätestens, wenn du ein zweites solcher CSS-Menüs in eine Webseite einbaust, wirst du schon merken, dass du verdammt gut von den Erfahrungen deines "ersten mals" profitieren kannst und wirklich entscheident weniger Probleme damit haben wirst. :)



    Edit: Falls du den menu-Div nicht finden solltest, scroll einfach mal von oben bis unten durch den Quellcode durch (ruhig im erhöhten Tempo). Der Part mit dem Menü ist so auffällig, dass er dir ganz einfach auffallen muss!

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden