Zeichencodierung umstellen?

  • Öhm.. sag dem Browser, welchen Zeichensatz er laden soll ;)
    Entweder du sagst, dass UTF-8 verwendet werden soll (in den <head>):

    Code
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />


    Oder du setzt folgendes in den <head>-Tag:

    Code
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-2" />

    Das ist der Zeichensatz für Mitteleuropäische Zeichen^^ So verwende ich das immer.


    Nur muss du dann Sonderzeichen folgendermaßen ersetzen:

    Code
    Ä  = &Auml;
    ä  = &auml;
    Ö  = &Ouml;
    ö  = &ouml;
    Ü  = &Uuml;
    ü  = &uuml;
    ß  = &szlig;
    &  = &amp;
    ©  = &copy;
    €  = &euro;


    PS: Dürfen wir eigentlich auch ein wenig Kritik an deiner Seite üben?^^
    PPS: Beim nächsten mal bitte einen treffenderen Titel und vielleicht auch mal in deinem Beitrag einen Link zu der Seit angeben ;)



  • ----das mit den einzelnen Einfügen ist das nicht ein bißchen aufwändig?????
    Ist es evtl besser????
    also gibt es einen Grund, warum man sich die Mühe machen sollte????

  • Zitat von &quot;Timifi&quot;

    kritik, klar bin hier ja noch ein Frischling und noch am basteln und lernen *ggg*


    LG :D


    Okey (=
    (Auch wen der Nachfolgende Text sehr lange scheint und viele Fehler bemängelt, so möchte ich dir gerne vorher doch noch ein Lob aussprechen:
    Dafür, dass du noch am lernen bist, ist das wirklich eine tolle Seite! :) Selten sehen die ersten Geh-Versuche von Leuten die hier rein posten so gut vom Code aus^^ Dennoch gibt es einige kleine Sachen, die etwas anders gemacht werden, da es von der Semantik sich so gehört^^)


    Also, was mir als erstes aufgefallen ist, du besitzt eine Domain mit Umlauten drin.
    Es gibt noch einige Webbrowser, wie der IE, beziehungsweise Foren die diese Urls noch nicht können, daher ein Tipp:
    Verwende die Punycode Variante deiner Domain, wenn du zu ihr verlinkst, ein kleines Beispiel:
    Falsch: <!-- m --><a class="postlink" href="http://schreibundausf">http://schreibundausf</a><!-- m -->üllhilfe.de
    Richtig: <!-- m --><a class="postlink" href="http://xn--schreibundausfllhilfe-mic.de/">http://xn--schreibundausfllhilfe-mic.de/</a><!-- m -->
    Beispiel bei meiner Domain:
    Falsch: <!-- m --><a class="postlink" href="http://kreative-k">http://kreative-k</a><!-- m -->üchenplaner.de
    Richtig: <!-- m --><a class="postlink" href="http://xn--kreative-kchenplaner-yec.de">http://xn--kreative-kchenplaner-yec.de</a><!-- m -->


    Natürlich sieht die Punycode-Variante nicht so besonders schön aus.. aber da kann man ja mit BB-Codes(welche in Foren verwendet werden, anstelle von HTML-Tags) beziehungsweise mit dem <a>-Tag Tricksen:

    Code
    Was haltet ihr von meiner Seite, [url=http://xn--schreibundausfllhilfe-mic.de/]www.schreibundausfüllhilfe.de[/url] ?
    
    
    
    
    Schauen Sie doch einmal bei <a href="http://xn--kreative-kchenplaner-yec.de">unserem Partner</a> vorbei.

    Soe sähe der Obere BB-Code aus:
    Was haltet ihr von meiner Seite, www.schreibundausfüllhilfe.de ?
    Der Browser versteht alles und für den Besucher schaut alles ganz normal aus, weil auch alles ohne Probleme Funktioniert^^
    Hier findest du übrigens auch einen Punycode Konverter^^



    Soa schon so viel über die Domain und jetzt komme ich mal zum Code^^
    Wie ich sehe hast du überall ein eigenes Stylesheet(*.css) eingebunden, wieso den das?
    Stylesheets haben ja normalerweise den Vorteil, dass man nur den Code ändern muss und z.B. sich die Linkfarbe auf der gesamten Seite ändert^^
    Ich empfehle daher nur ein Zentrales Stylesheet zu benutzen, was du auf jeder Seite verwendest (=
    (Obwohl dieser Punkt noch nicht abgehandelt ist ;) Komme auf deinen CSS-Code gleich noch einmal zurück^^)


    Bleiben wir direkt noch im <head>, du könntest noch einige weitere Meta-Tags verwenden um die Seite Suchmaschinenfreundlicher zu gestalten (=

    Code
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-2" />
    <meta name="author" content="Optional" />
    <meta name="copyright" content="Optional" />
    <meta name="keywords" content="Einige, Stichwörter, durch, Kommata, voneinander, getrennt" />
    <meta name="description" content="BESCHREIBUNG" />
    <meta http-equiv="content-language" content="de" />
    <meta name="robots" content="INDEX, FOLLOW" />

    Diese Meta-Tags sollten meines Erachtens nach auf deiner Seite schon zu finden sein^^ (evtl. mit anderem Inhalt eben^^)


    Noch etwas zu dem <title>-Tag:
    Ich würde ihn bei dir Ungefähr so aussehen lassen, da er für Suchmaschinen auch wichtig ist:
    <title>Schreib- und Ausfüllhilfe Berlin || Home</title>
    Beziehungsweise anstelle von Home eben Unternehmen, Impressum,..
    Weiter in Punkto Suchmaschinenfreundlichkeit:
    Die richtige Verwendung von <h*>-Tags ;)
    Wenn ich mir nur deinen Code ansehe, dann scheint auf der Home Seite für mich am Wichtigsten "Herzlich Willkommen!", da es ist DIE Überschrift der Seite ist.
    Setzt doch stattdessen dein Logo, mit einem Passenden Alternativtext, ganz oben in einen <h1>-Tag.


    Und nun gehen wir mal zu dem Rest deines Codes über^^
    Bei deiner Navigation ist ein Kleiner Fehler sowie ein Semantik Fehler^^ Wie dir sicher aufgefallen ist, ist Rechts ein Abstand von deiner Navigation zum Bildrand, während Rechts die Navigation sogar ein Stückchen über den Bildrand geht^^
    Erst einmal zu dem Semantik Fehler: Man listet eine Navigation normalerweise auf ;)
    Hier dann auch direkt ein Tipp, damit es bei anderen Links auf deiner Seite nicht so einfach zu einem Fehler kommt:


    Und weiter im Programm^^
    achte da drauf, dass du alle Tags klein schreibst :)
    so auch das z.B. das letzte <p> auf deiner Home Seite^^
    Wo wir gerade bei dem <p> sind.. packe die Formatierung für diese lieber in der CSS-Datein in den body-Bereich (=
    Auch musst du so Sachen wie z.B. font-weight:normal; font-style:normal; nicht angeben, da dies Standardeinstellungen sind^^
    (Meiner Meinung nach, lass auch bitte den letter-spacing und word-spacing heraus.. =/ )


    Zum Body-Bereich noch kurz etwas:
    Ich empfehle dir das Hintergrundbild dem html-Element zu geben und dem Body eine Maximale Breite (=
    Hier im Forum kam es vor einiger Zeit mal zu der Diskussion, dass es unangenehm ist, wenn man eine 2000px Lange Zeile hat, weil der Bildschirm so breit ist, daher ist es so am Sinnvollsten^^


    AHH O.o' und gerade erst gesehen.. was ist ein float: center?
    Andere Elemente sollen dieses Objekt Zentral umfließen??
    Wo ich mich dann hier kurz Frage, ob du weißt, was das float-Attribut macht^^



    Soa, spontan sehe ich dann sonst nichts mehr groß (=
    (Das Design beurteile ich nicht, dass ist etwas was ich nicht kann)
    Bei Fragen zu meinem Tipps oder zu sonst etwas: Frag :D


    Liebe Grüße
    Sarkkan

  • Erst mal danke für das alles ich werde es beherzigen und mir wenn ich Zeit finde alles mal in Ruhe zu Gemüte führen, dann bestimmt wieder melden.
    Bin gerade im Familienstress und hoffe das ich bald wieder ganz viel Zeit finde endlich weiter machen zu könnnen. Krabbelts in den Fingern und kann nix tun *grrrr* das find ich immer schlimm wenn mal will und es geht nicht.


    LG bis dahin ich meld mich.



  • Hallo nochmal,


    und danke für den vielen Text habe mal versucht, dass alles umzusetzen.
    Vieles habe ich mir bis dato noch nicht so richtig angeguckt daher die falschen Befehle, ich
    hoffe ich hab das jetzt richtiger gemacht. Auch die Umsetzung des Designs nur auf eine Seite hatte ich vorher noch nicht so ganz begriffen, ich glaub jetzt gehts, na ja werd noch viel zu lernen haben :D

  • Zitat von &quot;Timifi&quot;

    hoffe ich hab das jetzt richtiger gemacht


    gibt es eine steigerungsform von richtig?


    Wenn etwas richtig ist, wäre es dann nicht wieder falsch wenn es richtiger wäre.
    kann man davon ausgehen das richtig 100% Punkte sind und falsch dann null
    und da es nicht mehr gibt als alles, dreht es sich um oder fängt von vorne an :mrgreen:



    Gruß :D

  • Zitat von &quot;lauras&quot;

    Ein guter Editor ersetzt dir die Sonderzeichen automatisch, damit hast du gar keine Arbeit.


    kannst mir da einen netten nennen???

Jetzt mitmachen!

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