![]() |
Willkommen, Gast ( Anmelden | Registrierung )
![]() |
![]()
Beitrag
#1
|
|
looks good Gruppe: User Beiträge: 47 Mitglied seit: 28.03.2008 Wohnort: In der Nähe von Fulda Mitglieds-Nr.: 7.350 ![]() |
Hallo,
zu allererst, ich bin absoluter Neuling und auch nur hier, weil wir als Prüfungsleistung eine Homepage erstellen MÜSSEN. Dafür sollen wir Phase5 verwenden. jetzt habe ich eine Frage. Ich habe eine bechreibung gefunden, die ich aber nur bedingt nutzen kann http://www.amethyst-edv.de/tipps/html.php#arbeit ich würde gern diese Tabelle erstellen, nur hat mein Phase5 (heute riuntergeladen) diese Registerkarten garnicht. Es war mir trotz intensiver Suche nicht mglich diese Leiste zu finden, oder aufzurufen. Kann mir vielleicht jemand helfen? Das einzige was bei mir angezeigt wird sind Elemente um einen Text zu erstellen, aber sonst nichts. Bei dieser Beschreibung von dem oben genannten Link sehe ich aber noch "CSS", "Tabelle" usw. Wie gesagt ich habe so etwas wirklich noch nie gemacht, daher bräichte ich eine Anleitung die auch ein Kindergartenkind versteht. Danke Flocke ps.: falls es diese Frage schon gibt oder ich das falsche Forum erwischt habe tut mir das leid. |
|
|
![]() |
![]()
Beitrag
#2
|
|
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 |
|
|
![]()
Beitrag
#3
|
|
Anwärter auf W3.org Mitgliedschaft ![]() ![]() ![]() ![]() ![]() Gruppe: User Beiträge: 550 Mitglied seit: 28.11.2001 Wohnort: Berlin Friedrichshain Mitglieds-Nr.: 107 ![]() |
Hallo Notebook
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. 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. 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,*"). 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> 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 |
|
|
![]()
Beitrag
#4
|
|
Weiss zuviel!! ![]() Gruppe: Mods Beiträge: 668 Mitglied seit: 19.04.2002 Wohnort: Grimmen Mitglieds-Nr.: 385 ![]() |
Hallo,
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. |
|
|
![]() ![]() |
![]() |
Vereinfachte Darstellung | Aktuelles Datum: 17.05.2025 - 21:10 |