zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Einige Einsteigerfragen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.07.2005, 17:40
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.04.2005
Beiträge: 30
Don Stefano befindet sich auf einem aufstrebenden Ast
Standard 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
__________________
Viele Grüße
Euer Don
http://www.profilingportal.de
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 25.07.2005, 17:55
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard Re: Einige Einsteigerfragen

Zitat:
Zitat von Don Stefano
1. Ich möchte das gleiche Layout meiner folgenden Seite http://profilingportal.de anstatt mit Tabellen mit CSS umsetzen. Geht das überhaupt?
Ganz bestimmt.

Zitat:
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?
Nein. Sinnvoll ist die umgekehrte Vorgehensweise:
du schreibst deine HTML-Datei und verwendest die dem Zweck angemessenen Elemente:
  • h-Elemente für Überschriften
    p-Elemente für Textabsätze
    Listen für Aufzählungen (Menü!)
    uswusf.
div-Elemente sind semantisch bedeutungslose Blockelemente und werden eingesetzt, um andere Elemente zu gruppieren (span ist das inline-Pendant dazu)

Danach kommt erst das Layout per CSS - dabei weist du den bestehenden Elementen die gewünschten Eigenschaften zu.

Zitat:
5. Was ist eigentlich der Unterschied zwischen einer Box und einem Container ?
IMHO werden diese Begrifflichkeiten synonym gebraucht.

Zitat:
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 ?
Auf inline-Styles (<p style="...") solltest du von Anfang an verzichten - das macht den Code unüberschaubar.
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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 25.07.2005, 18:03
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard Re: Einige Einsteigerfragen

Zitat:
Zitat von fricca
Zitat:
5. Was ist eigentlich der Unterschied zwischen einer Box und einem Container ?
IMHO werden diese Begrifflichkeiten synonym gebraucht.
Eigentlich sollten diese Begriffe gar nicht gebraucht werden. Zumindest sind es bei HTML/CSS keine Fachbegriffe und ich persönlioch kann damit nichts anfangen.

Der einzige ähnliche Begriff wäre "containing box" im Zusammenhang mit absoluter Positionierung.

Robin
Mit Zitat antworten
  #4 (permalink)  
Alt 25.07.2005, 18:32
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard Re: Einige Einsteigerfragen

Zitat:
Zitat von RoToRa
Eigentlich sollten diese Begriffe gar nicht gebraucht werden. Zumindest sind es bei HTML/CSS keine Fachbegriffe und ich persönlioch kann damit nichts anfangen.
"box" halte ich für einen durchaus fachsprachlichen Begriff.
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:
Zitat von RoToRa
Der einzige ähnliche Begriff wäre "containing box" im Zusammenhang mit absoluter Positionierung.
Mir sind jetzt nur containing blocks bekannt.

Grüße
fricca
Mit Zitat antworten
  #5 (permalink)  
Alt 25.07.2005, 23:51
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.04.2005
Beiträge: 30
Don Stefano befindet sich auf einem aufstrebenden Ast
Standard

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.
__________________
Viele Grüße
Euer Don
http://www.profilingportal.de
Mit Zitat antworten
  #6 (permalink)  
Alt 26.07.2005, 12:19
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard Re: Einige Einsteigerfragen

Zitat:
Zitat von fricca
"box" halte ich für einen durchaus fachsprachlichen Begriff.
Zitat:
Zitat von fricca
Mir sind jetzt nur containing blocks bekannt.
Natürlich, du hast recht. Kommt davon wenn man schreibt ohne nachzudenken ;)

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
Mit Zitat antworten
  #7 (permalink)  
Alt 26.07.2005, 13:41
#
XHTMLforum-Kenner
 
Registriert seit: 30.06.2005
Ort: Hamburg
Beiträge: 2.092
IChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer Mensch
Standard

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
Mit Zitat antworten
  #8 (permalink)  
Alt 26.07.2005, 13:49
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von IChao
(Persönlich würde ich wohl die beiden Boxen an der Seite absolut positionieren, um in der html Quelle die Navigation hintan zu stellen, aber Floating ist vielleicht auch eine gute Wahl, um dann die Boxen mit einem negativen linken margin+position:relative aus dem Weg zu ziehen. Oh, ich höre schon die Buh-Rufe...)
Buuuhhh

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
Mit Zitat antworten
  #9 (permalink)  
Alt 26.07.2005, 13:54
#
XHTMLforum-Kenner
 
Registriert seit: 30.06.2005
Ort: Hamburg
Beiträge: 2.092
IChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer Mensch
Standard


Ich wusste es, fricca.

Einen schönen Tag.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 26.07.2005, 22:20
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.04.2005
Beiträge: 30
Don Stefano befindet sich auf einem aufstrebenden Ast
Standard

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
__________________
Viele Grüße
Euer Don
http://www.profilingportal.de
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS Einsteigerfragen zu "div class/id" eastfrisian CSS 10 17.01.2008 13:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:34 Uhr.