BTK-FH Logo

Uncategorized

server problem

sorry pippa i can’t put my website on the btk server. It’s impossible for my computer to connect. Please tell me what to do :) !

Constanze

Uncategorized

My favorite Websites

http://www.katvond.net

http://www.davidlynch.com

http://www.imdb.com

http://www.kreepsville666.com

http://www.wildatheartberlin.de

Uncategorized

WordPress Theming for Design Portfolios

"Wordpress" by Huasonic

I’ll be offering a workshop on the WordPress blog system in the upcoming months.

Topics covered include – installing WordPress on a web server and developing custom themes.

Please let me know if you want to participate!

Uncategorized

Firefox Add-Ons

Firefox is a great web browser to use as a web developer. It supports web standards and you can install add-ons that makes web development much easier.

This article lists some useful Firefox add-ons that may make your learning of Web Based Programming much easier.

20 Best And Highly Useful Firefox Add-ons For Designers And Developers

Uncategorized

em, background color

HTML: <em>-tag

Das <em>-Tag wird verwendet, um bestimmte Satzteile hervorzuheben (to emphasize). Es ist ein sog. Inline-Element und beginnt nicht wie jedes Blockelement mit einer neuen Zeile, sondern bleibt im Textfluss.

Bsp.

<p>Das ist <em>wirklich</em>so!</p>

Das Ganze sieht dann so aus: Das ist wirklich so!

CSS: background color

Beschreibt die Hintergrundfarbe einer Webseite mit den Werten inherit, transparent

oder einer entsprechenden Farbe.

Bsp.:

#dooberry { background-color: red; }




(x)HTML, CSS

img & background-attachment

HTML-Tag: img (Bild)

Bilder lassen sich u.a. mit dem img-Element darstellen. Das Attribut src gibt dabei die URL der anzuzeigenden (Bild-)Datei an. Verwendet werden können fast alle Bildformate, üblich sind aber *.gif und *.jpg/*.jpeg. Beispiel:

<img src=”bildname.gif” alt=”" />
<img src=”http://www.google.de/bild1.jpg” alt=”" />

Bitte beachten Sie dabei, dass das img-Element kein schließendes Tag hat, allerdings ist es nicht falsch dieses zu notieren, da er einfach vom Browser übergangen wird.

CSS-Property: background-attachment

Die background-attachment-Eigenschaft definiert, wie ein Hintergrundbild eingepasst wird. Als Wert stehen 2 Varianten zur Verfügung: scroll besagt, dass das Hintergrundbild mit verschoben werden soll, wenn die Seite bzw. das Element gescrollt wird (Voreingestellt). fixed besagt, dass das Hintergrundbild am gleichen Platz stehen bleiben soll.
Beispiel:

body {
background-attachment: fixed;
}

(x)HTML, CSS

Div & color

_Html <div>

Das <div>-Tag ist ein Behälter für weitere HTML-Elemente. Das öffnende und schließende <div>-Tag führen jeweils zu Zeilenumbrüchen – div-Tags bilden Block-Elemente. Ein div-Element bringt keine weiteren Eigenschaften mit und ohne Inhalte nimmt ein DIV-Element ohne Höhen- und Breitenangaben durch CSS-Regeln keinen Platz im HTML-Dokument ein.

<div>-Tags lassen sich ineinander verschachteln und bilden einen leistungsfähigen Mechanismus, mit dem jeder Bereich einer Webseite erreicht werden kann. In erster Linie wird das <div>-Tag herangezogen, logisch zusammengehörige HTML-Elemente mit Hilfe von CSS zu formatieren, zu positionierenJavaScript zu animieren. Dazu werden die Kernattribute class, id und style benutzt. oder mit

Äquivalent zum div-Tag gibt es das <span>-Tag, das benutzt wird, wenn einer Gruppe von HTML-Elementen Inlinestile – also Stile ohne Zeilenumbruch – zugewiesen werden sollen.

Bsp:

<div id="scissors">
	<p>This is <span class="paper">crazy</span></p>
</div>


_CSS color:

Die Eigenschaft color bestimmt die Textvordergrundfarbe bzw. Schriftfarbe.

Die Eigenschaft erhält Werte auf 3 Arten:

  • Ein Hexadezimalcode
  • RGB
  • Name der Farbe Der gebräuchliche Syntax für die color-Eigenschaft ist wie folgt:

    Hexadezimalcode:

    {color:#XXXXXX;}

    wobei X die Hexadezimalziffer ist.

    RGB:

    {color:rgb(X,Y,Z); } wobei X, Y, und Z Nummern zwischen 0 und 255 sind
    oder
    {color:rgb(X%,Y%,Z%); } wobei X, Y, und Z Nummern zwischen 0 und 100 sind.

    Name der Farbe:

    {color:[Name der Farbe];}

    Der Hexadezimalcode besteht aus 6 Zeichen (oder 3 Zeichen wenn die ersten beiden, die mittleren beiden, und die letzten beiden gleich sind. #FFF und #FFFFFF stehen beide für weiß), die die Farbe eindeutig bestimmen.

  • Uncategorized

    Websites

    Websites I like very much -

    www.yugop.com

    www.jessicabackhaus.net

    www.michaelhagedorn.de

    Websites I use often -

    www.sz-magazin.sueddeutsche.de

    www.google.de/ www.maps.google.de

    www.gmx.de

    www.mediengestalter.info

    www.tagesschau.de

    Uncategorized

    Week 3 Blog Task – acronym and float

    I’d like you all to choose one (x)HTML tag and one CSS property to describe for the rest of the class. Please don’t describe a tag or property that someone else has written a blog post about – there’s at least one example for everyone!

    You can choose your (x)HTML tags and CSS Properties from these pages by HTML Dog

    http://www.htmldog.com/reference/cssproperties/

    http://www.htmldog.com/reference/htmltags/

    I’ve selected the “acronym” tag in (x)HTML.

    acronym

    The acronym tag is used to display the full text that is described by an abbreviation. For example, BTK is an acronym for Berliner Technische Kunsthochschule.

    and “float” for CSS

    float

    Float defines whether a CSS box element should have text flowing around it. An element can have a float properties of inherit, left or right or none.

    Try this out yourself in this example from the WC3 schools.

    Uncategorized

    CSS Color Names

    The W3 specification for color names can be found here:

    http://www.w3.org/TR/css3-color/#svg-color