Magdalena's Weblog

Einbettung des Twitter-Feeds:

Um das Twitter-Feed auf meinem Lernblog einzubetten habe ich zunächst über den Link Twitter - Widgets ein Widget erstellt, indem ich unter dem Punkt neues Widget erstellen sämtliche Optionen ausgefüllt habe.

Durch betätigen des Buttons Widget erstellen erhält man einen Code. Diesen Code habe ich in den html-Code meines Lernblogs in den body eingefügt.

Weiters habe ich eine Überschrift in Größe h2 mit dem Titel Twitter eingefügt.

Um das Widget im Stylesheet bearbeiten zu können, habe ich < div id= "twitter" > vor bzw. < /div > nach dem Twitter Code eingefügt.

Im Stylesheet habe ich anschließend #twittter eingefüht und diverse Parameter, wie float, padding, position, overflow und padding-top hinzugefügt und bestimmt, um das Widget an den Lernblog anzupassen.

Anpassen des Lernblogs:

Ich studiere zwar nicht den Studienzweig Web Engeneering, jedoch wollte ich meinen Lernblog noch ein bisschen verändern, um ein besseres Verständnis für html-Codes zu bekommen. Da ich mich mit html-Codes bis zu diesem Zeitpunkt noch nicht auseinandergesetzt habe, habe ich zunächst versucht zu verstehen, wie diese Codes aufgebaut sind, wo ein Code beginnt und wo er endet und was diese Codes bewirken.

Als einfache Übung habe ich danach den Punkt Links aus dem html-Code gelöscht und die Punkte Navigation und Meta in eine andere Reihenfolge gebracht, um ein erstes Gefühl für html zu bekommen und um meinen Lernblog übersichtlicher zu gestalten.

Weiters habe ich über das Internet gesucht, wie man die einzelnen Beitragstexte als Blocksatz ausrichtet. Folgendes habe ich dazu gefunden:

"Mit text-align: können Sie Textinhalte von Block-Elementen ausrichten. Folgende Angaben sind möglich:
left = linksbündig ausrichten (Voreinstellung).
center = zentriert ausrichten.
right = rechtsbündig ausrichten.
justify = als Blocksatz ausrichten."

Also habe ich im Stylesheet nach dem Story-Body gesucht und den Parameter text-align: justify angegeben.