 anfänger |
|
Willkommen, Gast ( Anmelden | Registrierung )
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML  |
 31.03.2008 - 10:29
Beitrag
#11
|
|
|
Kommt Zeit, kommt Rat, kommt Conrad!  Gruppe: Mods Beiträge: 1.169 Mitglied seit: 21.11.2001 Wohnort: Altenkirchen, Westerwald Mitglieds-Nr.: 42  |
ZITAT(Flocke @ 31.03.2008 - 9:42)  Ich könnte allerdings die Quellcodes kopieren. Dann mache das doch mal... cu Conny |
 |
 
|
|
31.03.2008 - 10:40
Beitrag
#12
|
|
|
looks good Gruppe: User Beiträge: 47 Mitglied seit: 28.03.2008 Wohnort: In der Nähe von Fulda Mitglieds-Nr.: 7.350 |
Also, erstmal danke für eure Geduld.
Das hier ist die erste Seite ZITAT <html> <head> <title>Meine Homepage - Startseite</title> <meta name="author" content="Notebook"> <meta name="editor" content="html-editor phase 5"> </head> <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000"> <br><br><br><br><div align="center"><font size="+4">Herzlich Willkommen !</font></div><br> <font size="+2"><div align="center">auf meiner Seite</div></font><br> <b><div align="center"><font size="+4">Studieren mit Hindernissen</font><b></b></div></b><br><br> <div align="center"><img src="bilder/Kopie von 30-03-08_1724.jpg" width="300" height="225" border="0" alt=""></div> <div align="center">zur Homepage <a href="frameset.html">hier</a> klicken</div> </body> </html> wenn man auf "hier" klickt gehts weiter das ist das Grundgerüst meiner Frames: ZITAT <html> <head> <title>frameset</title> <meta name="author" content="Notebook"> <meta name="editor" content="html-editor phase 5"> </head><frameset cols="156,856" border=0 frameborder=0 framespacing=0> <frame src="navigation.html" name="navigation"> <frame src="start.html" name="main"> </frameset> <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000"> </body> </html> ich weiß dass da eigentlich Prozentangaben hin gehören, aber dann hatte ich im linken Frame immer einen Scrollbalken, den habe ich nur wegbekommen indem ich 156 eingegeben habe. Das ist die Navigation: ZITAT <html> <head> <title>navigation</title> <meta name="author" content="Notebook"> <meta name="editor" content="html-editor phase 5"> </head> <body leftmargin="0"topmargin="0" background="bilder/strichlinkeseite.jpg" text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000"> <img src="bilder/30-03-08_1724.jpg" width="156" height="117" border="0" alt=""><br> <font color="#FFFFFF"><a href="start.html" target="main">Home</a></font><br><br> <font color="#FFFFFF">Das bin ich</font><br><br> </body> </html> und das die eigentliche Seite: ZITAT <html> <head> <title>start</title> <meta name="author" content="Notebook"> <meta name="editor" content="html-editor phase 5"> </head> <body topmargin="0" leftmargin="0" text="#000000" bgcolor="" link="#FF0000" alink="#FF0000" vlink="#FF0000"> <img src="bilder/cooltext84130325.jpg" width="620" height="117" border="0" alt=""><img src="bilder/logogespiegelt.JPG" width="156" height="117" border="0" alt=""> </body> </html> Inhalt gibt es noch nicht so wirklich.... Flocke Der Beitrag wurde von Flocke bearbeitet: 31.03.2008 - 11:05 |
|
|
|
|
31.03.2008 - 18:32
Beitrag
#13
|
|
|
looks good Gruppe: User Beiträge: 47 Mitglied seit: 28.03.2008 Wohnort: In der Nähe von Fulda Mitglieds-Nr.: 7.350 |
Ich habe mich jetzt mal entschlossen mein Firefox wieder rauszusuchen.... dort wird es genauso angezeigt wie im IE.
Flocke |
|
|
|
|
31.03.2008 - 20:58
Beitrag
#14
|
|
|
Anwärter auf W3.org Mitgliedschaft  Gruppe: User Beiträge: 550 Mitglied seit: 28.11.2001 Wohnort: Berlin Friedrichshain Mitglieds-Nr.: 107 |
Hallo Notebook
ZITAT(Flocke @ 31.03.2008 - 19:32) Ich habe mich jetzt mal entschlossen mein Firefox wieder rauszusuchen.... dort wird es genauso angezeigt wie im IE. Eine Empfehlung: nicht den Firefox raussuchen, sondern genau ihn (bzw. allgemeiner einen Browser mit der Renderengine Gekko) als Standardtestwerkzeug nutzen. Alternativ darf es auch ein Opera oder ein Webkit-Browser (z.B. Safari, Konqueror) sein. Browser mit diesen Renderengines halten sich weitestgehendst an die Standards. Vom MSIE kann man das frühestens ab Version 8 erwarten, was uns aber heute noch nicht interessieren muss. ZITAT(Flocke @ 31.03.2008 - 11:40) Das hier ist die erste Seite QUELLTEXT <html> <head> <title>Meine Homepage - Startseite</title> <meta name="author" content="Notebook"> <meta name="editor" content="html-editor phase 5"> </head> <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000"> <div align="center"><font size="+4">Herzlich Willkommen !</font></div> <font size="+2"><div align="center">auf meiner Seite</div></font> <b><div align="center"><font size="+4">Studieren mit Hindernissen</font><b></b></div></b> <div align="center"><img src="bilder/Kopie von 30-03-08_1724.jpg" width="300" height="225" border="0" alt=""></div> <div align="center">zur Homepage <a href="frameset.html">hier</a> klicken</div> </body> </html> wenn man auf "hier" klickt gehts weiter Ahh, eine Vorschaltseite. Auch eine der Techniken, die heute verpönt sind. Warum muss ich als Besucher nochmal unnützerweise klicken müssen, um an den Inhalt der Seite heranzukommen? Davon ab ein paar Hinweise: Wenn du schon unbedingt <font> verwenden willst, setze es innerhalb der <div>s, also direkt um die zu formatierenden Texte, ein. Für die vergrößerten Texte bietet sich die Verwendung von Überschriften an. Im Übrigen (weil's so viele falsch verwenden) sind Überschriften Überschriften und nicht dazu da, einfach nur großen Text anzuzeigen! Die <br>s zum Abstand schaffen drehen mir alles um, aber da wären wir wieder bei CSS. Benenne das Bild um. Unter Windows ist es zwar kein Problem, mit Leerzeichen und Umlauten in Dateinamen umzugehen, im Kontext eines Webservers gibt es diese Zeichen aber nicht. Dort sind nur die lateinischen Zeichen sowie Punkt, Binde- und Unterstrich in Dateinamen erlaubt. Zudem ist es ratsam, genau auf die Groß- und Kleinschreibung zu achten. Windows ist dies egal, bei text.txt, teXt.TXT und Text.txt handelt es sich um die gleiche Datei. Unter Linux (der Uniserver wird höchstwahrscheinlich ein Linuxserver sein) und allen anderen Ablegern von Unix sind dies drei verschiedene Dateien. Heißt das Bild nun Bild.jpg und du referenzerst es mit bild.jpg, wird es zwar unter Windows gefunden, nicht jedoch auf einem linuxbasierten Webserver. Das einfachste ist es, sich anzugewöhnen, Verzeichnis- und Dateinamen klein zu schreiben. ZITAT(Flocke @ 31.03.2008 - 11:40) das ist das Grundgerüst meiner Frames: QUELLTEXT <html> <head> <title>frameset</title> <meta name="author" content="Notebook"> <meta name="editor" content="html-editor phase 5"> </head><frameset cols="156,856" border=0 frameborder=0 framespacing=0> <frame src="navigation.html" name="navigation"> <frame src="start.html" name="main"> </frameset> <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000"> </body> </html> ich weiß dass da eigentlich Prozentangaben hin gehören, aber dann hatte ich im linken Frame immer einen Scrollbalken, den habe ich nur wegbekommen indem ich 156 eingegeben habe. Nö, da kann man auch rein numerische Angaben machen, so, wie es da steht. Der Frame ist demnach 156 Pixel breit. Wenn du die Prozentangabe groß genug wähltest, gäbe es da auch keine Scrollbalken. Ein Frameset hat im Übrigen keinen <body> sondern einen <noframes>-Bereich, der dann seinerseits den <body> enthält. Dieser sollte aber Inhalt haben, undzwar Links zu den einzelnen Seiten (typischerweise die des rechten Frames) und eventuell eine kurze Zusammenfassung des Zwecks dieser Internetpräsenz ("Hier wird Produkt XYZ vorgestellt und beschrieben."). Schau dir das bitte bei SELFHTML noch mal an. Zudem haben wir hier gleich das erste Verständnisproblem (cols="156,856"). So (mit diesen Breiten) sieht es bei dir aus, weil dein Browserfenster eine bestimmte Breite hat. Mit einer Webseite bist du aber bei deinen Besuchern in deren Browsern zu Gast. Verinnerliche bitte (selbst falls du konkret das nie wieder brauchst): Du kannst mit deinen Angaben zu Größen, Farben etc. pp. immer nur Empfehlungen zur Darstellung deiner Seite geben. Du weißt nichts über die Voraussetzungen am anderen Ende der Leitung. Nicht, wie groß das Browserfenster ist. Ob es sich überhaupt um einen Browser handelt [1], weißt du auch nicht. Über die im Browser vorgegebene Schriftgröße weißt du nichts, auch nicht, ob sich jemand über die Eingabehilfen einen starken Kontrast eingestellt hat und deine Farbangaben für die Katz sind. [2] In diesem Fall (cols="156,856") gibst du über die Breitenangaben eine Gesamtbreite des Anzeigebereichs des Browserfensters (Viewport) vor, ... nicht wirklich schön. Belasse es dabei, die Breite des Navigationsframes vorzugeben und stelle die Breite des Inhaltsframes per Windcard (*) frei (cols="156,*"). ZITAT(Flocke @ 31.03.2008 - 11:40) Das ist die Navigation: QUELLTEXT <html> <head> <title>navigation</title> <meta name="author" content="Notebook"> <meta name="editor" content="html-editor phase 5"> </head> <body leftmargin="0"topmargin="0" background="bilder/strichlinkeseite.jpg" text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000"> <img src="bilder/30-03-08_1724.jpg" width="156" height="117" border="0" alt=""> <font color="#FFFFFF"><a href="start.html" target="main">Home</a></font> <font color="#FFFFFF">Das bin ich</font> </body> </html> <rummaul>Jaja, wegen eines Links ein Frameset ... aber wenn's der Lehrer so will ... bitteschön.</rummaul> ZITAT(Flocke @ 31.03.2008 - 11:40) und das die eigentliche Seite: QUELLTEXT <html> <head> <title>start</title> <meta name="author" content="Notebook"> <meta name="editor" content="html-editor phase 5"> </head> <body topmargin="0" leftmargin="0" text="#000000" bgcolor="" link="#FF0000" alink="#FF0000" vlink="#FF0000"> <img src="bilder/cooltext84130325.jpg" width="620" height="117" border="0" alt=""><img src="bilder/logogespiegelt.JPG" width="156" height="117" border="0" alt=""> </body> </html> Tja, zwei oder mehr Bilder werden, so sie nebeneinander passen, nebeneinander dargestellt. Wenn nicht, dann nicht. Die Vorgabe lautet für jeglichen Inhalt, dass er linksbündig dargestellt wird. Die Bilder werden also nebeneinander angezeigt, bis eines der Bilder nicht mehr in die dann noch zur Verfügung stehende Breite hineinpasst. Dieses Bild kommt nun linksbündig in die nächste "Zeile". Das ist das von dir beobachtete Verhalten. Solange du ohne CSS auskommen willst/sollst/musst wirst du dich damit abfinden müssen. Die einzige Alternative, die rein mit HTML funktioniert, ist, die beiden Bilder in eine Tabelle zu setzen. Jedes Bild erhält eine Zelle in einer Zeile, womit sie auf gleicher Höhe nebeneinander gezwungen werden. Wie Andreas aber schon schrieb, sind Tabellen kein gestaltungsmittel, sondern dazu da, tabellarische Daten sortiert anzuzeigen. Zudem würde bei zu schmalem Browserfenster ein Querscrollbalken angezeigt werden, ohne dass der eigentliche Inhalt dies erforderte. Sie wären nur wegen der Bilder da. Wäge also ab, ob du das inkauf nehmen willst. [1] Beispiele für Alternativen: Suchmaschinenroboter, Braillezeile, Vorleseprogramm [2] Es gibt zwar die Möglichkeit, mit JavaScript einige der fehlenden Informationen (z.B. zu Dimensionierungen) zu beschaffen und vorgegebene Angaben zur Laufzeit anzupassen, verlassen kannst du dich darauf aber nicht. JavaScript kann (auch selektiv) abgeschaltet oder erst garnicht vorhanden sein (auch wenn gerade letzteres in Zeiten von Ajax immer seltener wird). Somit liefe das Skript ins Leere. Tschö, Auge Der Beitrag wurde von Auge bearbeitet: 01.04.2008 - 12:05 |
|
|
|
|
01.04.2008 - 12:38
Beitrag
#15
|
|
|
looks good Gruppe: User Beiträge: 47 Mitglied seit: 28.03.2008 Wohnort: In der Nähe von Fulda Mitglieds-Nr.: 7.350 |
Hallo Auge,
danke für die ausführliche Antwort. Das alles muss ich jetzt erstmal für mich auseinandersortieren. Ich denke ich probiere mich mal an der CSS Sache (ärgere mich aber gerade weil ich für dieses Modul nur sehr wenige Creditpoints bekomme und ich finde dass der Lern- und Arbeitsaufwand sehr hoch ist...) Inhalt kommt übrigens noch mehr rein und auch mehr Links, wir müssen eine ganze Reihe an Inhalten abklappern, unter anderem zwei Seiten über sich selbst, zwei über das Projekt, eine Umfrage, eMail-Formular, Linksammlung zum Projekt, Bilder als Thumbnails, Impressum, Gästebuch..... Nur habe ich bisher nur mal rumprobiert. Diese Vorschaltseite lasse ich dann mal besser weg, die gibt es bei einer anderen Seite die ich kenne und da habe ich es einfach genauso gemacht) Wenigstens konnte ich so schonmal verlinken, denn viel anderes Material gibt es ja noch nicht. Flocke |
|
|
|
|
01.04.2008 - 15:49
Beitrag
#16
|
|
|
Weiss zuviel!! Gruppe: Mods Beiträge: 668 Mitglied seit: 19.04.2002 Wohnort: Grimmen Mitglieds-Nr.: 385 |
Hallo,
ZITAT(Auge @ 31.03.2008 - 20:58) Ein Frameset hat im Übrigen keinen <body> sondern einen <noframes>-Bereich, der dann seinerseits den <body> enthält. das ist so nicht richtig. Ein Frameset hat gar keinen <body>...</body>-Bereich. Siehe Frames nach W3C/HTML4.01. Das was man dem Nutzer mitteilen möchte, wenn der Browser keine Frames unterstützt, gehört hier zwischen die noframes-Tags. |
|
|
|
|
12.04.2008 - 17:24
Beitrag
#17
|
|
|
looks good Gruppe: User Beiträge: 32 Mitglied seit: 27.08.2003 Mitglieds-Nr.: 1.198 |
ZITAT(i.b.g @ 01.04.2008 - 15:49) Ein Frameset hat gar keinen <body>...</body>-Bereich. Siehe Frames nach W3C/HTML4.01. Ich habe mal von Selfhtml Frames das erste Beispiel durch den Validator geschickt. Der Bemängelt das Body-Element nicht. Zugegebener maßen hat das nicht zu 100% etwas zu bedeuten. |
|
|
|
|
12.04.2008 - 22:12
Beitrag
#18
|
|
|
Kommt Zeit, kommt Rat, kommt Conrad! Gruppe: Mods Beiträge: 1.169 Mitglied seit: 21.11.2001 Wohnort: Altenkirchen, Westerwald Mitglieds-Nr.: 42 |
Innerhalb des noframes Bereich kann das BODY-Tag durchaus eingesetzt werden.
cu Conny |
|
|
|
|
13.04.2008 - 11:37
Beitrag
#19
|
|
|
Weiss zuviel!! Gruppe: Mods Beiträge: 668 Mitglied seit: 19.04.2002 Wohnort: Grimmen Mitglieds-Nr.: 385 |
Hallo,
ZITAT(stAchELbeeR @ 12.04.2008 - 17:24) Ich habe mal von Selfhtml Frames das erste Beispiel durch den Validator geschickt. Der Bemängelt das Body-Element nicht. Zugegebener maßen hat das nicht zu 100% etwas zu bedeuten. Nachdem ich mich durch die DTD's von XHTML gefressen habe, denn für XHTML gibt es keine so schön aufbereiteten Recommendations wie für HTML4.01, habe ich gefunden, dass für XHTML, der body-Tag notwendig ist, für HTML nicht. Wahrscheinlich ist der Validator da etwas toleranter, oder es ist der richtige Doctype angegeben; der ist ja für Framesets - je nachdem ob HTML oder XHTML - verschieden. |
|
|
|
|
18.04.2008 - 11:05
Beitrag
#20
|
|
|
looks good Gruppe: User Beiträge: 47 Mitglied seit: 28.03.2008 Wohnort: In der Nähe von Fulda Mitglieds-Nr.: 7.350 |
Hallo,
nun melde ich mich wieder, da ich endlich Fortschritte gemacht habe. CSS lasse ich erstmal, einfach weil wir es mit Frames machen sollen und ich CSS total kompliziert finde. Das neue Phase 5 ist da etwas zickiger finde ich als das alte, das auf den Rechnern an der Hochschule drauf ist. Nun habe ich aber doch rausgefunden, wie ich mit meinem Phase 5 meine Frames so machen kann wie ich es will. SO weit, so gut. Oder auch nicht... Mein Problem nun ist folgendes: Ich habe im Frameset Prozentwerte angegeben, was ja auch wunderbar klappt. Genauso habe ich in der Navigation (ich benutze erstellte Buttons als Links) die Breite mit 100% und die Höhe mit 10% (es sind zehn Buttons)bei jedem Button angegeben. Im IE wird zwar die Kopfzeile so angezeigt wie ich es will, aber die Buttons in der Navigation sind zu groß. Da ich in der Navigation keinen Scrollbalken will ist das etwas blöde, denn der letzte Button ist nahezu nicht mehr sichtbar. Im FF ist es auch nicht besser, da werden zwar die Buttons so angezeigt wie ich es will, aber unter dem oberen Frame und rechts daneben erscheint ein weißer Balken (habe aber überall im Frameset für Ränder "0" eingegeben, dieser "Balken" sieht auch anders aus, kann nicht verschoben werden usw.) Was läuft denn da schief? Wenn ich Prozentangaben mache, sollte das doch auf jeder Seite gleich aussehen, oder nicht???? Flocke Der Beitrag wurde von Flocke bearbeitet: 18.04.2008 - 11:21 |
|
|
|
| Google Bot |
Beitrag
#
|
 Google Ads |
|
|
|
|
|
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:
|
Vereinfachte Darstellung | Aktuelles Datum: 25.04.2024 - 11:04 |