oder so
19 Mai
Wir haben uns in den letzten Stunden angesehen, wie man mit DIV-Containern ganze Websiten gestaltet.
Mein Projekt befindet sich unter
http://informatik.stage1.at/schule/containerphp/
9 Nov
Wir wissen nun, wie man CSS-Dateien anlegt, verlinkt, Styles definiert und kennen den Unterschied zwischen Klassen, ID’s und Types. Nun können wir verschiedene Klassen, ID’s und Types miteinander verbinden. Wozu wir das brauchen? Um die Kriterien einzuschrenken. Bedeutet, dass wir zB. bei fett markiertem Text einer gewissen Klasse eine andere Schriftart, Schriftgröße, Farbe, etc. einfügen können, als sie in der Klasse festgelegt ist. Als Beispiel können wir gleich diese Seite nehmen: die Spalte ganz rechts ist ein und dieselbe Klasse! Nur weiter unterteilt in Überschrift, Link, Maus-over, etc.
Wichtig! Wir können Klassen mit Types, ID’s mit Types und Types mit Types kombinieren. Aber nicht Klassen mit ID’s, Klassen mit Klassen oder ID’s mit ID’s! (more…)
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.
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ß!