Frage zur richtigen Programierung

Rene1977 · 05.10.2010

Möchte mal wissen ob ich bis jetzt richtig Programiert habe.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Franzis-Feenschneiderei</title>
    <meta http-equiv="content-type" content="text/html; charset=us-ascii" />
    <meta name="description" content="" />
    <meta name="author" content="Rene" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />
    <link href="style.css" type="text/css" rel="stylesheet" />
</head>

<body>
    <div id="Seitenbereich">
        <div id="Kopf">
            <p>Franziska Wagner</p>
        </div>

        <div id="Steuerung">
            <ul>
                <li>Startseite</li>

                <li>
                    <a href="Produkt%C3%BCbersicht.htm">Produkt&uuml;bersicht</a>

                    <ul>
                        <li><a href="Puschen.htm">Puschen</a></li>

                        <li><a href="Taschen.htm">Taschen</a></li>

                        <li><a href="Schneiderei.htm">Schneiderei</a></li>
                    </ul>
                </li>

                <li>
                    <a href="Herstellung.htm">Herstellung</a>

                    <ul>
                        <li><a href="Material.htm">Material</a></li>
                    </ul>
                </li>

                <li><a href="Farben.htm">Farben</a></li>

                <li><a href="Gr%C3%B6ssentabelle.htm">Gr&ouml;ssentabele</a></li>

                <li><a href="Liefer%20und%20Zahlungsbedingungen.htm">Liefer und Zahlungsbedingungen</a></li>

                <li><a href="Impressum%20Kontakt.htm">Impressum Kontakt</a></li>
            </ul>
        </div>

        <div id="Inhalt">
            <p>Hallo</p>
        </div>
    </div>
</body>
</html>

Code:

* {
    margin: 0px;
    padding: 0px;
}

h1, h2 ,h3, h4, h5, h6 {
    margin-bottom: 1em;
}

p, ul, ol {
    margin-bottom: 0.5em;
}

li {
    margin-left: 2em;
}


Body {
    font-Family: sans-serif;
    line-height: 1.5em;
    background-color: #C0C0C0;
    text-align: center;
    background-image: url(Bilder/hintergrund.jpg)

}
#Seitenbereich {
    width: 1000px;
    background-image: url("Bilder/Verlauf.jpg");
    text-align: left;
    width: 1000px;
    height: 800px;
    margin: 0px auto;
}
#Kopf {
    background-image: url("Bilder/Franzi-internet.jpg");
    height: 200px;
    text-align: right;
    font-size: 1.5em;
    color: white;
}
#Kopf p {
    margin-top: 175px;
    margin-right: 20px;
}
#Steuerung {
    width: 300px;
    float: left;

}
#Inhalt {
    margin-left: 300px;
}

Bitte um antwort

MFG Rene1977

omega_pi · 05.10.2010

AW: Frage zur richtigen Programierung

Hi!

da du ja sicher nicht ständig hier danach fragen magst, und es aber zum anderen generell sehr hilfreich ist seine Seiten zu checken: http://validator.w3.org/ ist da z.B. eine gute Anlaufstelle...

owieortho · 05.10.2010

AW: Frage zur richtigen Programierung

Valides XHTML und CSS. Nur programmiert hast Du nichts.

Pixeltherapeutin · 06.10.2010

AW: Frage zur richtigen Programierung

Um die CSS zu validieren The W3C CSS Validation Service .
Und ein Add-on für den Firefox https://addons.mozilla.org/de/firefox/addon/249/

Rene1977 · 06.10.2010

AW: Frage zur richtigen Programierung

Ich danke euch.

MFG Rene1977

attrip · 06.10.2010

AW: Frage zur richtigen Programierung

zur Validierung haben meine Vorposter ja schon etwas gesagt.
Noch was:
Umlautbuchstaben, ß und Leerräume (überall da, wo %-Zeichen erscheinen) im HTML-Code können zur fehlerhaften Darstellung führen.
Tabelle mit zwei "l", Liefer- und Zahlungsbedingungen mit "-" und Impressum/Kontakt mit "/" oder einem anderen Trennzeichen Deiner Wahl

Pixeltherapeutin · 06.10.2010

AW: Frage zur richtigen Programierung

Die Thematik, die attrip angesprochen hat, solltest Du auf jeden Fall berücksichtigen!!! :nick:

Und in den Dateinamen auch keine Großbuchstaben verwenden.

clak · 23.10.2010

AW: Frage zur richtigen Programierung

Ergänzung zu Pixeltherapeutin: in CSS empfehle ich Dir auch grundsätzlich Kleinschreibung