FLASHANGEL.DE
Online-Technologien, Digitale Medien, Web und IT

Webdesign & Webentwicklung

Im Nachfolgenden finden Sie eine Übersicht meines Wissens- und Leistungsspektrums.
Nehmen Sie dieses gerne als Grundlage für Ihre Produktions- und Projektanfrage sowie für Anfragen zum Thema Karriere & Life-Coaching als auch Digitale Tranaformation im Bereich Online-Technologien, Digitale Medien, Web und IT .

Bei Fragen stehe ich Ihnen gerne zur Verfügung.

Webdesign & Webentwicklung

IHR WUNSCH - MEIN ANGEBOT - IHRE LÖSUNG

MEIN ANGEBOT FÜR SIE - Webdesign

Gestaltung und Webdesign
⇒ Umsetzung von Printvorlagen / Werbemittel / Visitenkarten (Adobe Illustrator/ Adobe Photoshop)
⇒ Logoentwicklung und Logogestaltung (Adobe Illustrator/ Adobe Photoshop)
⇒ Gestaltung von Landing-Pages - Neuaufbau / Anpassung
⇒ Screendesign und Web-Layouting - Neuaufbau / Anpassung
⇒ Bildbearbeitung mit Adobe Photoshop

MEIN ANGEBOT FÜR SIE - WEBENTWICKLUNG

Erstellen von Websites und Webproduktionen nach neusten Webstandards
⇒ Umsetzung von Individuallösungen - Neuaufbau / Anpassung
⇒ Umsetzung von CMS-Lösungen - Neuaufbau / Anpassung
⇒ Relaunch von Websites - Neuaufbau / Anpassung
⇒ Umsetzung Responsives Webdesign - Neuaufbau / Anpassung
⇒ Umsetzung Adaptives Webdesign - Neuaufbau / Anpassung
⇒ Umsetzung Mobiles Webdesign - Neuaufbau / Anpassung
⇒ Umsetzung App-Design - Neuaufbau / Anpassung

Einrichtung/Konfiguration von Content-Management-Systemen/CMS-Lösung
⇒ WordPress
⇒ Joomla
⇒ Contao
⇒ Typo3
⇒ Redaxo
⇒ WebsiteBaker

Erstellen und Anpassen von Templates - CMS-Systeme
⇒WordPress
⇒ Contao
⇒ Typo3/TypoScript
⇒ Joomla
⇒ Redaxo
⇒ WebsiteBaker

Einrichtung/Konfiguration von Online-Shopsystemen/CMS-Lösung
⇒ WooCommerce
⇒ modified eCommerce Shopsoftware
⇒ osCommerce
⇒ Magento
⇒ OXID e-Shop
⇒ PrestaShop
⇒ Contao Isotope
⇒ xt:Commerce

Erstellen und Anpassen von Templates - Shop-Systeme
⇒ WooCommerce
⇒ modified eCommerce Shopsoftware
⇒ osCommerce
⇒ Magento
⇒ OXID e-Shop
⇒ PrestaShop
⇒ Contao Isotope
⇒ xt:Commerce

MEIN ANGEBOT FÜR SIE - Werbeelemente und Offlineproduktionen

Gestaltung und Umsetzung von Werbeelementen/Animationen
⇒ Adobe Animate, Adobe Edge Animate, Adobe Flash
⇒ Erstellen von Offline-Medien-Produktionen

MEIN ANGEBOT FÜR SIE - Hosting und Support

Service und Support
⇒ Online stellen von Websites (Individuallösung sowie CMS-Lösung)
⇒ Hosting-Support / Hosting-Auswahl / Hosting- & Produktions-Support
⇒ SEO-Optimierung von Webproduktionen (Individuallösung sowie CMS-Lösung)

MEIN ANGEBOT FÜR SIE - Karriere & Life Coaching IT

⇒ Bildungsgrundlage, Qualifikationen und Weitebildungsmöglichkeiten erruieren
⇒ Eigenposition auf dem IT-Arbeitsmarkt, eigene Kompetenzen und Stärken erarbeiten und erkennen
⇒ Eigenpräsenz und Selbstbewerbung
⇒ Sicherheit und Stärkung der Eigenposition auf dem IT-Arbeitsmarkt
⇒ Arbeitstypen im IT-Arbeitsmarkt
⇒ Stellenangebote im IT-Arbeitsmarkt

MEIN ANGEBOT FÜR SIE - Digitale Transformation Coaching IT

⇒Digitale Transformation - Prozesserruieren, Prozessverständnis, Prozessoptimierung in der Welt der Informationstechnologien, Vernetzung, Hardware, digitaler Anwendungen sowie dem gesellschaftlichen und unternehmerischen Zusammenspiel als Strategiemaßnahme
⇒ Optimierung von Geschäftsmodellen und digitaler Wertschöpfungsketten durch Digital Business Transformation.
⇒ Digital Skills und agile innovative Arbeitsweise im unternehmerischen Denken
⇒ Sicherheit und Datenspeicherung - Industrial Security, Datenspeicherung & IT-Security
⇒ Wachstum durch Erweiterung als unternehmerische Chance
⇒ Strategische Geschäfts- und Unternehmensführung - Transparenz, Koordination und Absprachen auf allen Ebenen des Unternehmens

Weitere Informationen finden Sie im Bereich Weiterbildung.

MEIN ANGEBOT FÜR SIE - Lehrmaterial

Schulungs- und Lehrmaterial
⇒ Aufbereitung von Schulungsunterlagen/Lehrmaterial (auch nach Individuallösung)
⇒ Aufbereitung von Schulungsvideos/Lehrmaterial (auch nach Individuallösung)

Eine Übersicht meines Wissensspektrums als Grundlage für Ihre Anfrage bezüglich Schulungsoptionen und Projektanfragen finden Sie im Bereich Weiterbildung.

ANGEBOTSANFRAGE SENDEN

PROJEKTANFRAGE / ANGEBOTSANFRAGE SENDEN ⇒

Webdesign & Webentwicklung

Senden Sie mir gerne Ihre Projektanfrage/Angebotsanfrage zu.
Ich berate Sie gerne und erstelle Ihnen basierend auf Ihren Wünschen ein übersichtliches und faires Angebot.

Gewußt wie ist der Weg zum Ziel!

Ein Blick hinter die Kulissen

HTML (HYPERTEXT MARKUP LANGUAGE - DIE STRUKTUR)

Hypertext Markup Language strukturiert und gliedert die Inhalte Ihrer Webseiten durch und legt fest, welcher Inhalt zu sehen ist z.B. Überschriften, Bilder, Videos, Tabellen, Formulare, Absätze, Hyperlinks etc.

HTML sagt: WER IST WAS/WER IST DABEI
BAUT DIE INHALTE DER WEBSEITE - "STELLT DEN BAUMEISTER"

CSS (CASCADING STYLE SHEET - DAS DESIGN)

Cascading Style Sheets legen die Formatierung/das Design/die Gliederung der Struktur aus HTML fest z.B. die Größeangaben, die Farbvergaben, Hintergründe oder Abstände, ob Abschnitte untereinander oder nebeneinander angeordnet sind bis hin zu vollständigen Designeffekten.

CSS sagt: WIE SIEHT WAS AUS
BENÖTIGT DIE STRUKTUR (HTML) ALS GRUNDLAGE
LEGT DIE FORMATIERUNG DER STRUKTUR FEST - "STELLT DEN INNENEINRICHTER"

HTML UND CSS - DAS PERFEKTE DUO

Das Zusammenspiel aus HTML und CSS reicht Ihnen bereits aus, um eine vollständig funktionstüchtige Website zusammenzustellen. Die Inhalte/die Struktur muss da sein (HTML) und es sollte ansprechend aussehen (CSS) und HERZLICH WILLKOMMEN IST DER BESUCHER!

JAVASCRIPT/AJAX/JQUERY-BIBLIOTHEK (DIE DYNAMIK IM BROWSER)

JavaScript bietet Ihnen die Möglichkeit der Ergänzung/der Dynamik Ihres Webseiteninhaltes während der Laufzeit der Seite im Browser. Der Besucher schaut sich die Seite bei "wirksam werden" des JavaScript/AJAX/JQuery-Bibliothek-Anteils bereits an z.B. Slide-Effekte, Menü-Effekte, Bild-Effekte, Teilaustausch von Inhalten etc.

JavaScript sagt: WIE VERÄNDERT SICH DIE SEITE BEIM BETRACHTEN
BENÖTIGT DIE STRUKTUR (HTML) ALS GRUNDLAGE
BRINGT BEWEGUNG UND DYNAMIK - "STELLT DEN ENTERTAINER UND PLATZSPARER"

JAVASCRIPT/AJAX/JQUERY-BIBLIOTHEKEN - DIE Dynamik-SPEZIALISTEN

Eine Website ist auch ohne JavaScript/AJAX/JQuery-Bibliotheken voll funktionstüchtig. Diese bringen jedoch zum einen Bewegung/Dynamik in die Website und zum anderen bieten Sie die Möglichkeit platzsparend zu arbeiten z.B. durch Teilaustausch von Inhalten während der Laufzeit! Einen Headerslider, ein Tabaustausch, ein asynchroner Inhaltsaustausch stellen nur einige der Möglichkeiten dar.

PHP (PHP HYPERTEXT PREPROCESSOR - DIE DYNAMIK UND KOMMUNIKATION AUF DEM SERVER)

PHP - PHP Hypertext Preprocessor bietet Ihnen die Möglichkeit der Ergänzung und der Belieferung einer Webseite im Zusammenspiel mit dem Server während der Laufzeit der Seite aus dem Hintergrund. Diese Sprache dient als Liefergrundlage von Inhalten z.B. aus Archivinhalten, aus Ordnern, Dateien oder kompletten Datenbankstrukturen.

PHP sagt: WIE VERÄNDERT SICH DIE SEITE BEIM BETRACHTEN/WELCHE BELIEFERUNG FINDET ZUSÄTZLICH AUS DEM HINTERGRUND STATT
BENÖTIGT DIE STRUKTUR (HTML) ALS GRUNDLAGE FÜR DIE DARSTELLUNG
PHP BELIEFERT AUS DEM HINTERGRUND - "PHP STELLT DEN LIEFERSERVICE"

SQL (STRUCTURED QUERY LANGUAGE - Die VERWALTUNG/ARCHIV AUF DEM SERVER)

SQL - Structured Query Language bietet Ihnen die Möglichkeit die Inhalte Ihrer Webseite auf der Basis der Grundlage einer Datenbankstruktur oder einer Datenbelieferung aus dem Hintergrund zu beziehen, um diese zur Bearbeitung geordnet und gegliedert bereitzustellen. Ein optimaler Einsatz von SQL erfolgt z.B. im Zusammenspiel mit HTML (BAU), CSS (DESIGN), PHP (BELIEFERUNG) und optional JavaScript (DYNAMIK).

SQL sagt: WELCHE INHALTE GEHÖREN WIE ZUSAMMEN
BENÖTIGT DIE STRUKTUR (HTML) ALS GRUNDLAGE FÜR DIE DARSTELLUNG
BENÖTIGT Z.B. PHP ALS KOMMUNIKATIONS- UND LIEFEREXPERTEN "SQL VERWALTET UND GLIEDERT IM HINTERGRUND"

CMS-Systeme (Inhalts-Verwaltungs-SystemE)

Wirken alle Sprachen bezüglich ihrer Einsatzbereiche zusammen liefert dies die Grundlage zur Erstellung/Umsetzung und Lauffähigkeit eines CMS-Systems.

Diese können bezüglich Ihres Einsatzes unterschiedliche Schwerpunkte bedienen z.B. Blog (WordPress), Firmenwebseiten (Typo3, Contao), kategorisierte Nachrichtensysteme (Joomla, Drupal) oder auch Ecommerce- und Verkaufssysteme (modified Shopsoftware, WooCommerce, Magento, Oxid eShop). Diese sollen Ihnen, egal in welcher Ausrichtung, die Arbeit und den Ablauf vereinfachen, die Inhalte Ihrer Website zu erstellen, zu verwalten und anzupassen.

Hierzu bestehen CMS-Systeme im Grundaufbau aus einer Visualisierungsebene im Browser - das Frontend für den Besucher sowie einer redaktionellen Verwaltungsstruktur im Hintergrund/Backend. Dieses besteht aus zwei Bereichen, der redaktionellen Oberfläche zur Verwaltung und Bedienung Ihrer Inhalte sowie der Verwaltung der Inhalte in einer gegliederten Struktur zu Abfrage (Datenbank).

CMS-Systeme sollen Ihnen die Arbeit vereinfachen, sich im Netz zu publizieren, ohne alle Sprachstrukturen im einzelnen erlernen zu müssen, sie machen sich in diesem Zusammenhang deren Zusammenspiel zu nutze.

Responsive Webseiten/Adaptive Webseiten und Mobile Webseiten

Responsive und Adaptive Webseiten
Die Inhalt der dargestellten Website bleiben auf jedem Zielgerät (Mobil oder Desktop) gleichwertig.
Die HTML-Datei bleibt im Grundbau und im Inhalt gleichwertig.
Die Aufteilung der Inhaltsabschnitte und semantischen Container bleibt gleichwertig.
Der Inhalt wird für die unterschiedlichen Ausgabegeräte jeweils mit neuen dafür ausgelegten CSS-Formatierungen versehen, dies kann sowohl vollständig fließend anpassbar erfolgen (responsiv) oder in Auslegung auf festgelegte Device/Gerätegrößen oder Größenbereiche angepaßt (adaptiv).
Die Verwendung/der Einsatz der einzelnen CSS-Formatierungen wird anhand von medialen Grenzen z.B. Bildschirmauflösung, Bildschirmgröße, Ausrichtung (orientation), Kombinationen etc. bestimmt. Hierzu werden mediale Grenzwerte gesetzt (Media Querys).
Die Website wird auf jedem Ausgabegerät über die gleiche Domain (www-Adresse) aufgerufen.

Entscheidung dafür

Eine responsive Website wird meist dann als Zieldefinition gewählt, wenn jeder Zielgruppe (Mobil oder Desktop) ein gleichwertiger Inhalt angeboten werden soll, explizit auf die Darstellungsmöglichkeit des Ausgabegerätes hin "gestaltet" via CSS-Definition (Media Querys) formatiert.

Mobile Website
Der Inhalt der dargestellten Website wird für die mobile Ausgabe optimiert und bezüglich der dargestellten Informationen auf die wesentlichen Schwerpunkte reduziert.
Die mobile Website stellt eine eigenständige reduzierte Website für die mobile Verwendung sowie der Darstellung der vorliegenden Inhalte dar.
Die Aufteilung der Inhaltsabschnitte und semantischen Container werden auf die mobile Verwendungsart optimiert neu umgesetzt und mit einer eigenständigen CSS-Formatierung im Vergleich zur Desktop-Variante belegt.
Die Bereitstellung der Daten der mobilen Website findet auf dem Server meist unter einer eigenständigen Verwaltung statt. Dieser wird oft mit Hilfe einer Subdomain der Hauptdomain über eine eigenständige Web-Adresse angesprochen. z.B. Hauptdomain: http://www.meineseite.de mit mobiler Subdoamin: http://mobil.www.meineseite.de
Der Wechsel zwischen beiden Ansichten erfolgt entweder bei Betritt der Seite auf Mobilgeräten oder als Linkoption nachträglich auf der Seite.
Es besteht bei der mobilen Website meist ein Neubau der Seite bezüglich der Möglichkeiten der Darstellung des optimierten Informationsangebotes auf die jeweiligen Ausgabesysteme und vor allem explizit auf die mobile Zielgruppe/Zieldefinition bezogen.
Das Angebot zum Wechsel auf die mobile Ansicht wird nach gerätesystemspezifischer Abfrage angeboten (Abfrage z.B. via PHP inkl. Weiterleitung).

Entscheidung dafür

Die mobile Website wird meist dann als Zieldefinition gewählt, wenn der mobilen Zielgruppe bezüglich der Website ein inhaltsoptimiertes Angebot zur Handhabe auf der begrenzten mobilen Darstellungsfläche zur Verfügung gestellt werden soll. Hier liegt das Ziel auf der Darstellung des zielgruppenspezifischen Inhaltes, nicht auf der Darstellung des vollständigen Erhaltes des Inhaltsangebotes der Desktop-Variante

Die mobile Website wird vor allem im Zusammenspiel mit CMS-Systemen gebraucht, da dieses dann beide Darstellungsansichten mit Inhalten beliefern kann. In der händischen Umsetzung würde es die doppelt angepasste Erstellung des Inhaltes/ der Website bedeuten.

ABSCHLÜSSE & Qualifikationen

Dipl. Multimedia Producer
(SAE International Technology College)
Cert. Multimedia Designer
(SAE International Technology College)
Bachelor of Arts and Multimedia
(SAE International Technology College)
Dipl. Informatiker TU
Entwickler für Online-Technologien, Digitale Medien, Web und IT

DFJV - Deutscher Fachjournalisten Verband

 


Fachjournalist (DFJV)

ACA Certified

 


Adobe Certified Associate
(Web Communication using Adobe Dreamweaver, Rich Media Communication using Adobe Flash, Visual Communication using Adobe Photoshop)

Unternehmensgründung im IT-Bereich
[Hasso Plattner Institut/OpenHPI]
Wie gestalte ich meine eigene Homepage
[Hasso Plattner Institut/OpenHPI]
IT-Recht für Softwareentwickler
[Hasso Plattner Institut/OpenHPI]
Webtechnologien
[Hasso Plattner Institut/OpenHPI]
Objektorientierte Programmierung in Java
[Hasso Plattner Institut/OpenHPI]
Social Media – What no one has told you about privacy
[Hasso Plattner Institut/OpenHPI]
Linux - Grundlagen
[Hasso Plattner Institut/OpenHPI]
Patentrecht - So schützen Sie Ihre Innovationen
[Hasso Plattner Institut/OpenHPI]
Künstliche Intelligenz und maschinelles Lernen
[Hasso Plattner Institut/OpenHPI]
Lesson Learned about Digital Education in Times of Crisis
[Hasso Plattner Institut/OpenHPI]
Blockchain - Revealing the Myth
[Hasso Plattner Institut/OpenHPI]
Datenschutz für Einsteigerinnen und Einsteiger
[Hasso Plattner Institut/OpenHPI]
Wie das Web teachnisch funktioniert
[Hasso Plattner Institut/OpenHPI]
Programmieren fürs Web
[Hasso Plattner Institut/OpenHPI]

Didaktische Qualifikationen
Methoden des kooperativen und selbstorganisierten Lernens

Ziel und lösungsorientierte Lernmethoden in der individuellen Weiterbildung

Virtuelles Lernen & E-Learning
Adobe Connect
Webex
GoToMeeting
Zoom
TeamViewer
Skype
Teams
BigBlueButton

Arbeitsbereiche & Qualifikationen

Full-Stack-Development
Web-Design und Web-Development
Digital Media IT-Beratung und IT-Consulting
Fachbuchautorin und Fachlektorin
Freiberufliche Fachjournalistin im DFJV - Deutscher Fachjournalisten Verband e.V.
Freie Dozentin/Trainer mit Schwerpunkt Online-Technologien, Digitale Medien, Web und IT)


Selma-Caroline Kannengiesser

E-Mail:

E-Mail - Mobil:

Berlin/Deutschland

Redaktionsbüro Kannengiesser

Selma-Caroline und Matthias Kannengiesser

Selma-Caroline und Matthias Kannengiesser

FACHBUCHPUBLIKATIONEN
Selma-Caroline & Matthias KANNENGIESSER

ActionScript 3.0,
Addison Wesley (Co-Autor)
Das Webdesignpaket für Flash 8,
Verlag Franzis (Autor)
Flash 8 – Durchstarten mit Flash 8, Hotstuff,
Verlag Franzis (Autor)
Flash 8 –Professional, Professional Series
Verlag Franzis (Autor)
Adobe Flash CS3 Powerworkshops,
Addison Wesley (Co-Autor)
Flash 8 Powerworkshops,
Addison Wesley (Autor)
Flash 8 –Espresso!, Taschenbuch 
Verlag Franzis (Autor)
Die Webbibliothek, Professional Series
Verlag Franzis (Co-Autor/Autor)
Webseiten mit PHP 5 & MySQL 4,
Verlag Markt und Technik (Fachlektorat)
PHP 5 Praxisbuch & Referenz
Studienausgabe,

Verlag Franzis (Fachlektorat)
PHP 5 & MySQL 5 – Master Edition,
Verlag Franzis (Autor)
PHP 5 & MySQL 5 – Studienausgabe,
Verlag Franzis (Autor)
PHP 5 & MySQL 4 – Studienausgabe,
Verlag Franzis (Co-Autor)
Flash MX 2004 – HotStuff,
Verlag Franzis (Autor)
PHP 5 - Das Praxisbuch,
Verlag Franzis (Fachlektorat)
ActionScript - Das Praxisbuch,
Verlag Franzis (Autor)
MySQL - Das Praxisbuch,
Verlag Franzis (Fachlektorat)
ActionScript - Die Profireferenz,
Verlag Franzis (Autor)
MySQL HotStuff,
Verlag Franzis (Fachlektorat)
MySQL 4 Espresso,
Verlag Franzis (Fachlektorat)

Nach oben