CSS lernen etc.

    Hallo, ich wuerde gerne so CSS lernen um Design zu machen, auf der homepage verstehe ich das auch etwas nich, koenntet ihr mir helfen? ist das leicht zu lernen? wie lange braucht mann um das zu koennen?
    ich kapier auch nich wie mann ne seite online stellt...kostet das was? oder ist das umsonst?

    Zitat von "Warnuker"

    Hallo, ich wuerde gerne so CSS lernen um Design zu machen, auf der homepage verstehe ich das auch etwas nich, koenntet ihr mir helfen? ist das leicht zu lernen? wie lange braucht mann um das zu koennen?
    ich kapier auch nich wie mann ne seite online stellt...kostet das was? oder ist das umsonst?


    Zu
    [1] html-seminar.de bietet ein gutes Tutorial über HTML/CSS also wird es nicht schwierig sein zu lernen...
    [2] Die Dauer/Zeit, die du in das Lernen investieren musst ist unterschiedlich(lass dich überraschen :wink: )
    [3]


    Zuerst brauchst du einen Webspace.
    (Im Google unter "kostenloser Webspace" suchen, da findest du auf alle Fälle etwas geeignetes)


    <!-- m --><a class="postlink" href="http://www.html-seminar.de/online-stellen.htm">http://www.html-seminar.de/online-stellen.htm</a><!-- m -->
    Danach ein FTP-Programm runterladen, mit dem du deine html.dateien ins WWW stellen kannst.


    mfg nikbes


    Wenn du dieser Beschreibung nachgehst, wirst du bestimmt weiterkommen.(Auf die schnelle habe ich nichts besseres gefunden, tut mir echt leid)


    Könntest du dein Problem vielleicht noch ein bisschen genauer beschreiben?
    Das wäre sehr hilfreich :wink:


    mfg nikbes


    kostenloser webspace, muss ich das dann bestellen ?? und wolln die z.b. bei telefon anrufen ?!

    Zitat

    kostenloser webspace, muss ich das dann bestellen ?? und wolln die z.b. bei telefon anrufen ?!


    Bestellen:
    Ja, du musst dich bei einem Webspaceanbieter anmelden(z.B. funpic.de)


    Anrufen wird dich im Normalfall keiner :wink:

    Den besten und am schnellsten zugänlichen Webspace gibts eigentlich von <!-- w --><a class="postlink" href="http://www.funpic.de">http://www.funpic.de</a><!-- w -->
    Da hast du quasi unbegrenzt Speicherplatz, FTP-Zugang, sowie PHP und eine MySGL Datenbank.
    Da bekommst du dann von Funpic auf einer ihrer Festplatten ein Stück Platz für dich, wo du Dateien draufladen kannst, die dann übers Internet errichbar sind. Zugang zu diesem Webspace hast du, wie schon gesagt über ein FTP(File Transport Protocol)-Progamm. Da musst du dann die Adresse deines FTP-Servers angeben (meist ähnlich der URL, über die deine Seite dann erreichbar ist), deine Benutzernamen, mit dem du auf dem Webspace registriert bist (ist auch der Name, mit dem du dich bei Funpic anmeldest) und das dazugehörige Passwort.
    Dann kannst du Dateien von deiner Festplatte hoch ins Internet laden oder andersrum.
    Ich hab auch gerade für solche Ausprobier-Zwecke mit FTP-Programmen extra mal einen Webspace bei Funpic eingerichtet.
    Ich werd gleich mal mit der Forensuche nach den Zugangsdaten gucken.


    Was das CSS lernen angeht, kann man nicht sagen, wie lange es dauert es zu lernen.
    Wenn du anfängst CSS zu gebrauchen, wirst du erstmal nur einfache Angaben brauchen, wie sie sicher auch auf <!-- w --><a class="postlink" href="http://www.html-seminar.de">http://www.html-seminar.de</a><!-- w --> zu finden sind.
    Später wirst du ein breiteres Repertoir an CSS-Befehlen brauchen und dich auch auf Seiten umsehen, die sich extra mit CSS befassen, wie <!-- w --><a class="postlink" href="http://www.css4you.de">http://www.css4you.de</a><!-- w --> oder alternativ auch <!-- w --><a class="postlink" href="http://www.selfhtml.de">http://www.selfhtml.de</a><!-- w -->.
    Wenn du von anderen Seiten den Quellcode durchliest, wirst du auch immer neuere und bessere Methoden in der Anwendung von CSS finden.
    Selbst ich kenne sicher längst nicht alle Befehle, geschweige denn, dass ich sie sinnvoll einsetzen bzw anwenden kann.
    Der sichere Umgang mit CSS kommt also mit der Zeit.
    So wie es sich anhört, hast du auch mit dem CSS-Syntax ein paar Problemchen, aber der ist schnell erklärt:
    Du hast in deiner HTML-Datei ein Element, wie ein Bild <img>, dem du einen speziellen Namen mittels <img id="titelbild"> zuordnest.
    Dann kannst, mit Hilfe dieses Namen, das Element in CSS ansteuern, indem du im CSS-Abschnitt deiner Datei (wird auf der Hauptseite auch alles erklärt) notierst:

    Code
    #titelbild{
border: 1px solid  #000;
width: 200px;
height: 400px;
}


    Die Raute (#) ist dabei das Zeichen, dass stehen muss, wenn du eine ID für das Element benutzt. Du kannst auch in der ersten CSS-Zeile nur schreiben img; damit würden alle Bilder deiner HTML-Datei mit den darunterstehenden Eigenschaften belegt werden.
    Womit wir auch beim 2. wären - den Eigenschaften.
    Nachdem du nun die CSS-Titelzeile geschrieben hast, die definiert, welche Elemente alles durch die Angaben formatiert werden, kommt eine geschwungene Klammer ( AltGr+7 ), die den Bereich der Eigenschaften einleitet und eine geschwungene schließende Klammer ( AltGr+0 ), die den Bereich wieder beendet.
    Die Eigenschaften sind wie folgt aufgebaut:
    Eigenschafts-Typ: Wert;
    Nach jedem Typ kommt ein Doppelpunkt und nach dem passenden Wert ein Semikolon, nach dem weitere Eigenschaften folgen können.
    Am Ende wie schon gesagt wieder die Klammer.
    Jeder Eigenschaftstyp hat seine speziellen Werte.
    Breite und Höhe zB können in Pixlen oder Centimetern angegeben werden. Für andere gibt es bestimmte andere Begriffe wie zB:
    text-decoration: underline;
    Damit wird er bestimmter Text (würde bei Bildern wenig Sinn machen) unterstrichen.
    Andere Werte für das Attribut text-decoration wären overline, none oder irgendeins, damit es durchgestrichen wird. Da man durchgestrichenes wenig braucht, weiß ich den Wert jetzt selbst nicht, könnte ihn aber innerhalb von Sekunden via Google nachschlagen.


    Es ist also alles eine Frage der Übung, mit CSS korrekt und sinnvoll umzugehen. Und je mehr du es benützt, desto mehr wirst du merken, dass es dir immer leichter fällt es richtig und gewinnbringend (was den Schreibaufwand betrifft) anzuwenden.



    Ich hoffe der kleine Einblick in CSS konnte dir etwas weiterhlefen.
    Arbeite dir am besten einfach die CSS-Kapitel, oder noch besser den gesamten Inhalt von <!-- w --><a class="postlink" href="http://www.html-seminar.de">http://www.html-seminar.de</a><!-- w --> durch und du wirst merken, dass CSS alles andere als schwer ist ^^ :D

    Zum Thema kostenloser Webspace nun einen ausführlichen Artikel im HTML-Seminar.de unter:


    http://www.html-seminar.de/anb…em-webspace-freespace.htm


    Somit kann man sich vor dem Anmelden bei einem der genannten Kostenloswebspaceanbieter einen Eindruck verschaffen, inwieweit man mit der Werbung leben möchte und was die Vor- und Nachteile sind.


    Vielleicht kann man ja dann in Zukunft auf den Artikel verweisen, wenn es wieder einmal um kostenlosen Webspace geht.


    Axel

    Zitat von &quot;Foster&quot;


    Wenn du anfängst CSS zu gebrauchen, wirst du erstmal nur einfache Angaben brauchen, wie sie sicher auch auf <!-- w --><a class="postlink" href="http://www.html-seminar.de">http://www.html-seminar.de</a><!-- w --> zu finden sind.


    Ich möchte höflich widersprechen - die CSS-Befehle sind im HTML-Seminar komplett und wenn man das komplette Kapitel mit CSS, dem Beispiel "Säulenbauten im ..." und die Folgekapitel durcharbeitet, kommt man sehr weit. Unter http://www.html-seminar.de/css-definitionen-uebersicht.htm findet man im oberen Bereich einen Downloadlink ein PDF mit fast kompetter Auflistung. Schaut man dann noch sich an, was der CSS-Layout-Generator so bastelt und spielt damit rum, hat man schon eine gute Basis.


    Das Problem beim Lernen von CSS ist, dass die Befehle für sich genommen nur eine Handvoll sind, aber diese fast nach belieben Kombiniert werden können. Und bis man da alle Kombinationen probiert und durchdacht hat, dauert das ein wenig :)


    Die CSS-Kapitel wurde im letzten Jahr stark ausgebaut und werden weiter ausgebaut.



    Für einen Versuch für die zeitliche Frage: im Schnitt brauchen die Studenten an der Uni Tübingen um die 25 Stunden, um eine saubere Grundlage für XHTML und CSS zu haben. Das sind allerdings sehr intensive Kurse (und nicht Selbststudium). Aber es gilt das Motto: Aufgeben ist der falsche Weg.


    Hoffe das Hilft
    cu Axel

    Zitat von &quot;Warnuker&quot;

    funpic.de kenn ich, weis aber nich wo mann was drauflaed etc. hab mal versucht ich checks aber nich..


    Einfach einen Account anlegen und ein FTP-Programm downloaden. :wink:

    ehm was muss ich da wenn ich bei funpic angemeldet bin bei adresse rein schreiben ?! funpic.de ?? und bei benutzter und pw mein name und das pw wie ich mich gereggt hab oder ?

    Zitat von &quot;Warnuker&quot;

    ehm was muss ich da wenn ich bei funpic angemeldet bin bei adresse rein schreiben ?! funpic.de ?? und bei benutzter und pw mein name und das pw wie ich mich gereggt hab oder ?


    Genau, deine Logindaten gleichen dem deines Webspace.

    hab eben die adresse herraus gefunden und da kam dann:


    Status: Verbinden mit warnuk3r.wa.funpic.de...
    Status: Verbunden mit warnuk3r.wa.funpic.de. Warten auf Willkommens-Meldung...
    Antwort: 220 Welcome. FTP Server ready.
    Befehl: USER Warnuk3r
    Antwort: 331 Password required for Warnuk3r
    Befehl: PASS (Stern, Stern, Stern^^)
    Antwort: 530 Login incorrect.
    Fehler: Verbindung kann nicht hergestellt werden!


    was ist falsch ? ftp zugang is soweit ich weis Aktiviert !

    Adresse: user.us.funpic.de
    Benutzer: user
    Passwort: *****


    und dann Verbinden.


    Vergewissere dich nocheinmal, dass dein Passwort stimmt.
    Dann solltest du eine Auflistung von den bereits hochgeladenen Dateien bekommen(falls vorhanden).


    Beim googeln lassen sich tolle Screens und Erklärungen finden, vielleicht ist da was dabei :)


    mfg nikbes

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden