Homepage Vorstellung

  • Habe mir mal deine Webseite herruntergeladen.


    Also zur Übersicht solltest du eine Ordner-Struktur erstellen.
    Sprich einen css, images/ js(eventuell) Ordner.
    //Edit: Hast du das schon gemacht? Weil dann stimmt die Online-Version nicht mit der herrunterladbaren überein.



    Was nicht schön gelöst ist, ist die Navigation (    du weißt bestimmt was ich meine ;) ).


    Du könntest jetzt versuchen, HTML-Code der öfter vorkommt auszulagern via PHP.
    Sprich zb eine navi.php und dort die Navigation hin schreiben, das gleiche auch für den footer usw.
    Dann brauchst du die PHP-Datein einfach einbinden und das macht den Code um einiges schlanker.


    Das sind so die Sachen die mir mal aufgefallen sind ;)

  • oder nimm gleich 7zip. braucht nur ein fünftel der größe und jeder kommt damit zurecht (windows explorer keine ahnung, nutze so verkrüppelte software nicht :D)

    Dieser Beitrag wurde noch nie editiert, zuletzt von »hangman« (Heute , 13:37)



    1355?mode=raw


    Skill ist, wenn Luck zur Gewohnheit wird

  • http://css3generator.com/ - generator für CSS-Angelegenheiten. Transition, Border-Radius etc.
    Favicon Generator - Einfacher Favicon-Generator(16x16)
    http://css3button.net/ - Wiiiiiichtig! CSS-Button-Generator: Spart ne Menge Zeit und geht der Loadtime nich auf den Geist
    Dynamic Drive DHTML(dynamic html) & JavaScript code library - Alles Mögliche. Von fertigen Menüs, über Anregungen für CSS und JS bis zu htaccess etc.
    Subtle Patterns | Free textures for your next web project. - Kostenlose Hintergründe. Kleine Bilder, die immer wiederholt werden und dadurch eine Fläche werden.(Spart Loadtime gegenüber großen Bildern)
    http://colorschemedesigner.com/ - Gegen beißende Farben und um generell erstmal nen Ansatz zu den Farben zu bekommen.
    Hab ich am Anfang seeehr oft benutz bzw. nutze ich immernoch. Einfach mal durchblättern :)
    Wenn du noch andere Seiten, wie z.B. Tutorials für HTML, PHP etc. brauchst, melde dich einfach. ;)

  • Ich habe jetzt 2 Tutorials zu html und css und 1 tutorial zu php durchgenommen, aber wenn die Tutoriala wirklich gut sind, lese ich sie mir gerne durch. :-)

  • PHP ist eine serverseitige Sprache. Damit verarbeitest du Dateien, die der Nutzer anfordert/sendet.
    javaScript ist Clientseitig. Wenn du nur designen willst, dann brauchst du fast nur HTML, CSS und JS.
    Wenn du auch coden willst brauchst du PHP.

  • Mit HTML erstellst du den Content. Du kannst auch sagen, dass die Eingaben an eine Datei auf deinem Server gesendet werden sollen, die die Eingaben verarbeiten soll. Und da gehts ans PHP Coding.
    Wenn du z.B. ein Registrierungsformular hast, dann schreibst du in HTML eine Eingabebox "Email-Adresse" und "Passwort" und schreibst als target "verarbeiten.php" (Und als Methode dann Get oder Post). Dann werden alle Daten, die der Nutzer in "Email-Adresse" und "Passwort" eingibt an die Datei verarbeiten.php "übertragen". Und dort schreibst du dann, was damit geschehen soll.


    Z.B. soll ein Datenbankeintrag gemacht werden mit der Email-Adresse und dem Passwort --> PHP
    Es soll eine Mail an den Nutzer gesendet werden --> PHP
    Es soll die IP nebenbei gespeichert werden --> PHP
    :)

  • Richtig. Mit JavaScript kannst du HTML Elemente bewegen, verstecken, animieren und hinzufügen, sofern eine Funktion aufgerufen wurde, die durch ein Event hervorgerufen werden kann. Ein Event ist z.B. Ein Mausklick auf einen Button, das Hovern über irgendetwas oder das fertiggestellte Laden des Dokuments.
    ^^ Generell gibt es eigentlich 5 Gruppen von Menschen bzw. Leuten, die mit JS als Coder/Nutzer zutun haben:
    - Die, denen JS egal ist
    - Die, die JS abgrundtief hassen und es immer ausgeschaltet haben
    - Die, die es lieben und viel zu viel nutzen
    - Die, die es mögen und gerne mal nutzen, aber nicht zuviel.


    ...achja die fünfte noch:
    - Die, die sowieso keine Ahnung haben

  • Sieht schonmal nicht schlecht aus.
    Du kannst noch ein bisschen mit dem Seitenabstand rumspielen und dem Menü einen Hover-Effekt verpassen.
    Ich nehme mal an, dass du nicht gleich etwas mit JS basteln willst, deshalb am besten einfach ein paar CSS Atribute nehmen (#ID:hover, .Klasse:hover).
    Was bei einem einfachem Menü (und bei richtiger Anwendung) ganz gut aussieht ist Unterstreichen, fette Schrift und ein wenig die Farbe verblassen oder verdunkeln.
    Nebenbei sieht die Seite auf einem mobilen Endgerät schon garnicht so schlecht aus, jedoch stehen die Bilder über den Container-Rand und das Menü wirkt komisch. Wenn du das Smily weglässt und das "Willkommen"-Schild durch eine Schrift ersetzt, wirkt das schon besser. :)
    Den untersten Hintergrund (der, auf dem der Footer und die Navigation sitzt) könntest du noch mit einem kleinem Border-Radius versehen, Kanten sehen in dem Fall meiner Meinung nach nicht so gut aus, ist aber dir überlassen.
    Wenn du Hilfe brauchst, kannst du dich ja einfach nochmal melden ;)