Hallo zusammen!
Ich bin daran meine erste (rein private) Webseite zu erstellen. Insbesondere für die Navigationsleiste oben habe ich in CSS Code programmiert. Da ich absoluter Anfänger bin, bin ich interessiert an einer Aussensicht-Beurteilung des Codes. Daneben habe ich längerfristig noch Ausbauwünsche, um die geht es mir in diesem Fred aber nicht.
Bei der ggf. Beurteilung geht es mir nur zum Teil um die Frage, ob der Code formall stimmt (völlig Mumpitz sollter er nicht sein, da er eine Validierung bestanden hat und zumindest unter aktuellem Firefox auf Windows ein passables Resultat entsteht). Es geht mir auch darum, ob es sinnvoll ist, so zu programmieren, oder ob Einwände irgendwelcher Art bestehen.
Der Code ist wie verschiedenenorts empfohlen in einer ausgelagerten .css-Datei und ist wie folgt:
Der bezügliche html-Code lautet beispielsweise (die Webseite hat bereits eine Hauptseite und drei Unterseiten) und soweit hier interessierend:
Ich bin für Inputs und Feedback jeder Art sehr dankbar! Ich möchte die Seite im Moment ohne Javascript oder andere höhere Techniken machen, um den Lernaufwand etwas einzugrenzen, da ich das in der Freizeit mache und nicht mehr 18 bin
. Im Moment geht es um html und css.
Lg Xeno
Ich bin daran meine erste (rein private) Webseite zu erstellen. Insbesondere für die Navigationsleiste oben habe ich in CSS Code programmiert. Da ich absoluter Anfänger bin, bin ich interessiert an einer Aussensicht-Beurteilung des Codes. Daneben habe ich längerfristig noch Ausbauwünsche, um die geht es mir in diesem Fred aber nicht.
Bei der ggf. Beurteilung geht es mir nur zum Teil um die Frage, ob der Code formall stimmt (völlig Mumpitz sollter er nicht sein, da er eine Validierung bestanden hat und zumindest unter aktuellem Firefox auf Windows ein passables Resultat entsteht). Es geht mir auch darum, ob es sinnvoll ist, so zu programmieren, oder ob Einwände irgendwelcher Art bestehen.
Der Code ist wie verschiedenenorts empfohlen in einer ausgelagerten .css-Datei und ist wie folgt:
Code:
h1 { font-family:Verdana, sans-serif; }
body { background-color:#B4DC00; font-family:Verdana, sans-serif; }
p { font-family:Verdana, sans-serif;}
a:link { font-family:Verdana, sans-serif; color:#2F54FF; text-decoration:none; }
a:visited { font-family:Verdana, sans-serif; color:#FF4B4B; text-decoration:none; }
a:hover { font-family:Verdana, sans-serif; color:#FEFF49; text-decoration:none; }
#navigationsleiste { width:100%; display:block; background-color:#FFFFFF; margin-left:0; padding:10px;}
#navigationsbereich li { display:inline; list-style-type:none; margin-left:3px;}
#navigationsleiste a { padding:10px; }
#navigationsleiste a:link { background-color:#FFFFFF; }
#navigationsleiste a:hover { color:#FF40CF; }
#navigationsleiste #aktiv a { background-color:#D2A5FF }Der bezügliche html-Code lautet beispielsweise (die Webseite hat bereits eine Hauptseite und drei Unterseiten) und soweit hier interessierend:
HTML:
<body>
<div id="navigationsbereich">
<ul id="navigationsleiste">
<li id="aktiv">
<a href="http://www.blabla.ch">Hauptseite</a>
</li>
<li>
<a href="http://www.blabla.ch/kontakt.htm">Kontakt</a>
</li>
<li>
<a href="http://www.blabla.ch/changelog.htm">Changelog</a>
</li>
<li>
<a href="http://www.blabla.ch/impressum.htm">Impressum</a>
</li>
</ul>
</div>
<p>
Blablabla.....
</body>Ich bin für Inputs und Feedback jeder Art sehr dankbar! Ich möchte die Seite im Moment ohne Javascript oder andere höhere Techniken machen, um den Lernaufwand etwas einzugrenzen, da ich das in der Freizeit mache und nicht mehr 18 bin
. Im Moment geht es um html und css.Lg Xeno
. Jeder beginnt mal!