Web Based Programming

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

http://www.katvond.net

http://www.davidlynch.com

http://www.imdb.com

http://www.kreepsville666.com

http://www.wildatheartberlin.de

"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!

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

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; }

HTML:      select tag

Das <select>Tag wird verwendet, um eine Auswahlliste zu definieren. Für die zur Auswahl stehenden Optionen wird <option> benutzt.

Bsp.:

<select name="dogs">
	<option>Domestic Dog</option>
	<option>Arctic Fox</option>
	<option>Maned Wolf</option>
	<option>Grey Wolf</option>
	<option>Red Fox</option>
	<option>Fennec</option>
</select>

CSS:       white space

Mithilfe der CSS-Eigenschaft white space verhält sich ein Text mit all seinen Leerzeichen und Zeilenumbrüchen genauso, wie im Quelltext angegeben.

Bsp.:

pre { white-space: normal; }

#pow { white-space: pre; }

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;
}

_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:

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

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.