oder so
30 Okt
CSS, auch Cascading Style Sheets genannt, werden von Webdesignern und Gestaltern zum Erstellen von Webdesigns und Templates verwendet, und können im Nachhinein immer verändert werden. Sie sind also Platzhalter auf gestalterischer Ebene - aber nicht auf inhaltlicher - dafür wird PHP verwendet.
Was bringt uns denn überhaupt CSS? Es gibt drei große Vorteile: Erstens ist CSS zu defninieren wesentlich einfacher, als in der HTML-Datei Schriftarten, Farben usw. einzugeben. Zweitens können wir immer wiederkehrende Elemente, die gleich aussehen sollen (zB. die Überschriften in diesem Blog) einen einzigen Befehl geben: er soll sich die Daten aus der Datei XY unter Abschnitt Z holen - und wir brauchen nicht jedes Mal Schriftart, Größe, Farbe, etc. erneut eingeben. Außerdem könnten so auch Fehler passieren! Drittens: wir können später immer noch alles ändern: wenn ich jetzt sage, ich will die Überschriften nicht grün, sondern blau haben, muss ich nur eine einzige Änderung im Stylesheet (=CSS-Datei) vornehmen, und nicht an jeder einzelnen Überschrift. So hab ich übrigens auch diese Seite umgefärbt - wer sich erinnern kann weiß, dass sie davor blau war.
22 Okt
mein Adventkalender befindet sich hier.
(bzw. er sollte sich dort befinden, kann aber sein, dass man nur schulintern auf den Server zugreifen kann… I don’t know…)
20 Okt
Um Tabellen in HTML-Seiten zu generieren, verwenden wir in etwa folgenden Code:
|
<table width=”211″ height=”101″> <tr> <td>1A</td> <td>2A</td> <td>3A</td> </tr> <tr> <td>1B</td> <td>2B</td> <td>3B</td> </tr> </table> |
Zu beginn kündigen wir eine Tabelle an und definieren ggf. Weite und Höhe (können auch in Prozent dargestellt werden) Danach kündigen wir die erste Zeile mit <tr> an Darin wird jede Zelle mit <td> und </td> ein- und ausgeleitet. Die erste Zeile beenden wir wieder mit </tr> und kündigen die zweite Zeile mit <tr> an. Hier haben wir die selbe Spielerei: wieder verwenden wir <td> und </td>. In Tabellen bzw. den Zellen können wir natürlich auch HTML-Tags verwenden. Schließende Zeile Schließende Tabelle |
11 Okt
Einen fetten Text erstellen wir mit <b> und </b>, kursiven Text können wir mit <i> und </i> erstellen, unterstreichen können wir Texte mit <u> und </u>, was uns aber wenig bringt, da außer Links sowieso nichts unterstrichen werden soll.
Links erstellen wir übrigens mit dem Code <a href=”http://www.google.at” target=”_blank”> dann steht hier der anzuzeigende Text, und dann kommt wieder der schließende Tag </a> - so erstellen wir einen Google-Link. Target gibt übrigens an, wie die Seite zu öffnen ist: “_blank” gibt zB. an, dass die Seite in einem neuen Fenster geöffnet wird. Das ist vor allem bei externen Links zu empfehlen! (more…)
8 Okt
Jede HTML-Seite beginnt mit <html> und endet mit </html>. Darüber hinaus gibt es noch den Head-Bereich (<head> </head>) sowie den Body-Bereich (<body> </body>).
Wir bekommen außerdem einen eigenen Ordner am Schulserver, auf den wir via FileZilla zugreifen können. Zugangsdaten dafür befinden sich hier, das Passwort ist der Raumname, in dem wir uns befinden.
Div. Tags zum Bearbeiten von HTML-Seiten gibt’s auf http://de.selfhtml.org , Viel Spaß!
8 Okt
8 Okt
Meine Hausübung, Soundfile oder wer möchte “Podcast” befindet sich hier.