|
|||
Einige Einsteigerfragen
Hallo zusammen,
ich habe mich nun entschlossen, mein Tabellendesign zwecks späterer einfacherer Pflege und vor allem wegen Suchmaschinenoptimierung mit CSS umzugestalten. Dazu habe ich einige Fragen. 1. Ich möchte das gleiche Layout meiner folgenden Seite http://profilingportal.de anstatt mit Tabellen mit CSS umsetzen. Geht das überhaupt? 2. Beibringen möchte ich mir das Ganze mit http://css4you.de/. Ist das eine gute Idee, oder gibt es noch geeignetere Tutorials für CSS Einsteiger wie mich? 3. Gibt es vielleicht einen Link zu einem CSS Design, welches meiner Seite (http://profilingportal.de) ähnelt, so dass ich beim experimentieren damit das Ganze lernen kann? 4. In meiner Vorstellung wäre die Vorgehensweise so, dass ich eine externe CSS Datei erstelle (wie nennt man das dann genau?) in der ich bestimmte grundlegende und sich wiederholende Elemente (wie Überschriften, Boxen oder Container) definiere. Diese Elemente kann ich dann mittels DIV Tags in dem eigentlichen html bzw. php Dokument an den entsprechenden Stellen einfügen und verwenden. Ist das soweit korrekt? 5. Was ist eigentlich der Unterschied zwischen einer Box und einem Container ? 6. Kann und sollte ich als Einsteiger erst mal zum Lernen auf so eine externe CSS Datei verzichten und den CSS Code erst mal mit in das html-Dokument schreiben, damit ich es leichter nachvollziehen kann. Oder ist das nicht der einfachere Weg ? Funktionieren müßte ja beides, oder ? Vielen Dank für Eure Hilfe und Anregungen Stefan |
Sponsored Links |
|
||||
Re: Einige Einsteigerfragen
Zitat:
Zitat:
du schreibst deine HTML-Datei und verwendest die dem Zweck angemessenen Elemente:
Danach kommt erst das Layout per CSS - dabei weist du den bestehenden Elementen die gewünschten Eigenschaften zu. Zitat:
Zitat:
Ob du am Anfang deine Styles ins style-Element im head schreibst oder gleich auslagerst bleibt deinen Vorlieben überlassen... Für die endgütlige Version ist es sicher am besten, das Stylesheet in eine oder mehrere CSS-Dateien auszulagern. Grüße fricca |
Sponsored Links |
|
|||
Re: Einige Einsteigerfragen
Zitat:
Der einzige ähnliche Begriff wäre "containing box" im Zusammenhang mit absoluter Positionierung. Robin |
|
|||
Re: Einige Einsteigerfragen
Zitat:
Und dagegen, dass es sich "eingebürgert" hat, z.B. von div-Containern zu sprechen habe ich eigentlich nichts einzuwenden - auch wenn div-Element oder div-Box je nach Zusammenhang vielleicht richtiger wäre. Zitat:
Grüße fricca |
|
|||
Danke erst einmal für die Beiträge bislang.
Ich will anderen Einsteigern nicht vorenthalten, dass ich persönlich die Erklärungen und Tutorials zu CSS unter http://de.selfhtml.org/css/index.htm am hilfreichsten und verständlichsten finde. |
|
|||
Re: Einige Einsteigerfragen
Zitat:
Zitat:
Aber ich denke, es sollte kalr sein, das die Begriife was anderes bedeuten als der OP dachte und sie sind natütlich nicht Synonym. Robin |
|
|||
Don Stefano,
ich denke als Einsteiger ist dieser Seitenaufbau nicht ganz so leicht hinzukriegen, aber es lohnt die Mühe. (Persönlich würde ich wohl die beiden Boxen an der Seite -in einem Container zusammengefasst- absolut positionieren, um in der html Quelle die Navigation hintan zu stellen, aber Floating ist vielleicht auch eine gute Wahl, um dann den Container mit den beiden Boxen mit einem negativen linken margin+position:relative aus dem Weg zu ziehen. Oh, ich höre schon die Buh-Rufe...) Als Einsteiger fand ich Bücher (auf Papier, ein Produkt der Holzindustrie) recht instruktiv: Eric Meyer: # Cascading Style Sheets: The Definitive Guide, Second Edition # More Eric Meyer on CSS # Eric Meyer On CSS (klar, da gibt es noch viele andere. Aber es ist kein schlechter Anfang.) Dann einfach mal anfangen und beim Tun lernen und in Foren wie diesem hier währenddessen fragen, anders geht es nicht. Zu deiner indirekten Frage nach Suchmaschie äh SEO, siehe diesen Übersichtsartikel: http://www.456bereastreet.com/archiv..._optimisation/ (klar, da gibt es noch viele andere. Aber es ist kein schlechter Anfang, und Roger Johannsons 456bereastreet ist kein schlechter Ort zum Verweilen.) Viel Spaß Ingo |
|
|||
Zitat:
Mein Ansatz wäre: dem Inhalts-Container (@RoToRa ) ein float:right geben - dann steht er in der Reihenfolge vor den linken Boxen. Positionierung/negativer Randabstand ist dann IMHO unnötig... Grüße fricca |
|
|||
Danke ! Und mal eine Frage an IChao bzw. /und frica.
Allzu leicht ist es wirklich nicht für mich als Anfänger, aber ich hoffe, dass ich es mit euren Tipps hinbekomme. Ich schildere mal kurz mein Vorgehen bzw. das geplante Vorgehen: Ich habe gestern etwas herumprobiert und ich weiß nicht genau, wie ich die beiden Boxen mit den Menus an der linken Seite hinbekomme. Wegen maximaler Unterstützung seitens der Browser möchte ich außerdem am liebsten nur auf CSS 1 zurück greifen (das würde heißen, dass absolutes Positionieren nicht in Frage kommt). Zumindest habe ich das so verstanden. Ich habe also nun mein Tabellen-Layout zuerst einmal in verschiedne Div- Container aufgeteilt. Diese will ich nun an verschiedenen Stellen der Seite haben. Ich habe die Seite in insgesamt 6 Container aufgeteilt (ist das sinnvoll?) Hier noch mal die jetzige HTML / Tabellenseite: www.profilingportal.de zur Ansicht. Und zwar in einen ersten, der oben nur die Überschrift "profilingportal" enthält. Darunter soll dann ein weiterer Container bestehen, der alle anderen (also die übrigen 4 enthält). Von diesen verbleibenden 4 habe ich einen Menu1 und einen Menu2 genannt. Ein weiterer soll dann den Inhalt haben und der letzte als Footer dienen. In meiner "Anfänger Naivität" hatte ich nun vor alle diese Container inline / untereinander aufzustellen, außer den beiden mit den Menus. Die wollte ich irgendwie mit float:left an die linke Seite bekommen. Das hat aber bislang noch nicht geklappt. Dabei stellt sich mir nun die Frage ob ich einen weiteren Container definieren soll, der dann die beiden Menu-Container enthält? Ist es dann einfacher diese beiden Menu-Container in nur einem Container am linken Rand zu positionieren (in meiner Vorstellung sollte das durch die Außenabstände irgendwie machbar sein). Oder sollte ich die beiden Menus besser als je einen Container behandeln? (das habe ich bislang nämlich nicht annähernd hinbekommen. Außerdem hätte ich gern den Container mit dem Inhalt in der HTML Datei möglichst weit oben stehen (wegen der Suchmaschinen) - also vor den Menu Inhalten. Sollte ich also so verfahren wie zuletzt beschrieben, und den Inhalt dann rechts floaten lassen, wie fricca vorgeschlagen hat? Bzw. müßte es so machbar sein? Mir geht es im Moment nur darum, zu erfahren, ob ich die richtige Vorgehensweise wähle. Mit spezifischen Problemen werde ich euch dann bestimmt eh noch mal ansprechen (müssen). Schönen Dank Stefan |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Einsteigerfragen zu "div class/id" | eastfrisian | CSS | 10 | 17.01.2008 12:39 |