Sponsored Links |
|
|||
Deine erste Anlaufstelle sollte SELFHTML 8.1.2 (HTML-Dateien selbst erstellen) sein. Deine Zweite - folgende (später): CSS 4 You - The Finest in Stylesheets
Alle nötigen Angaben für die head-Bereich findest du hier: SELFHTML: HTML/XHTML / HTML-Kopfdaten / Titel einer HTML-Datei
__________________
|
Sponsored Links |
|
||||
danke dir ct, da wurschtel ich mich gerade durch.
Habe dennoch offene Fragen...und zwar habe ich mal ein Beispielbild erstellt, da kann man erkennen, wo mein Problem liegt: http://i183.photobucket.com/albums/x...lbildKopie.jpg was istd er Unterschied zwischen <var> und <em>?
__________________
kein Bild verfügbar.... |
|
||||
Ausgehend von Deinem Bild: Alle Grafiken sind Dekoration und gehören daher als background-image ins CSS. Damit beantwortet sich auch die Frage, wie Du Text oder Links darüber legen kannst.
Ein typischer Grundaufbau bei meinen Seiten: Ein div enthält alle übrigen Elemente, und zwar h1#header, ul#navi, div#content und p#footer (in dieser Reihenfolge). Enthält letzterer mehrere Links, wird's ein div, da die Links dann in ul stehen. Skiplink(s) und Bereichsüberschriften (z.B. für die Navi) lasse ich jetzt mal außenvor. SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Logische Auszeichnungen im Text |
|
||||
mit reinem html ist das also nicht möglich? Ich muss doch erst html lernen, bevor ich CSS lerne
em und var hab ich zwar mitbekommen, dass es was verschiedenes sein soll, sieht aber gleich aus, wenn ichs austeste...daher meine Frage. Zitat:
__________________
kein Bild verfügbar.... |
|
||||
Möglich wäre es (und früher war's auch gängige Praxis), aber das Grundprinzip ist: Trennung von Inhalt und Design. Per HTML wird der Inhalt angemessen ausgezeichnet, und per CSS wird dann gesagt, wie er aussehen soll.
Grafiken gehören nur dann ins HTML, wenn sie inhaltlich relevant sind - z.B. die Portraitfotos der Team-Mitglieder oder das Firmenlogo. Dagegen dienen sämtliche Dekorationsgrafiken logischerweise ausschließlich dazu, die Designvorstellung umzusetzen und gehören daher als Hintergrund ins CSS. Nicht unbedingt, wenn Dir nicht alles über den Kopf wächst, kannst Du CSS auch gleich mitnehmen Klar, aber z.B. address und cite sehen auch so aus, aber dennoch sind es alles völlig verschiedene Elemente. Und kursiv ist ja auch nur Browser-default - wie's dann im fertigen Design aussieht, kannst Du uneingeschränkt per CSS bestimmen. Geändert von heiko_rs (23.11.2007 um 03:19 Uhr) |
|
|||
var und em haben einen unterschiedliche Bedeutung.
Zum Nachlesen und als Bookmark: SELFHTML: JavaScript / Objektreferenz / HTML-Elementobjekte Du mußt Dir beim Coden immer wieder klarmachen, dass die sichtbare Anzeige, also das, was im Browserfenster zu sehen ist, auf unterschiedliche Weise erreicht werden kann: Beispiel: 1) Alles über eine Bilddatei darstellen - immer möglich 2) Irgendeinen Editor nehmen, Quelltext Murks, aber alles sichtbar - immer möglich (meist Tabellenkonstrukte) 3) Nur Tabellen stricken um Inhalte ausliefern zu können - Codebasis 1998 4) Präsentation (sichtbare Anzeige) und Inhalte (Bedeutung) voneinander trennen = Idealfall, Codebasis heute Warum? Das semantische Web beginnt nicht erst mit Web 2.0, sondern bereits mit der Verwendung der richtigen HTML-Elemente. Die meisten HTML-Elemente haben eine explizite Bedeutung, die man sich zunutze machen sollte, damit z.B. Inhalte von Sehbehinderten und/oder Suchmaschinen möglichst richtig erfasst werden können. Die Darstellung der Inhalte erfolgt browserseitig durch Defaultwerte oder durch Vorgaben des W3C. Mit CSS kann man nun das Aussehen steuern, ohne auf für den jeweiligen Zweck untaugliche Elemente zugreifen zu müssen. Davon abgesehen wird ein Redesign solcher Dokumente wesentlich einfacher, wenn die Präsentation vom Inhalt getrennt ist.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
|
||||
Vielen Dank ihr beiden
Alles über eine Bilddatei anzeigen wäre in dem Fall der Zeitpunkt, wo ich dann erstmal slicen muss, wenn ichd as richtig evrstanden habe, Richtig? Aber die Navigationstexte etc dann per html/CSS dazufügen dann und den Text, die Info (darf man bei aller Grafik ja nid vergessen ) Heiko, ich glaube, html is erstmal mehr als genug (siehe meine erste Seite ) Mich verwirrt das mit html schon genug, CSS verwirrt mich erst recht *schnüff* Aber ich denke ich muss das bald anfangen zu checken, denn das Bild ist das, wo mein Herz höher schlägt, nicht der text. Habe nach einer Möglichkeit egsucht das Bild hinter den etxt zu bekommen mit reinem html, aber hab nix gefunden...somit eben erstmal nich :P
__________________
kein Bild verfügbar.... |
|
|||
Solange du noch dabei bist, HTML zu lernen, darfst du nicht darüber nachdenken, wie deine Seite aussehen soll. Dafür ist ausschließlich CSS zuständig.
|
Sponsored Links |
|
||||
Tob dich erst einmal mit HTML aus und versuche HTML zu verstehen. Parallel dazu kannst Du ja etwas CSS verwenden, damit das ganze nicht so trostlos ist. Zum Beispiel Schriftfarbe anpassen oder mal einen anderen Hintergrund.
Probier einfach rum; denn nach dem Du die Grund-Dinge gelernt hast, kannst Du dir immer noch Gedanken über die Optimierung deines Codes und Herangehensweisen machen. Sofort alles richtig machen kann man nicht, auch ist man total überfordert wenn man sich "alle" Regeln und Konventionen etc. durchließt und versucht, dass alles zu befolgen, wenn man neu "dabei ist". Zum Thema: Einen Code kann man unterschiedlich aufbauen. In der Regel gebe ich mir Mühe, alles erst einmal wie ein Word-Dokument aufzubauen. Soll heißen Überschrift Ordnung 1, Prolog, Inhaltsverzeichnis (Menü), Überschrift Menüpunkt Ordnung 2, Text, usw. Natürlich hat man irgendwann seine eigene Routine; man erstellt sofort einen div#wrapper, head, content und footer Bereich (so ähnlich wie Heiko es geschildert hat). Aber angefangen habe ich anders.
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
HTML mit PHP Code aus Datenbank auslesen + ausführen | Garlandt | Serveradministration und serverseitige Scripte | 14 | 01.05.2011 13:45 |
Reihenfolge von <p> Objekten ändern | acb1980 | CSS | 10 | 26.12.2010 14:03 |
Wort in Javascript Code einfügen; dann Javascript Code ausgeben | Sp33dy G0nz4l3s | Javascript & Ajax | 1 | 23.05.2008 10:37 |
DOM und (XML mit HTML CODE) verarbeiten WIE? | silence_le | Serveradministration und serverseitige Scripte | 4 | 18.06.2007 18:33 |
XHTML und CSS Code auszeichnen | Lloyd Larkin | Barrierefreiheit | 11 | 20.07.2006 08:51 |