Alternative zum framebasierten Layout

Also als Vorteil von frames geringere Ladezeiten aufzuführen, befremdet mich etwas. Ich hab meine Navigation als Liste, die hat nicht mal 100 Zeilen Text. Wie lange wird es dauern, bis die geladen ist? Dann das ganze in einem extra Dokument, das auf jeder Seite mit include() eingebunden wird. So kann ich mit einem Handgriff an der Navi was ändern (z.B. den Bericht vom letzten Sommerfest einfügen) und hab am Client trotzdem saubere einzelne HTMLs. Die Diskussion mit "Datenbankabfragen" und "Flash" aufzublasen führt an der Ausgangsfrage vorbei - auch wenn ich dir bei beidem recht gebe ;)

Mein Tipp als Ersatz für frames: PHP include(), Gestaltung passiert sowieso via CSS.

Grüße!
Wolfgang
 
MacEnroe schrieb:
- logischer Aufbau
- klare Benutzerführung
- das graphische Design (Farben, Typo ...)
Zum Vergrößern anklicken....

Was hat das bitte mit Frames zu tun? Richtig – überhaupt nichts.

Zur Ladezeit sage ich nichts: Safari zeigt manchmal Frameseiten gar nicht an.

MacEnroe schrieb:
Das sind 4 Punkte, die kaum relevant, unwichtig und vernachlässigbar sind
Zum Vergrößern anklicken....

Ich frage mich wirklich ernsthaft, auf welcher Grundlage jemand bzw. Du so entschieden diese Dinge als unwichtig erachten kann, die gemeinhin in jedem modernen Fachbuch publiziert werden?!

Die Diskussion wird langsam bizarr...

Im privaten Bereich kann jeder sich eine Seite aus 1000 Frames zusammenbauen. Allerdings ist jede Seite, die ein Dienstleister dem Kunden verkauft und die mit solchen Steinzeittechniken wie Frames oder Layouttabellen umgesetzt ist, auf eine Art und Weise schon ziemlicher "Pfusch am Bau".

Es gibt nunmal eine recht ausgereifte Spezifikation, gute Argumente und mittlerweile eine Menge Erfahrung für bestimmte Techniken im Web :rolleyes:
 
MacEnroe schrieb:
Immer in Anbetracht dessen, dass es nicht um eine Homepage für
einen Weltkonzern, sondern um eine "kleine" eigene Homepage geht.
Zum Vergrößern anklicken....

2nd schrieb:
Zur Ladezeit sage ich nichts: Safari zeigt manchmal Frameseiten gar nicht an.
Zum Vergrößern anklicken....
Aha. .. :confused: ... Safari aktualisiert zwar anders, zeigt aber Frames
ansonsten problemlos an. Ich surfe, seit es Safari gibt und hatte das Problem
wirklich noch nicht.

2nd schrieb:
Ich frage mich wirklich ernsthaft, auf welcher Grundlage jemand bzw. Du so entschieden diese Dinge als unwichtig erachten kann, die gemeinhin in jedem modernen Fachbuch publiziert werden?!

Die Diskussion wird langsam bizarr...
Zum Vergrößern anklicken....

Natürlich werden die in einem CSS Fachbuch erklärt. Ist ja auch ein Fachbuch.

Aber es muss nicht jede HP jeden Punkt der Fachbücher erfüllen. :D

Das sind halt – relativ – unwichtige Dinge:
Punkt 1: "Frames unterstützen keine Struktur." --> Wer sagt, dass meine HP
unbedingt ein gutes Google-Ranking braucht?
Btw.: Komischerweise landen meine Frame-Websiten bei Google bei den
relevanten Suchbegriffen weit oben. Ohne große Werbung, Links oder sonstwas.
Auf den Inhalt kommt es an.
Punkt 2: "Mobiltelefone..." für viele Seiten derzeit völlig unwichtig.
Punkt 3: "Lieschen Müller landet auf einer Frameseite..." dafür kann man ja
einen Link auf die HP dort plazieren. Genug Anleitung für richtige Framesets
gibt es ja im Netz.
Punkt 4: "Pishing": ... gab bisher nie Probleme, und betrifft nicht nur Framesets.


2nd schrieb:
Im privaten Bereich kann jeder sich eine Seite aus 1000 Frames zusammenbauen. Allerdings ist jede Seite, die ein Dienstleister dem Kunden verkauft und die mit solchen Steinzeittechniken wie Frames oder Layouttabellen umgesetzt ist, auf eine Art und Weise schon ziemlicher "Pfusch am Bau".
Zum Vergrößern anklicken....
Ein gepflegter Altbau hat doch auch seine Reize :D Nein, in dem Punkt stimme
ich dir ja die ganze Zeit zu.
2nd schrieb:
Es gibt nunmal eine recht ausgereifte Spezifikation, gute Argumente und mittlerweile eine Menge Erfahrung für bestimmte Techniken im Web :rolleyes:
Zum Vergrößern anklicken....

Also sind wir uns ja einig. Private Seite --> kann man ruhig mit Frames machen,
wenn die Nachteile von Frames nicht relevant sind.
Gewerbliche professionelle Seiten --> Sollten ohne Frames auskommen.
 
Nochmals besten Dank für eure ganzen Beiträge! Ich habe mein Vorhaben jetzt mit css und javascript umgesetzt. Was allerdings nicht funzt ist die a:active Funktion bei der Navigation. Hat jemand für dieses Problem einen Lösungsvorschlag?
 
LightModulator schrieb:
Nochmals besten Dank für eure ganzen Beiträge! Ich habe mein Vorhaben jetzt mit css und javascript umgesetzt. Was allerdings nicht funzt ist die a:active Funktion bei der Navigation. Hat jemand für dieses Problem einen Lösungsvorschlag?
Zum Vergrößern anklicken....

Was erwartest du denn von a:active?
Das ist der Zustand, wenn du mit der Maus auf den Link klickst und die Maus nicht loslässt ;)
 
Oh Shit.. ich dachte die ganze Zeit, dass a:active den aktuell aufgerufenen Link darstellt. Dann ist das wohl nicht möglich, oder?
 
Doch.

du musst nur dem aktiven link eine id oder eine klasse zuweisen:

HTML: 
	<ul id="navi">
		<li><a href="home.html" id="aktiver_link">Home</a></li>
		<li><a href="kontakt.html">Kontakt</a></li>
		<li><a href="anfahrt.html">Anfahrt</a></li>
		<li><a href="impressum.html">Impressum</a></li>
	</ul>

dieser kannst du dann per css die entsprechenden eigenschaften zuordnen.

z.b.:

Code: 
a#aktiver_link{
	color:red;
}
 
OrangUtanKlaus schrieb:
Doch.

du musst nur dem aktiven link eine id oder eine klasse zuweisen:

HTML: 
	<ul id="navi">
		<li><a href="home.html" id="aktiver_link">Home</a></li>
		<li><a href="kontakt.html">Kontakt</a></li>
		<li><a href="anfahrt.html">Anfahrt</a></li>
		<li><a href="impressum.html">Impressum</a></li>
	</ul>

dieser kannst du dann per css die entsprechenden eigenschaften zuordnen.

z.b.:

Code: 
a#aktiver_link{
	color:red;
}
Zum Vergrößern anklicken....

Danke! Aber leider funktioniert dein Beispiel bei mir nicht?! Alle Links werden rot also als aktiv dargestellt.

Auf dieser Seite: http://www.davidchipperfield.com/ ist gut erkennbar wie die Navi funktionieren soll. Ja, ich weiß, dass ist Flash.
 
So wie es Lightmodulator schreibt ist es richtig.

Du kannst dir gerne mal den HTML und CSS Code von meinen Seiten anschauen, da ist es meist so gemacht:
http://www.fg-training.de und http://www.fg-fotografie.de

Andere Lösung wäre auf http://www.gondomir.de zu finden, da ich hier mit Templetes in Dreamweaver gearbeitet habe und die Navigation nicht auf den Seiten änderbar ist (nur im Template, damit ist sie auf allen Seiten gleich) haben die Navipunkte Ids wie z.b. m1,m2,m3 usw.
Dann in der Seite im Header als Stil halt m1 bzw. m2 usw in einer anderen Farbe setzen.
Allerdings hab ich auf der gondomir.de das nicht über CSS sondern über Javascript gemacht. Eigentlich müsste ich da auch ein CSS Fallback machen falls JS nicht vorhanden ist.
 
OrangUtanKlaus schrieb:
zeig mal den teil deines codes (html & css)
Zum Vergrößern anklicken....

HTML: 
<ul id="Navigation">
     <table border="0" width="100%">
     <tr>
      <td width="58%" align="left" valign="top">
      
      <li><a href="javascript:goto('news.html')" id="aktiver_link">News</a></li>
      
      <li><a href="javascript:goto('arbeiten.html')" id="aktiver_link">Arbeiten</a>    
         <ul>
          <li><a href="javascript:goto('a1.html')" id="aktiver_link">A 1</a></li>
          
          <li><a href="javascript:goto('a2.html')" id="aktiver_link">A 2</a></li>
          
          <li><a href="javascript:goto('a3.html')" id="aktiver_link">A 3</a></li>
          
          <li><a href="javascript:goto('a4.html')" id="aktiver_link">A 4</a></li>
         </ul>
      </li>
      <li><a href="javascript:goto('kontakt.html')" id="aktiver_link">Kontakt</a></li>
     
      <li><a href="javascript:goto('vita.html')" id="aktiver_link">Vita</a></li>
      
      <li><a href="javascript:goto('impressum.html')" id="aktiver_link">Impressum</a></li>
      
      </td>
      
      <td width="8%"></td>
      <td width="33%" align="left" valign="top"><img src="img/Logo_Neu_klein.jpg" /></td>
     </tr>
        </table>
        </ul>

Code: 
a#aktiver_link {color: red; }
 
du hast ja doch JEDEM link die id gegeben ;)

btw.: eine id darf man sowieso nur einmal vergeben
 
Genau, der darf nur in dem Link stehen der der aktiven Seite entspricht.

Warum machst du den Link mit javascript? Wie will man ohne Javascript navigieren? Das ist ein absolutes No-Go. Die Navigation muss immer ohne Javascript möglich sein, sonst werden einige Leute deine Seite nicht benutzen können und Google wird sie auch nicht indexieren (es sei den du reichst ne Sitemap ein).

Einfach den normalen Link reinschreiben, siehe meine Beispielseiten.

Und Tables verwendet man auch nicht für das Layout. Tables sind für Tabellen. Layouts macht man über CSS.
Da gab es ja schon Antworten wie man es macht, auf Selfhtml gibt es auch schöne CSS Beispiele für Layouts.

Frames und Tabellenlayouts sind sowas von 2005.
 
In deinem fall müsstest du die id per javascript vergeben. also "wenn kontakt.html aufgerufen wird, gib dem link kontakt die id aktiver_link".

aber das ist schon eine sehr unschöne sache. wie Gondomir schon schrieb, mit ausgeschaltetem javascript kann niemand durch deine seite navigieren und suchmaschinen finden auch nichts. da bietet die frame variante sogar mehr vorteile ;)
 
OrangUtanKlaus schrieb:
da bietet die frame variante sogar mehr vorteile ;)
Zum Vergrößern anklicken....

Und das will was heissen. :D

Schlag mich nicht, aber wie soll man in der Framevariante den Menüpunkt der aktiven Seite hervorheben? Ich wüsste da schon gar keine Möglichkeit.

Das ist ja das schöne an der CSS Lösung, da geht es einfach.

Kleiner Tip: Wenn man Dreamweaver hat und Templates verwendet ist es eine Sache von 30 Sekunden einen neuen Menüpunkt für alle Seiten einzufügen, veröffentlichen geht da sowieso auf Knopfdruck.
 
Danke euch! Ich denke, dass beste wird sein ich lese mal die Anleitungen bei self html
 
Gondomir schrieb:
Schlag mich nicht, aber wie soll man in der Framevariante den Menüpunkt der aktiven Seite hervorheben?
Zum Vergrößern anklicken....

ok, das geht dann auch nur mit hilfe von javascript. aber dafür haben die deaktiviertes-javascript-besucher nur einen optischen nachteil... sie können aber immerhin navigieren ;)

beide varianten sind nicht empfehlenswert. dann würd ichs sogar eher per ajax machen, dann kann man wenigstens noch ein paar effekte einbauen :D

die geläufigste methode ist diese: https://www.macuser.de/forum/f56/alternative-framebasierten-layout-436923/#post4983629

entweder man bindet die navi dann per php-include ein (um sich arbeit zu ersparen), oder bei wenigen seiten einfach nur so wie es da steht per html.

denn selbst wenn man per editor bei 10 seiten einen neuen navi-punkt einbauen möchte, dauert das nur ca. 1minute.
 
ja, ja sicherste und einfachste wäre php wie ich das auch schon auf Seite 1 geschrieben hab. :)
 
Zurück
Oben Unten