Recent Changes

Sunday, October 15

  1. page InfoCSS edited ... /* Hier stehen alle CSS-Formatierungen! */ </style> ... span-Tag realisiert wurde …
    ...
    /* Hier stehen alle CSS-Formatierungen! */
    </style>
    ...
    span-Tag realisiert wurdewurde, sieht in
    ...
    bevorzugenden Schreibweise dann wie folgt
    <style type="text/css">
    span
    ...
    }
    </style>
    Das zugehörige span-Tag im Body der Seite lautet dann nur noch:
    <span>roter</span> Text

    Wenn Sie z.B. die ganze HTML-Seite mit einem neuen Schrifttyp versehen wollen, so benötigen Sie eine Formatierung für das body-Tag, welche den Schrifttyp enthält. Das sieht dann z.B. wie folgt aus:
    body
    (view changes)
  2. page InfoCSS edited ... /* Hier stehen alle CSS-Formatierungen! */ </style> ... einem span-Tag realiosiert …
    ...
    /* Hier stehen alle CSS-Formatierungen! */
    </style>
    ...
    einem span-Tag realiosiertrealisiert wurde sieht
    <style type="text/css">
    span
    (view changes)
  3. page InfoCSS edited ... <style type="text/css"> /* Hier stehen alle CSS-Formatierungen! */ </sty…
    ...
    <style type="text/css">
    /* Hier stehen alle CSS-Formatierungen! */
    </style>
    Das obige Beispiel "roter Text", welcher mit einem span-Tag realiosiert wurde sieht in dieser zu bevorzugenden Schreibweise wie folgt aus:
    <style type="text/css">
    span
    {
    color: red;
    }

    </style>
    Wenn Sie z.B. die ganze HTML-Seite mit einem neuen Schrifttyp versehen wollen, so benötigen Sie eine Formatierung für das body-Tag, welche den Schrifttyp enthält. Das sieht dann z.B. wie folgt aus:
    (view changes)

Sunday, September 17

  1. page InfoCSS edited CSS - Cascading Style Sheets Die Cascading Style Sheets dienen zum Formatieren von HTML-Seiten.…

    CSS - Cascading Style Sheets
    Die Cascading Style Sheets dienen zum Formatieren von HTML-Seiten.Unformatierte HTML-Seiten wirken auf den Betrachter völlig trostlos. Schöne Farben, passende Schriftarten, angemessene Textgrößen und viele andere Formatierungen sind Selbstverständlichkeiten, die Sie als Internet-Benutzer erwarten. Formatieren bedeutet
    ...
    ...
    Wie kannbekomme ich einenmeinen Text in
    ...
    Mitte der Seite bekommen?
    Wie kann
    Seite?
    Was muss
    ich tun, um ein Hintergrundbild einbringen?einzubringen?
    Wie kann ich die Textgröße ändern?
    Wie kann ich die Textfarbe ändern?
    Die
    Die Lösung zu
    ...
    finden Sie heute bei den Cascading Style Sheets.Sheets (CSS). Cascading Style Sheets dienen ausschließlich zum Formatieren von HTML-Seiten. Jedes HTML-Tag
    ...
    CSS-Formatierungsanweisungen individuell gestalten. Imgestalten, indem Sie eine Eigenschaft entsprechend Ihrer Vorstellungen ändern, z.B. wie folgt:
    <span style="color: red">roter</span> Text
    Im Beispiel wird die im Browser voreingestellte Eigenschaft schwarzer Text für das Wort 'rot' auf rot geändert. 'roter' wird vom Browser also entsprechend rot angezeigt. Besser ist es, solche Formatierungen im Header der Datei vorzunehmen, da so eine bessere Übersicht über alle Formatierungen in der Seite gewährleistet ist.
    Im
    head-Tag der
    ...
    finden Sie zu Formatierungszwecken das style-Tag,
    <style type="text/css">
    /* Hier stehen alle CSS-Formatierungen! */
    (view changes)
    11:35 pm

Wednesday, September 6

  1. page Tipps und Tricks edited ... <a href=".....">Drei</a> ... Vertikale Ausrichtung von Texten Die ve…
    ...
    <a href=".....">Drei</a>
    ...
    Vertikale Ausrichtung von Texten
    Die vertikale Ausrichtung von Texten erfordert zusätzlich zur Eigenschaft vertical-align die Eigenschaft line-height!
    siehe: https://developer.mozilla.org/de/docs/Web/CSS/vertical-align
    <style>
    footer
    {
    background-color: lightgreen;
    height: 200px;
    width: 200px;
    line-height: 200px;
    vertical-align: middle;
    }
    </style>
    <footer>
    bla bla bla
    </footer>
    [[code format="css"]]
    code

    (view changes)

Wednesday, July 12

  1. page InfoRecht edited ... https://pixabay.com/ https://pixabay.com/de/service/faq/ (Alle Weitere Links https://www.…
    ...
    https://pixabay.com/
    https://pixabay.com/de/service/faq/
    (AlleWeitere Links
    https://www.saxoprint.de/blog/kostenlose-bilddatenbanken/
    (Alle
    Angaben - selbstverständlich wie immer bei mir auch hier - ohne Gewähr
    (view changes)
    11:53 pm

Tuesday, July 11

  1. page UebungenProgrammierRichtlinien edited Übungen zu den Programmier-Richtlinien ... 1 - Fundstück Fehlerhaften HTML-Quelltext korrigi…

    Übungen zu den Programmier-Richtlinien
    ...
    1 - FundstückFehlerhaften HTML-Quelltext korrigieren
    a) OSZKIM

    Korrigieren Sie den folgenden veralteten HTML-Quelltext!
    (http://www.blogprojekt.de/2009/04/27/technik/wie-wichtig-ist-valider-html-code/)

    Prüfen Sie die Seite auf Fehlerfreiheit und korrigieren Sie die gefundenen Fehler! http://validator.w3.org/
    Prüfen Sie, ob Ihre Seite allgemeine Suchmaschinen-Richtlinien einhält! https://www.seobility.net/de/seocheck/
    ...
    </body>
    </html>
    Aufgabe 2 -b) SONGLAB
    Korrigieren Sie den folgenden veralteten HTML-Quelltext!
    Prüfen Sie die Seite auf Fehlerfreiheit und korrigieren Sie die gefundenen Fehler! http://validator.w3.org/
    http://www.blogprojekt.de/2009/04/27/technik/wie-wichtig-ist-valider-html-code/
    Berücksichtigen Sie die Programmier-Richtlinien! (DOCTYPE, Groß-/Kleinschreibung, Einrückung, ...)
    Formatieren Sie alle Elemente mit Hilfe von CSS!

    <HTML>
    <TITLE>Songlab</TITLE>
    ...
    </H2>
    <IMG SRC="modells.gif">
    Aufgabe 32 - Inkompatibilitäten
    (Voraussetzung: CSS-Übung)
    ...
    alle CSS-Eigenschaften. Ermitteln
    Ermitteln
    Sie auf
    http://www.css4you.de/browsercomp.html/standardbrowser/
    (view changes)
    4:31 am
  2. page UebungenProgrammierRichtlinien edited ... Korrigieren Sie den folgenden HTML-Quelltext! Prüfen Sie die Seite auf Fehlerfreiheit und kor…
    ...
    Korrigieren Sie den folgenden HTML-Quelltext!
    Prüfen Sie die Seite auf Fehlerfreiheit und korrigieren Sie die gefundenen Fehler! http://validator.w3.org/
    Prüfen Sie, ob Ihre Seite allgemeine Suchmaschinen-Richtlinien einhält! https://www.seobility.net/de/seocheck/
    Berücksichtigen Sie die Programmier-Richtlinien! (DOCTYPE, Groß-/Kleinschreibung, Einrückung, ...)
    Formatieren Sie alle Elemente mit Hilfe von CSS!
    (view changes)
    4:24 am

Monday, July 10

  1. page BewerbungsHomepage edited ... Wissenswertes zu Bewerbungen http://www.jova-nova.com/bewerbung/unterlagen/blick-in-die-bewer…
    ...
    Wissenswertes zu Bewerbungen
    http://www.jova-nova.com/bewerbung/unterlagen/blick-in-die-bewerbungsmappe/
    http://www.rundschau-online.de/zu-gross--zu-bunt--zu-chaotisch--5-tabus-bei-e-mail-bewerbungen-3538064
    (view changes)

Thursday, July 6

  1. page Tipps und Tricks edited ... Wie kann ich ein eigenes kleines Image oben in den TAB einfügen? Erzeugen eines Icon: http:…
    ...
    Wie kann ich ein eigenes kleines Image oben in den TAB einfügen?
    Erzeugen eines Icon:
    http://www.favicon-generator.de/
    http://www.favicon.pro/de/
    Wenn die Datei des Favicons favicon.ico heisst, dann muss man nur die Datei in das Root-Verzeichnis der Website kopieren und es wird sofort verwendet für alle zur Website gehörenden Seiten. Wenn man verschiedene favicons verwendet, dann bindet man diese wie folgt ein in die Seite:
    (view changes)
    1:31 am

More