nicht angemeldet
Website ohne Frames...
Da denken sich wohl einige, nicht schon wieder er, aber doch :D
ALso wie man das hier vllt mitbekommen hat, will ich meine Seite neugestalten ( http://www.shyne.net.ms) , weil es total scheiße ist, wie ich leider feststellen musste. Es wird z.B. mit Opera total verkehrt angezeigt :(
Ich habe auch mitbekommen, dass man auf Frames und Tabellen verzichten soll, so weit wie möglich halt. Man soll auch auf die alten Browser rücksicht nehmen und alles. Wie mache ich das denn jetzt mit "Frames". Also wie Teile ich die Seite auf. Ich brauche ja eine Navigationsleiste und oben vielleicht noch ein Banner oder sowas. Wie mache ich das ohne Frames, wozu Frames eigentlich gedacht sind?
Ich muss dazu sagen, dass ich erste Schritte in CSS gemacht habe und einge wenige mehr in html. also schreibt mir so, dass ich genau weiss, wo und womit ich angefangen soll.
THX
-
Hi MK,
Also wie Teile ich die Seite auf. Ich brauche ja eine Navigationsleiste und oben vielleicht noch ein Banner oder sowas. Wie mache ich das ohne Frames, wozu Frames eigentlich gedacht sind?
Mit Tabelle oder mit divs.
Viele Grüße
Mathias Bigge-
Moin!
wenn schon mit css, dann mit divs, täte ich jetzt vorschlagen. tabellen sind für tabellarische inhalte und nicht für layouts.
@MK: schau mal hier:
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html -> fertige boxlayouts
http://de.selfhtml.org/css/eigenschaften/positionierung.htm -> Hier dürftest du einiges zum thema positionieren mit css finden zb. für divstschüssi
ichen-
Hi ichen,
tabellen sind für tabellarische inhalte und nicht für layouts
1. Es gibt Leute, die Champagner aus Zahnputzbechern trinken.
2. Natürlich ist das Verhaftetsein an bestimmte Gebrauchswertkonventionen eine solide Grundlage sozial angepassten Verhaltens.
3. Die Layouttabelle ist tot! Es lebe die Layouttabelle! *g*Viele Grüße
Mathias Bigge
-
-
Hallo Mattes,
Also wie Teile ich die Seite auf. Ich brauche ja eine Navigationsleiste und oben vielleicht noch ein Banner oder sowas. Wie mache ich das ohne Frames, wozu Frames eigentlich gedacht sind?
Mit Tabelle oder mit divs.Weder noch: mit einem semantisch sinnvoll ausgzeichneten HTML-Dokument, dass hinterher mit CSS formatiert wird ;-)
Schöne Grüße,
Johannes
--
Das sage ich deshalb, weil ich Hompagebauer bin und Ahnung davon .
ss:| zu:) ls:[ fo:) de:] va:) ch:) n4:| rl:) br:< js:| ie:{ fl:( mo:}
-
-
Hallo,
Wie mache ich das ohne Frames, wozu Frames eigentlich gedacht sind?
Frames sind ja in erster Linie nicht fürs Layout gedacht, sondern erfüllen den Zweck, dass mehrere Inhaltsbereiche auf einer Seite unabhängig voneinander ausgegeben werden können.
Sie werden deshalb gerne für die Gestaltung genutzt, weil sie sich sehr starr verhalten und schnell zusammengebaut sind. Allerdings schaffen sie bereits in diesem frühen Stadium der Webentwicklung Probleme (etwa durch ungenaues Verhalten im Browser), die sich im weiteren Verlauf noch massiv verstärken und weitere Probleme schaffen -> Die grundsätzlichen Nachteile von Frames wurden bereits mehrfach im Archiv genannt.
Ich muss dazu sagen, dass ich erste Schritte in CSS gemacht habe und einge wenige mehr in html.
dann solltest du dich, bevor du deine Seite überarbeitest, erst ein wenig mit der Materie beschäftigen. Andernfalls wirst du auf halber Strecke feststellen, dass du wohlmöglich falsch an die Sache rangegangen bist und nochmal neu anfangen möchtest.
Spannender Einstieg ins Thema: CSS Zengarden (schau dir dabei die Designs an). Es handelt sich dabei um eine einzige Website, die allein durch die Auszeichnung im CSS unterschiedliche Formen und Layouts annimmt. Das basiert auf strikter Trennung zwischen Inhalt und Gestaltung.
Danach viel zu lesen, etwa hier:
- http://www.css-technik.de
- http://css.fractatulum.net
- http://www.css-faq.de
- http://css-technik.de/css-examples/219_9/
Gruß,
_Dirk -
Hallo,
Ich habe auch mitbekommen, dass man auf Frames und Tabellen verzichten soll, so weit wie möglich halt. Man soll auch auf die alten Browser rücksicht nehmen und alles. Wie mache ich das denn jetzt mit "Frames". [...] Wie mache ich das ohne Frames, wozu Frames eigentlich gedacht sind?
Das mit den alten Browsern kommt wohl erst durch erfahrung. Frames sind egentlich nicht dazu gedacht irgendwelche Sachen irgendwo zu positionieren (wozu im übrigen Tabellen auch nicht gedacht sind) sondern um zwei oder mehrere Dokumente innerhalb eines Browserfensters gleichzeitig anzuzeigen. Viele Fälle wo es sinnvoll ist fallen mir aber nicht ein, außer vielleicht bei einem Glossar.
Also wie Teile ich die Seite auf. Ich brauche ja eine Navigationsleiste und oben vielleicht noch ein Banner oder sowas.
Als erstes erstellst du dir mal ein so genanntes Template, in welches du dann deine Inhalte einpflegst. Anfangen tun wir mit einem XHTML Grundgerüst. Wenn das steht machen wir eine Navigationsleiste rein:
<ul id="navi">
<li><a href="aboutme.html">Über mich</a></li>
<li><a href="news.html">News</a></li>
<li><a href="albums.html">Meine Alben</a></li>
... und so weiter ...
</ul>Mehr musst du innerhalb von HTML für die Navigation nicht machen. Alles was das Aussehen dieser Navigationsleiste betrifft machst du mittels CSS, wobei dir Listamatic von maxdesign hervorragende Dienste leisten wird. Dieses CSS lagerst du dann in einer externen Datei aus.
Dann kommt der Banner. Hier gibt es die möglichkeit alles rechts oder links an ihm vorbeifließen zu lassen, dazu dient die CSS Eigenschaft float.
Im HTML würde das zum Beispiel so aussehen:
[KOPFDATEN]
<div id="header">
<img id="logo" src="img/logo.png" alt="Logo: shyne" />
[hier die Navigationsliste rein]
</div>
[FUßDATEN]Das div mit der id="header" gruppiert das Logo und die Navigationsliste zur einer Gruppe mit der ID header. Das ist später beim formatieren mit CSS sehr nützlich, und außerdem muss bei manchen Versionen von XHTML ein Bild immer innerhalb eines Blockelementes sitzen. Also gleich zwei Fliegen mit einer Klappe geschlagen.
Jetzt fehlt uns noch der eigentliche Inhalt. Diesen musst du natürlich auch vernünftig auszeichnen, also <p> für Absätze benutzen, <h1>-<h6> für Überschriften, <ul> für ungeordnete Listen und so weiter. Um das alles als Inhalt zu gruppieren nehmen wir wieder ein <div> und grupieren das alles damit. Wir legen also alles in ein:
<div id="content">
[hier kommt der ganze Inhalt rein]
</div>das fügen wir dann noch zwischen das header div und die Fußdaten ein. Auf jeder Seite fügst du natürlich einen anderen Inhalt ein. Am besten speicherst du dir mal ein Template ohne Inhalt in einer extra Datei ab, die du zum Beispiel template.html nennst. Wenn du dann wieder eine neue Seite mit Inhalt machst lädst du einfach diese Templateseite und fügst deinen Inhalt ein. Dann natürlich unter einem anderen Namen abspeichern und fertig.
Das mit dem CSS ist aber ein wenig aufwendig, und man muss einfach erst einmal das CSS Kapitel von SELFHTML durchlesen, und dann einfach immer wieder üben, und in den Quelltext anderer gucken, oder sich seiten Suchen die sich damit beschäftigen und dort lesen und selbst ausprobieren.
Wenn du dann konkrete Fragen hast dann Frag einfach hier noch einmal nach.
Grüße
Jeena Paradies--
Ich ziehe ins .net(Z) um - ein neues Zuhause für meine Seite
--
Für das Leben gezeichnet - der zweite Weltkrieg aus der eigenen Perspektive
Einer der letzten Tagebucheinträge meines Großvaters, der den zweiten Weltkrieg am eigenen Leib erfahren hat. -
Also ganz kurz und konkret:
Ich möchte eine Website mit einer Navigation, so dass wenn ich eine neue Site erstelle und diese zu der Navigation tue, dass ich nicht alle Seiten ändern muss wo die Navi. drauf ist und so dass nur die Navigation geändert wird aber auf allen Seiten dann, wie bei Frames...Ich habe einen sehr guten Vorschlag bekommen mit XHTML und CSS, aber dann hat ein anderer geschrieben, dass es damit nichts zu tun hat, dass man nicht alle Seiten ändern muss, wenn man was zu der nAvigation tut......
Ich danke ihnen......
(bald hänge ich mich auf oder verbrenne diesen weissen Kasten vor mir :))
-
Hallo!
Vorab: du solltest dich auf einen Nickname festlegen. Mehrere Namen sorgen für Verwirrung.
so dass nur die Navigation geändert wird aber auf allen Seiten dann, wie bei Frames...
dafür muss die Navigation, die als einzelne Datei separat abgelegt wird, per include an den gewünschten Stellen in den Seiten eingefügt werden. Du könntest dafür PHP (die für dich wahrscheinlich naheliegendste serverseitige Möglichkeit) oder SSI benutzen.
Ich habe einen sehr guten Vorschlag bekommen mit XHTML und CSS, aber dann hat ein anderer geschrieben, dass es damit nichts zu tun hat, dass man nicht alle Seiten ändern muss, wenn man was zu der nAvigation tut......
das kann ich jetzt nicht nachvollziehen. Vereinfacht gesagt beschreibst du die Inhalte einer Seite mit XHTML und deren Aussehen per CSS. Für die Herkunft der Navigation spielt das keine Rolle.
Gruß,
_Dirk
-