Webdesign
Websites
Das Programmieren und Entwerfen von Homepages/Websites ist meine gößte
Leidenschaft.
Das „Layouten” von Webseiten, ausschließlich mit ausgelagerten
CSS.Dateien, ist heutzutage eine besonders effektive Angelegenheit.
Gerne bin ich auch dabei behilflich, CMS-Seiten (Content Management - Webseitenaktualisierung durch Eigentümer/Inhalte werden eigens bearbeitbar) zu erstellen.
Ein Bespiel dazu unter 
www.teeas.eu
Mehr Details zu diesem Thema möchte ich ihnen im Bereich
CSS, HTML & Co geben.
Nun folgen einige der Websites, die ich im Laufe der Jahre erstellt habe:
Bitte wählen sie:
Vorschau Websites
Vorschau Entwürfe/Arbeitsproben
zu Websites
Flash-Filme
Preise
Vorschau Websites
| Priv. Homepage Medical Advisor Dörthe Becker med-becker.de  |
Diese Webseite habe ich entworfen und programmiert. Sie befindet sich gerade in Vorbereitung... Screenshot www.med-becker.de |
| BIODANZA by Guiomar Morales biodanza-schule.de  |
Diese Webseite habe ich
entworfen und programmiert. www.biodanza-schule.de Seit Nov. 2011 hat die Seite ein neues Gesicht! |
| Praxis für Akupunktur, Kräuterheilkunde und Qigong akupunktur-charlottenburg.de  |
Diese Webseite habe ich, in Anlehnung an ein bestehendes Konzept, entworfen und programmiert. www.akupunktur-charlottenburg.de |
| Biodynamische Osteopathie biodynamische-osteopathie.com  |
Diese Webseite habe ich entworfen und programmiert. www.biodynamische-osteopathie.com |
| el caracol Bilingualer Kindergarten el-caracol.de  |
Diese Webseite habe ich programmiert. www.el-caracol.de |
| Heilpraxis Wiebke Ude heilpraxis-ude.de  |
Diese Webseite habe ich entworfen und programmiert. www.heilpraxis-ude.de |
| Kinderladen "Alibaba" kinderladen-alibaba.de  |
Diese Webseite habe ich, in Anlehnung an ein bestehendes Konzept, entworfen und programmiert. www.kinderladen-alibaba.de |
| Alexander Kytmannow Berliner Raumausstattermeister kyti.de  |
Diese Webseite habe ich entworfen und programmiert. www.kyti.de |
| Montessori-SpielZeit Corinna Simpson, HP montessori-spielzeit.de  |
Diese Webseite habe ich für Corinna Simpson, Heilpraktikerin für Psychotherapie & Pädagogin meiner kleinen Tochter Rosa entworfen und programmiert. www.montessori-spielzeit.de |
| Osteopathisches Zentrum für Kinder osteopathie1.de  |
Diese Webseite habe ich entworfen und programmiert. www.osteopathie1.de |
| Website über Kunstkampfsportart kali-lontayao.de  |
Diese Webseite habe ich entworfen und programmiert. www.kali-lontayao.de |
| Website einer Berliner Auto-Werkstatt carparts-promotor.de  |
Diese Webseite habe ich entworfen und programmiert. www.carparts-promotor.de |
| Heilpraktiker Prüfungsvorbereitung- Berlin heilpraktikerprüfung-berlin.de  |
Diese Webseite habe ich entworfen und programmiert. www.heilpraktikerprüfung-berlin.de |
Vorschau Entwürfe/Arbeitsproben zu Websites
| IHK Abschlussprüfung Website einer Modedachmarke  |
Diese Webseite habe ich entworfen. PS: Sie ist als praktische Abschlussprüfung nicht im Internet ausgestellt! Vorschau Screenshot |
| Website für Holzhandwerk holzworks.de  |
Diese Website habe ich 2002 entworfen und programmiert. PS: Sie ist mittlerweile nicht mehr im Internet ausgestellt! Vorschau Screenshot |
| Apple Produkte & mehr fenjaschoenberg.de  |
Diese Webseite habe ich 2007 entworfen und programmiert. Sie ist mittlerweile von der Inhaberin weiterentwickelt worden und in der damaligen Fassung nicht mehr online. Screenshot meiner 2007 Version www.fenjaschoenberg.de (neue Version) |
Flash
Hier möchte ich Ihnen einige kleine „Flash-Spielereien” vorstellen:
Portfolio |
Flashfilm starten |
Bellydance - interaktives Flashspiel |
Flashfilm starten |
Flashspielerei |
Flashfilm starten |
Intro kantaberlin.de  |
Flashfilm starten |
Preise
Da ich jede Webseite individuell nach den Wünschen meiner Kunden erstelle,
variieren die Preise natürlich nach den Inhalten und angewandten Techniken.
Grundsätzlich gilt:
• alle Webseiten, ob groß oder klein, werden für die Betriebssysteme
(MAC & PC)
und den gängigen Browsern (Internet Explorer, Mozilla, Netscape,
Safari, Firefox etc.) erstellt.
• alle Webseiten werden individuell nach den Wünschen meiner Kunden
gestaltet.
(kein „Einheitslook”!)
• Animationen wie Flash, Gifs etc. werden auf Wunsch in die Webseite integriert.
• CMS-Systeme und ONLINE-Shops können
ebenfalls integriert werden (+ Aufpreis).
• Erst nach einem „Briefing” (Treffen mit dem Kunden) kann ich
einschätzen,
was die gewünschte Webseite tatsächlich kosten wird!
| Pakete | Inhalte/Seitenanzahl | Preise |
| "Mini" | • 4 Seiten (Startseite, Kontakt, Impressum, Wunschseite) • ohne Animationen |
ca. 400 € |
| "Normal" | • 8 Seiten (Startseite, Kontakt, Impressum, Wunschseiten etc.) • mit Animationen |
ca. 700 € |
| "Maxi" | • 12 Seiten (Startseite, Kontakt, Impressum, Wunschseiten etc.) • mit Animationen |
ca. 1100 € |
| "CMS" | • Seitenzahl unbegrenzt • ohne Animationen • Script von WORDPRESS |
ca. 500 € |
CSS, HTML & CO
Die eigentliche Arbeit besteht darin, eine CSS-Datei so zu schreiben, dass
sie dann auch von den bekanntesten Browsern (Internet
Explorer, Firefox, Safari, Camino, Netscape, Opera etc.) richtig interpretiert
werden kann.
Dies ist nicht immer einfach. Besonders kniffelig wird es dann, wenn man eine
kaskadierte HTML-Datei auch für die guten MAC-User
bereitstellen möchte.
PS: Der MAC IE hat mir schon manchmal ganz schön die Haare zu Berge stehen
lassen.
Trost naht: Seit Juni 2003 nun ist es beschlossenen Sache, der „MAC IE”
wird nicht mehr "geupdateted" .... juhu!
Wer das mal nachlesen möchte kann dies unter
Microsoft.com
Wer an diesem Thema interessiert ist, der kann sich im Internet mit guten Tips
versorgen lassen.
In meiner Links-sammlung weise ich auf ein paar gute Seiten hin...
Das Beste was sie diesbezüglich tun könnt, ist ihre CSS.Dokumente validieren
zu lassen.
(Vorraussetzung hierfür ist allerdings auch validiertes HTML !)
Hier geht´s zum CSS-Validator des W3C-Consortium...
jigsaw.w3.org
CSS
CSS (Cascading Style Sheets) bedeutet wörtlich übersetzt: überlappende
Druckformatvorlage.
Vom World Wide Web Consortium Beschreibungssprache (Descriptionlanguage) HTML,
die eine bessere Trennung von Formatierung und Struktur eines Dokumentes erlaubt.
CSS ähnelt in seiner Funktion den aus Textverabeitungsprogrammen bekannten Druckformatvorlagen (Style Sheets), die mit einem oder mehreren Dokumenten verknüpft sind, so dass sich das Layout dieser Dokumente durch die Änderung an der Druckformatvorlage ändern lässt, ohne dass jedes einzelne Dokument neu formatiert werden muss.
HTML-Dokumente mit einer CSS zu versehen, ist eine sehr effektive Angelegenheit.
Genau wie in anderen Layout-Programmen, wie z.B.: QuarkXpress, ist die Verwendung
von Formatvorlagen eine sehr arbeitsparende Maßnahme.
HTML
Abk. für „Hyper Transfer Text Markup Language”, bedeutet:
Sprache zur Auszeichnung von Hypertext.
HTML ist eine Beschreibungssprache, die im WWW zur Formatierung von Seiten zur
Anwendung kommt und auf dem Standard SGML (Standardized Generalized Markup Language)
aufbaut. Sie erlaubt die Zusammenstellung von Texten, Grafiken, Videos und Sounds.
Mit HTML wird nur die logische Struktur definiert,nicht jedoch das endgültige
Layout. Dafür ist der entsprechende Browser zuständig.
Die einzelnen HTML-Kommandos werden als Tags
bezeichnet und in spitze Klammern (< >) gesetzt.
HTML erlaubt standardmäßig nur die Darstellung von statistischen Informationen.
Sollen dagegen einzelne Seitenbestandteile variabel gehalten werden, spricht man
allgemein von Dynamic HTML (DHTML).
Das WWW ist ohne dynamisches HTML kaum vorstellbar. Der überwiegende Teil
der Web-Angebote, bei denen Interaktionen mit dem User stattfinden, benutzt DHTML.
Inzwischen gibt es keine einheitliche HTML-Sprache mehr.
Einige Hersteller von Web-Browsern (z.B.: Netscape/Netscape-Navigator und Microsoft/Internet
Explorer) haben HTML um einige Tags erweitert und zusätzliche Parameter eingeführt,
die nur jeweils vom eigenen Produkt verstanden werden.
Dieser Zustand läuft der ursprünglichen Idee des WWW, dass es unerheblich sein sollte, welche Software man benutzt, zuwider. Als Nachfolger und Weiterentwicklung von HTML ist XHTML anzusehen.
XHTML
Abk. für „eXtensible Hyper Text Markup Language”, bedeutet:
erweiterbare Sprache zur Auszeichnung von Hypertext. XHTML ist die erste wesentliche
Änderung zu HTML seit der 1997 veröffentlichten Version HTML 4.0.
Der Standard XHTML 1.0 formuliert HTML neu als XML-Anwendung. Die Syntax von XHTML
ist wesentlich strenger als die vom HTML, um den Interpretationsspielraum einzuschränken
und damit Fehler bei der Seitendarstellung zu vermeiden. XHTML soll eine gemeinsame
Grundlage schaffen, die sich durch Module erweitern lässt.
Ich hoffe, ich konnte etwas „Licht” in das Dickicht des „HTML-Dschungels”
bringen?
In meinem Glossar
finden sie weitere wissenswerte Dinge zu verschieden Themen...
