Kann ich so eine Seite erstellen?

[dune89]

hallo liebes forum,

seit ich css benutze, erstelle ich meine seiten immer mit dem selben prinzip und zwar folgendes prinzip:


stellen wir uns einfach mal eine seite mit einer breite von 800 pixel und einer länge von 1000 pixel vor. Diese seite hat nun 2 divs!

In der css datei gebe ich dem ersten div kasten eine breite von 600 pixel und eine länge von 1000 pixel und den anderem div die breite von 200 pixel und die länge von 1000 pixel.

Mit dem Befehl float left kleben sie aneinander. Und die Navi fülle ich mit "IMG Buttons" über das Kästchen und zentriere sie.


Meine frage lautet: ob eine solche Seite von der struktur gut aufgebaut ist? Wie würdet ihr den vorgehen? Ist sie professionel?

Die Seite wird im Browser sehr gut angezeigt. Nichts verschiebt sich. Aber ich hab eine Navi mit IMG Buttons und benutze nicht so viele Befehle, sondern mach es ganz simpel mit dem prinzip. Was würde an einer professionelle seite anders sein?

Selbst bei 5 divs würde ich immer den float left befehl benutze.

Irgendwas sagt mir ich mach da was falsch ???:( danke für jede hilfe

 

[spaceCookie]

Die Frage lässt sich pauschal nicht beantworten. Es kommt darauf an wie die Seite aufgebaut sein soll. Aber pauschalisieren lässt sich das auf keinen Fall. Es ist auf jeden Fall schonmal Lobenswert dass du keine Tabellen zum layouten benutzt. Dass habe ich nun in den paar Tagen die ich hier angemeldet bin schon erschreckend oft gesehen.

Zum Thema Navigation: Normalerweise werden für Navis unordered lists verwendet und mit css gestyled:

<ul id="main-menu">
  <li><a href="#">Home</a></li>
  <li><a href="#">Über uns</a></li>
  <li><a href="#">Kontakt</a></li>
  <li><a href="#">Impressum</a></li>
</ul>

^ so zum Beispiel. Via CSS kannst du den Listenelementen auch noch Hintergrundbilder geben. Ich würde allerdings dringend davon abraten Bilder als Navigation zu verwenden. Allein schon aus SEO-technischen Gründen.


Ansonsten kannst du dir auch mal ein bisschen Grid Layouts anschauen um durchweg generell eine schöne Seitenstruktur zu erhalten.

 

[dune89]

vielen dank spacecookie für dein lob, aber wenn ich in der Navigation "IMG's" benutzen möchte? da benutze ich ja kein <li> und ich glaub der IE unterstützt viele sachen nicht :( und mindestens 20 % der besucher werden wahrscheinlich den IE browser benutzen

 

[spaceCookie]

aber wenn ich in der Navigation "IMG's" benutzen möchte?

Warum möchtest du denn unbedingt eine Navigation mit IMG-Tags realisieren? Es ist einfach nicht schön.

und ich glaub der IE unterstützt viele sachen nicht

zwischen Glauben und Wissen gibt es immer noch einen riesen Unterschied
Dinge die im IE nicht Funktionieren kann man dann auch mit Fallbacks umsetzen.

Versuch dich einfach mal an Listen.

 

[dune89]

ich kann sehr sehr gut designen, deshalb werde ich meine navi mit IMG-Tags realisieren :) wie sollte der Navi html code aussehen, wenn ich IMGs benutzen möchte?

<ul id="main-menu">
<li><a href="#">Home</a></li>
<li><a href="#">Über uns</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Impressum</a></li>
</ul>

sieht mir einfach zu billig aus, so einfache buttons... tausend dank!!

 

[spaceCookie]

Du kannst innerhalb deiner Links immer noch img tags verwenden, wie gesagt, ich würde dir davon abraten. Wenn es dir ums grafische geht kannst du mit CSS3 viel reißen.

Ansonsten kannst du deinen <li> Tags via CSS auch Hintergrundbilder verpassen.

 

[dune89]

ja, aber nenn mir einen guten grund wieso du mir davon abratest? Entweder schlicht und einfach oder eher eine super schöne navi mit img-tags.



so mach ich die navi:
<center>
<a href="#"><img class="#" src="#.jpg"></a>
<a href="#"><img class="#" src="#.jpg"></a>
<a href="#"><img class="#" src="#.jpg"></a>
</center>

FERTIG
was ist daran so falsch ?


und die divs:

<div class="content_1">



</div>

<div class="content_2">



</div>

<div class="content_3">



</div>




so wäre meine seite fertig, natürlich noch die anderen kleinigkeiten die mit css fehlen und html-tags, aber der grundbausteine wäre bei mir so.

 

[Tronjer]

Das <center> Tag war in HTML 4.01 bereits veraltet und wird in HTML5 nicht mehr unterstützt.

Benutze statt dessen <nav>, und Menüs erstellt man üblicher Weise mit Listen. Du kannst deine Bilder ja trotzem als background-images definieren.

 

[spaceCookie]

FERTIG
was ist daran so falsch ?

Du wolltest Verbesserungsvorschläge. Wir versuchen dir welche zu geben. Du hast gefragt wie man es professioneller macht, wir haben es dir gesagt.

Es liegt an dir dass anzunehmen oder es weiterhin so zu machen wie du es momentan machen willst.

Haben deine Website üblicherweise keine Header oder Footer? Zudem würde ich empfehlen gewisse Elemente zu wrappen.

 

[Banana_Jones]

ja, aber nenn mir einen guten grund wieso du mir davon abratest? Entweder schlicht und einfach oder eher eine super schöne navi mit img-tags.

Ladezeiten (Stichwort Mobile), SEO, Barrierefreiheit.
Das wären jetzt 3 Gründe...

Außerdem schließt das eine das andere nicht aus, man kann mit reinem CSS durchaus Navigationen erstellen, die alles andere als schlicht und einfach aussehen...

 

[dune89]

danke banana_jones! Ist es eigentlich schlimm wenn ich mit html 5 arbeite und ab und zu trotzdem alte Tags benutze? wie z.b. das <center> da ich zuviele Tags kenne die veraltet sind.

in nicht auf dem neuesten stand aber arbeite nebenher trotzdem mit den html5...

 

[spaceCookie]

Solche Tags wie center bitte nicht mehr benutzen. Sie sind deprecated und nicht besonders elegant. Ich weiß nicht wie dass mit der abwärtskompatibilität aussieht aber ich kann nicht garantieren ob sie weiterhin von allen browsern unterstützt werden. Versuche alle layouttechnische dinge mit css zu regeln so dass du eine möglichst schlanke html struktur hast.

 

[MrMurphy]

Hallo

Ist es eigentlich schlimm wenn ich mit html 5 arbeite und ab und zu trotzdem alte Tags benutze?

Das kannst du machen wie es dir beliebt.

Dú musst dich halt entscheiden, ob du irgendwelche Webseiten, seriöse oder gar professionelle erstellen willst. Ohne zu lernen wirst du weder seriöse noch professionelle Webseiten erstellen können. Sobald du anfängst Kompromisse machen zu wollen, weil du mit dem aktuellen Entwicklungsstand überfordert bist, machst du halt nur noch irgendwelche Webseiten. Ist ja auch nicht weiter schlimm.

Gruss

MrMurphy