Hilfe bei meiner ersten HP

[moiettoi]

Hi,
ich bin noch ziemlich unerfahren in sachen html.
jedenfalls habe ich nun meine erste hp mit phase 5 gestalltet. Es ist aber noch ein grundgerüst. ich hatte schon einmal versucht eine hp zu machen und hatte es erstmal aufgegeben weil es nicht so funktionierte wie ich es wollte. jetzt hab ich noch in meine hp <div> eingebaut um sie besser gestallten zu können. vorher habe ich frames benutzt.
mein problem ist:
ich konnte mit den frames so arbeiten, dass ich von einem frame (nr.1) durch einen link, als menü, in einen anderen frame (nr. 2) einen inhalt öffnen konnte. und dann durch einen weiter link im neuen inhalt des frames (nr. 2) einen neuen inhalt in einem weitern frame (nr.3) aufrufen.
so und da ich jetzt nun nicht mit frames arbeite sondern mit <div> kann ich das nicht tun.

ich habe das aktuelle gerüst hoch geladen in ein webspace damit ich diesen euch zeigen kann damit ihr mir vielleicht besser helfen könnt. ich habe es einmal als textdokument und einmal so wies bei phase gespeichert wird. beide datein heißen unbennant16 (.txt, .html).

Index of /

PS: das gerüst wird irgendwie nicht so angezeit wie ich es bei phase angezeigt bekomme und auch die bilder und so weiter werden nicht korrekt angezeit.

ich würde mich sehr freuen wenn ihr mir da weiterhelfen könnt und bedanke mich schon mal in vorraus.

gruß MeT

 

[prm]

Was die Grafiken betrifft, musst du die Groß- /Kleinschreibung beachten:
Beispiel:
Eine Grafik hat die Bezeichnung

button2.JPG

Dein Verweis lautet aber

button2.jpg

Also musst du entweder die Grafikbezeichnung durchgängig in Kleinschreibweise ändern und das Bild nochmal hochladen (empfohlen), oder den Verweis auf "JPG" ändern.

Ein anderer Fall ist hier:

<img src="C:/Dokumente und Einstellungen/xy/Eigene Dateien/Ahmet/bild.jpg"

Da verweist der Pfad auf deine Festplatte C und die ist für den Besucher ja nicht zugänglich. Also das löschen:

C:/Dokumente und Einstellungen/xy/Eigene Dateien/Ahmet/

Dein anderes Thema betrifft den Unterschied von Frames und Divs. Das ist so und du musst jede Seite mit ihrem kompletten Inhalt coden. Alternativ kannst du die Fixbestandteile includen. Näheres hierzu findest du hier:
Umstieg von Frames auf CSS

Schließlich:
Füge in deinem Quelltext ganz oben noch einen qualifizierten Doctype ein, damit auch der IE das CSS-Boxmodell richtig interpretiert:
Boxmodell und Internet Explorer

Deinen Div's solltest du eine geeignete Bezeichnung geben und die Style-Angaben am besten in eine ausgelagerte CSS-Datei oder in den Headbereich schreiben. Ersteres hat den Vorteil, dass du Änderungen an einer zentralen Stelle vornehmen kannst und nicht immer jede Seite anpassen musst. Wie das geht ist hier erklärt: Friedels Homepage - Anleitungen für HTML-Autoren und mehr

Damit du direkt auf deine Website bei funpic kommst, solltest du eine Seite (die Startseite) in "index.html" umbenennen. Falls du später vom Includen Gebrauch machst, in "index.php".

 

[moiettoi]

erst mal ein großes dankeschön wegen der großen hilfe und der ausführlichen beschreibung auch wenn ich einiges noch nicht so von den bezeichnungen kenne ich hab halt auch noch nicht so mit css gearbeitet sondern eher kopiert und auch nur sehr kurz befasst. dann muss ich es wohl irgendwie hinkriegen wie dus mir gesagt hast.

danke auch auf die antwort auf die frage mit den bilder und das mit dem index ist auch keine schlechte idee^^

ich versuchs halt damit aber falls jemand noch eine andere, für mich einfachere lösung hat dann immer her damit. ohne jetzt unhöflich zu klingeln weil du mir ja eine gescheite antwort gegeben hast.

 

[Efchen]

Eine obligatorische Antwort muss ich noch loswerden, auch weil es in dem von Dir (prm) immer wieder verlinkten Artikel leider nicht ganz richtig drin steht: Das Element <div> ist kein Wunderelement, was bei Layout mit CSS unbedingt benötigt wird.
Mit <div> gruppiert man mehrere Elemente zwecks gemeinsamer Formatierung mit CSS. Mehr nicht.
Layout mit <div> ist genauso Unfug wie Layout mit Tabellen.
Ist der Artikel von Dir, prm? Das solltest Du entsprechend abändern. Man kann auch Layouts mit CSS ohne ein einziges <div> machen. Klar, das allgemeine Block-Element kann sich als sehr nützlich erweisen, den Stellenwert, wie viele glauben, hat es aber nicht. Eine semantisch sinnvolle Auszeichnung des Inhalts ist viel wichtiger.

Gruß,
-Efchen

 

[ky_fr34k]

hi efchen
also hab des mit dem divs und so schon sehr oft von dir gelesen, kann mir des aber irgendwie schwer vorstellen.
ich würde gern mal eine homepage sehen, wo du meinst das die es richtig gemacht haben. dann hätte ich mal en gutes beispiel und könnte von meiner intensiven div nutzung weg kommeen (s. Links in der Signatur)
Gruß KY

 

[Efchen]

Schwer vorstellen kann ich mir, wozu man so viele <div> einsetzt, wo es doch immer ein anderes Tag gibt, was den Inhalt besser beschreibt. Außerdem ist natürlich wichtig, dass man begreift, dass man nahezu jede Eigenschaft auch jedem Element zuweisen kann. Um eine Liste zu positionieren z.B. muss man diese nicht noch in ein <div> packen, um dieses dann zu positionieren. <div> und <ul> sind beides Block-Elemente und verhalten sich gleich.

Wer HTML wirklich verstanden hat, der versteht auch, warum man <div> nur zum Gruppieren mehrerer Elemente braucht.

Wichtig ist IMHO auch, dass man die Seite anders angeht, nicht zuerst das Layout entwerfen und dann HTML-Tags verstreuen, um das Layout zu erreichen. Einfacher ginge es, wenn man zuerst seinen Inhalt schreibt und den mit HTML-Tags semantisch sinnvoll auszeichnet. Man hat da durchaus das Layout bis zu einem gewissen Grade im Hinterkopf, aber für die bloße semantische Auszeichnung des Inhalts brauchst Du nicht ein einziges <div>.

Eine Seite, wo das so ist, wie ich das beschreibe, kann ich natürlich nicht aus dem Ärmel ziehen. Und eine Site, wo auf keiner Unterseite jemals ein <div> verwendet wird, gibt es vermutlich auch nur so selten, wie die blaue Mauritius.

Ich denke, es ist die Vorgehensweise, die entscheidend für das Verständnis ist. Designer, die immer zuerst mit ihrem Layout kommen und voll auf das Layout eingeschossen sind und keine Kompromissbereitschaft mitbringen, werden das IMHO nie verstehen und immer <div>-Suppe kochen. Aber Web-Design ist nicht Print-Design. Auf dem Papier ist die Semantik egal, weil das Papier nur vom Auge gelesen wird, und das setzt seine eigene Semantik. Im Web muss man sich selbst darum kümmern.

Konnte ich DIr damit weiterhelfen?

 

[prm]

Das Element <div> ist kein Wunderelement, was bei Layout mit CSS unbedingt benötigt wird.

Das habe ich m.W. auch so nicht behauptet.

Layout mit <div> ist genauso Unfug wie Layout mit Tabellen.

Da hast du prinzipiell recht. Aber ich bin von Natur aus kein Typ, der jedes Wort auf die Waagschale legt. Mir kommt es darauf an, dass Leute praktische Hilfe bekommen, auch wenn meine Ausdrucksweise nicht immer theoretisch exakt ist
(obwohl ich mich dazu bemühe). Diesen Anspruch erhebe ich nicht.
In reinen Hilfeforen wie diesem kommt es m.E. nicht darauf an, ob den Fragestellern alles rein theoretisch exakt erklärt wird und sie dennoch mit dem Erklärten nichts anfangen können, sondern darauf, dass sie praktisch umsetzbare Tipps bekommen.

Ist der Artikel von Dir, prm?

Ja, das ist meine Seite. Unter "About" habe ich meine Beweggründe für diese Seite dargelegt und darauf hingewiesen, dass ich keinen proffessionellen Anspruch erhebe.

[quote="Efchen]Das solltest Du entsprechend abändern.[/quote]
Ich werde mir diese Anregung überlegen und mir den Text dieser Seite nochmal genau durchlesen, ggf. korrigieren.

Insgesamt denke ich, verfolgen wir beide das gleiche Ziel. Nur eben hast du (nach meiner persönlichen Einschätzung) einen theoretischeren Ansatz, während meiner mehr praxisbezogen ist.

 

[Efchen]

Insgesamt denke ich, verfolgen wir beide das gleiche Ziel. Nur eben hast du (nach meiner persönlichen Einschätzung) einen theoretischeren Ansatz, während meiner mehr praxisbezogen ist.

Das denke ich auch genau so.
Worauf ich nur hinaus wollte ist, dass leider im Moment kursiert, dass
a) Tabellen doof, böse und veraltet sind (was ja so völlig falsch ist)
b) Man jetzt CSS benutzt (was exakt richtig ist)
c) Für CSS-Layout <div>s benötigt werden (was leider völlig falsch ist)

Aus c) wird dann immer abgeleitet, dass man heute "Layout mit <div>" macht. Thema völlig verfehlt, setzen, 6! Und dann haben wir den Salat oder besser die <div>-Suppe. Und die ist um keinen Deut besser, als Tabellenlayout. Dann hätte derjenige auch beim Tabellenlayout bleiben können.

Das ist nicht das Ziel der derzeitigen Technologien. Es geht darum, dass man HTML wieder so benutzen kann, wie es schon immer gedacht war, weil HTML sich endlich nicht mehr um Design/Layout kümmern muss.

Das mag Theorie sein, aber ich sehe da keine praktische Hilfe, wenn man empfiehlt, sein CSS-Layout mit <div>s zu machen. Das richtet mehr Schaden an, als dass es hilft. IMHO könnte man genausogut sagen, man solle sein Layout mit Tabellen machen und diese dann mit CSS formatieren.

Der Witz am CSS-Layout ist nicht das hochgelobte Element <div>, sondern die Semantik, der eigentliche Sinn von HTML! Und das wird mir einfach zu wenig betont. Dabei ist das sowas von einfach, ein bisschen Semantik zu verteilen. Stattdessen machen es sich die Anfänger/Umsteiger selbst schwerer als nötig, indem sie <div>s verstreuen, wie sie ihr Essen salzen würden (naja, nicht wirklich, dann wäre in den meisten Fällen das Essen versalzen).

Versteh meine Kommentare nicht als Kritik an Dir, ich versuche nur, mit hartnäckig kursierenden Gerüchten aufzuräumen!

Grüße,
-Efchen

P.S.:

Aber ich bin von Natur aus kein Typ, der jedes Wort auf die Waagschale legt.

Du nicht. Du verstehst den Sinn hinter CSS, Trennung von Inhalt und Layout usw. Aber Anfänger/Umsteiger nehmen immer alles für bare Münze. Und wenn sie lesen "Pack Deinen Inhalt in ein <div>", dann packen sie von da an alles in ein <div> und "Semantik" wird ein unverstandenes Wort bleiben.

 

[Körnerbrötchen]

Mal ein nettes Beispiel von meiner Seite:
Tropfen &bull; Unsere neue Webpräsenz
Ist zwar kein Hammer-Layout, kommt aber mit exakt 2 Divs aus.

 

[moiettoi]

Danke für all eure Antworten. wie gesagt ich bin anfänger. das mit den divs hab ich von einer homepage von irgendjemandem. ich wusste halt nicht was für ein stellenwert divs haben ich fand sie einfach nur nützlich und auch geeignet als lösung für mein problem. ich hatte nämlich eine vorstellung wie meine seite aussehen sollte hab sie erst einmal vorgemalt (paint) und dann wollt ich sie halt erstmal html mäßig darstellen. zufällig bin ich über divs und css gestollpert, im netz. hab sie versucht anzuwenden. bis jetzt hats ja geklappt nur das mit dem verlinken und den anderen problemen die ich beschrieben habe waren nicht lösbar für mich. ihr habt mir jetzt geantwortet und das wirklich gut, muss euch wirklich loben, und jetzt merk ich das ich mich erstmal näher mit css befassen muss. danke dir prm für den link mit dem css lernen. und auch dir danke effchen für deine antworten. und alle andere auch.

Gruß MeT

 

[prm]

Nur Geduld, moiettoi.
Rom wurde auch nicht an einem Tag erbaut und denen, die hier Hilfestellung bieten ist es auch nicht zugeflogen. Das bedarf zum Teil auch nicht nur das Lernen an sich, sondern auch langer Erfahrung, in der ja auch wieder ein gewisser Lernprozess steckt.

Ich freue mich jedenfalls über deine Erkenntnis, dass du dir zunächst ein Basiswissen aneignen willst.
Viele sind leider der Auffassung, dass schöne Websites vom Himmel fallen und ihnen alles zufliegt.

Aber ich denke, dass darin auch ein gewisser Reizt steckt, wenn man lernt wie die Zusammenhänge sind und diese dann auch versteht.

Unabhängig davon:
Melde dich natürlich weiterhin, wenn du mal nicht weiter kommst. Auch ich war am Anfang über jede Hilfestellung dankbar und versuche nun, ein Stück davon zurückzugeben.

 

[Efchen]

Danke für all eure Antworten. wie gesagt ich bin anfänger. das mit den divs hab ich von einer homepage von irgendjemandem.

Kein Problem. Deswegen weise ich darauf hin, dass das ein weit verbreitetes Gerücht ist.

ich hatte nämlich eine vorstellung wie meine seite aussehen sollte hab sie erst einmal vorgemalt (paint) und dann wollt ich sie halt erstmal html mäßig darstellen.

Ich darf auch nochmal auf das "html-mäßig darstellen" eingehen - mit HTML wird nichts dargestellt. HTML zeichnet nur den Inhalt mit einer Bedeutung aus. Darstellung macht alleine CSS. Deswegen finde ich die sehr weit verbreitete Herangehensweise an eine Website auch nicht gut - zuerst das Layout, dann der HTML-Code. Diese beiden Dinge haben nichts miteinander zu tun, deswegen ist das Ergebnis auch meist nicht im Sinne von HTML. Besser wäre es, wenn zuerst der Inhalt kommt, dann das HTML und dann erst das Layout mit CSS.

jetzt merk ich das ich mich erstmal näher mit css befassen muss.

Aber bitte auch HTML nicht vernachlässigen. HTML ohne CSS geht, CSS ohne HTML nicht. Aber ich behaupte die Mehrheit der Hobby-Seitenersteller und auch noch viele der gewerblichen haben noch nicht begriffen, wozu HTML da ist. Bevor ich mich mit den Feinheiten von CSS auseinandersetze, muss ich IMHO HTML erstmal wirklich verstanden haben.

Viel Spaß!
Efchen

 

[Marcel-Reihwald]

Hallo zusammen

Wie bekomme ich meine HP bei Google und Co. nach oben? muss ich die regeln für den algorithmus der Spider kennen? Oder was ist sonst noch wichtig PR?

meine adresse: MyLogoClub - Klingeltöne,Logos,Spiele,Videos - alles ohne Abo

vielen dank vorab schon einmal für eure mühen

Marcel

 

[Maxi]

Hallo zusammen

Wie bekomme ich meine HP bei Google und Co. nach oben? muss ich die regeln für den algorithmus der Spider kennen? Oder was ist sonst noch wichtig PR?

meine adresse: MyLogoClub - Klingeltöne,Logos,Spiele,Videos - alles ohne Abo

vielen dank vorab schon einmal für eure mühen

Marcel

Mach für deine Frage bitte ein eigenes Thema auf.
Danke.