#webdesign -programmierung
shopsysteme … content management systeme … html … css … php … javascript …
nehmen sie ihre besucher für sich ein. geben sie ihnen mit ansprechendem design und intuitiven funktionen das gute gefühl, bei ihnen richtig zu sein. empfangen sie ihre besucher wie einen gern gesehenen gast. neben dem professionellen gesamteindruck und klarer struktur sind es die details, die ihren webauftritt professionell erscheinen lassen. und dann wäre da auch noch die auffindbarkeit bei google & co.! die basis ihrer marketingmaßnahmen wird schon von anfang an mit berücksichtigt.
https://contacto-mallorca.de
https://maike-birnbaum.de
https://wfd.de
https://dav-berlin.de
https://stasi-koenig-zimmermann-dasbuch.de
https://modeco-einrichtungen.de
https://embassyexperts.com
https://socius.de
https://schiermeyer.de
https://naturheilkunde-taube.de
https://ecta-gmbh.de
https://zenis.de
https://spreedocs.de
https://lotharodinius.com
https://cutiepie-berlin.de
https://triggerpunkte.info
#glossar
#webdesign #webdevelopment & – programmierung. websprachen und erklärungen rund ums web.
hier erhalten sie einen kleinen einblick in die welt der websprachen und ihrer funktionen. es geht dabei nicht um vollständigkeit, sondern um ein allgemeines verständnis für die, zumeist englische, fachterminologie. also verstehen sie diese erklärungen bitte einfach nur als reines “gut zu wissen”.
html / html5
html/html5 (hypertext mark-up language) ist eine sprache, die es ermöglicht, informationen im internet zu zeigen. das, was sie im internet sehen, ist die interpretation des so genannten quelltextes durch ihren browser (z.b. firefox, safari, internet explorer, chrome, usw.). die standards werden von der organisation w3c weltweit bestimmt und permanent aktualisiert.
css / css3
css / css3 ist die abkürzung für “cascading style sheets” – zu deutsch: übergeordnete stilvorlagen. mit hilfe von css kann man design-eigenschaften von webseiten definieren. z.b. ist es damit möglich, für verschiedene ausgabemedien unterschiedliche darstellungen vorzugeben. so kann man zentral die anzeige auf die geringeren seitenmaße von kleineren bildschirmen (smartphones, tablets) anpassen.
php | scriptsprachen
php ist eine open source-skriptsprache, die speziell für die webprogrammierung geeignet ist und in html eingebettet werden kann. php ist hauptsächlich auf serverseitige skripte fokussiert. man kann u.a. formulardaten sammeln, dynamische inhalte für webseiten generieren oder cookies senden und empfangen. das wesentliche ist tatsächlich, dass mit hilfe dieser skriptsprache inhalte ihrer website direkt vom server ausgegeben werden können.
javascript | scriptsprachen
javascript ist ebenfalls eine scriptsprache. diese scripts werden innerhalb des html-codes einer website eingefügt und dann durch den browser ausgeführt. die sripts ermöglichen dynamische funktionen, ohne dass sie auf einem server ausgeführt werden müssen. z.b. berechnungen, bewegungen, zähler, usw. heutzutage sind alle browser so eingestellt, dass sie gefundene scripte direkt ausführen. dies kann jedoch vom nutzer ausgestellt werden.
sql | datenbanken & server
sql steht für structured query language. es handelt sich um eine strukturierte abfragesprache. eine der beliebtesten sql-datenbanken ist mysql. die verwendung besteht ausschließlich in der möglichkeit daten aus einer datenbank zu selektieren, einzutragen, zu aktualisieren und zu löschen. klassisches beispiel einer datenbankanwendung ist das “suchen von adressen, personen, orten, produkten, usw.” auf webseiten und shops.
wordpress
wordpress ist momentan das wohl verbreitetste content management systeme und wird open source (kostenlos unter lizenz) zur verfügung gestellt. den schwerpunkt bilden ästhetik, webstandards und benutzerfreundlichkeit. wordpress basiert auf php und mysql und wird allen ansprüchen an einen professionellen webauftritt gerecht.
typo3
typo3 ist ein sehr stark verbreitetes content management system und wird open source (kostenlos unter lizenz) zur verfügung gestellt. es ist für nutzer leicht und intuitiv zu bedienen und erleichtert ihnen die stetige aktualisierung und den ausbau ihrer webpräsenz. die websiteerstellung ist durch eine eigene struktursprache (typoscript) deutlich aufwändiger. das größte plus ist die ausgefeilte rechtevergabe.
contao
contao ist ein open source content management system (cms) für alle, die wert auf eine professionelle internetpräsenz legen und diese einfach pflegen möchten. es basiert ebenfalls auf php und mysql. die moderne architektur des systems bietet einen hohen sicherheitsstandard, erlaubt die entwicklung suchmaschinenfreundlicher und barrierefreier webseiten und ist flexibel und kostengünstig erweiterbar.
was ist cms?
cms = content management system (dt: inhaltsverwaltungssystem)
ein cms ist eine software zur erstellung und bearbeitung von inhalten (content) zumeist in webseiten, aber auch in anderen medienformen. besonderer wert wird bei cms auf eine medienneutrale datenhaltung gelegt. so kann ein inhalt auf wunsch beispielsweise als pdf- oder als html-dokument abrufbar sein; die formate werden bei voll dynamischen systemen erst bei der abfrage aus der datenbank generiert.
bei der online-textverarbeitung wird entweder ein gesondertes backend angeboten oder berechtigte können direkt in der darstellung bearbeiten.
die texteingabe erfolgt, je nach kenntnisstand des bearbeiters beziehungsweise umfang des content management systems, entweder über einen wysiwyg- oder einen texteditor. um den inhalt in seiner endgültigen version zu sehen, wird meist eine vorschaufunktion geboten. (quelle: gekürzt wikipedia).
trennung von inhalt, struktur und design
die teilung der drei grundbestandteile jeder webseite bringt entscheidende vorteile. das design wird unabhängig von inhalten erstellt – struktur und inhalt verhalten sich entsprechend der anlage des designs von alleine.
einfache inhaltseingabe – ohne programmierkenntnisse
in der grafischen benutzeroberfläche können texte geschrieben, bilder und multimedia-daten einfügt und inhalte zeitlich gesteuert werden. so wird eine dynamische webseite aufgebaut und gepflegt.
die vorteile eines cms
wann und wo sie möchten
- funktioniert mit jedem gewöhnlichen browser (z.b. chrome/internet explorer/firefox/safari). sie können content generieren, wann und wo sie möchten.
ohne technisches wissen
- wer textverarbeitung beherrscht, kann auch online inhalte erstellen. keine html- oder sonstige programmierkenntnisse erforderlich.
jeder wie er darf und kann
- benutzern können berechtigungen zugewiesen werden, wodurch die unautorisierte veränderung von inhalten verhindert wird.
keine unabsichtliche designänderung
- inhalte werden vom design getrennt gespeichert. folglich wird der gesamte inhalt in einem design konsistent ausgegeben.
automatische navigationserstellung
- menüs werden aus den datenbankinhalten erzeugt. verlinkungen werden nur dargestellt, wenn sie auf gültige seiten verweisen.
speicherung der inhalte in einer datenbank
- zentrale content-speicherung bedeutet, dass inhalte an verschiedenen stellen wiederverwendet werden und für das jeweilige medium formatiert werden können.
inhalt just in time
- die veröffentlichung von inhalten ist zeitgenau steuerbar. content kann im hintergrund vorbereitet und nur von berechtigten usern vorab eingesehen werden.
#webconsulting
projektberatung … webkonzeption … social media … schulungen …
planung und konzeption sind für eine erfolgreiche internetpräsenz wesentliche bausteine. ich berate sie umfassend und professionell, damit sie ihre gesteckten ziele erreichen. ob sie mit mir ihren online-shop umsetzen möchten, ein neues unternehmen gründen oder unterstützung für größere webprojekte benötigen … ich bin gerne für sie da.
sie möchten sich in den modernen webtechnologien weiterbilden? ich biete einzel- und firmenschulungen zu vielen themenbereichen der digitalen medien …
#projektberatung
gemeinsam handeln
ich sorge gerne dafür, dass ihr webprojekt von anfang bis ende spaß macht. vom ausführlichen erstgespräch bis zur kontinuierlichen kommunikation während des projektes tauschen wir ihre ideen mit meinem know-how aus. gemeinsam schaffen wir ein einzigartiges und gern gesehenes ergebnis, das sie und ihre nutzer begeistert.
terminverbunden
sie haben einen starttermin für ihr projekt? eine deadline ist unbedingt einzuhalten? lassen sie uns gemeinsam dafür handeln, dass die zeit ein freund ist.
budgettreu
meine angebote sind in der regel festpreise, die im vorfeld genau kalkuliert wurden. daran halte ich mich. sollte das buget aus unvorhersehbaren gründen nicht ausreichen, weise ich sie frühzeitig darauf hin. es gibt immer eine lösung.
sie haben etwas zu sagen
ihre inhalte und die struktur hierfür müssen benutzerfreundlich und übersichtlich wahrnehmbar sein. eine website hat mehr als eine sprache. farben, bildauswahl, texte… ihre ideen und meine kreative unsetzung machen ihr webprojekt erfolgreich.
social media – das soziale netz sinnvoll nutzen
brauchen sie das? wollen sie das? facebook, twitter, instagram & co. können nützliche kommunikatoren für ihr unternehmen sein. gerne berate ich sie über sinn und unsinn dieser digitalen welten und entwerfe mit ihnen ein erfolgversprechendes konzept.
seo – suchmaschinenoptimierung
bei google & co gefunden zu werden, ist eine starke motivation. schließlich wird ihre website nur gesehen, wenn man sie auch finden kann. ich berate und begleite sie auf dem weg an die spitze der suchergebnisse. onpageoptimierte websites und offpage – werbekampagnen bei google.
für agenturen und unternehmen
gerne unterstütze ich sie in konzeption und planung ihrer kundenprojekte. ob ausschließlich beratung und projektmanagement oder auch als komplettpakete … ich stehe ihnen gerne zur verfügung.
#schulung und weiterbildung
als freie dozentin unterrichte ich die wesentlichen themen im bereich digitale medien und webanwendungen in form von weiterbildung und schulung. sie können mich sowohl für modulare systeme, als auch für firmen- und einzelschulungen buchen.
meine unterrichtsformen sind flexibel und auf die bedürfnisse der wissensvermittlung ausgelegt. ob einzelschulung oder kleine gruppen, ob modulare individualtrainings oder stunden-/tageweise workshops – ich gehe flexibel und mit fundiertem wissen auf die bedürfnisse der lernenden ein.
die unterrichtsgestaltung ist persönlich und individuell – die studierenden sollen die themen nicht nur “abarbeiten”, sondern die inhalte möglichst umfassend verstehen und in der praxis einsetzen können. theoretische unterrichtseinheiten wechseln sich daher mit praxisnahen übungen ab. das erlaubt den studierenden erfahrungsgemäß ein maximales verständnis des themas und tiefere einblicke in komplexe zusammenhänge.
schulungsanfragen
was können sie von mir erwarten?
- fundierte schulungsunterlagen und tutorials zu den jeweiligen themen.
- theoretische unterrichtseinheiten zur wissensvermittlung in abwechslung mit praktischen übungseinheiten.
- geduld und einfühlungsvermögen. “es gibt keine dummen fragen – nur dumme antworten”
- passende umgangsformen und didaktische herangehensweise.
schulungsformen
- individuelle einzeltrainings und kleine gruppen (bis max. 5 teilnehmer)
- weiterbildungsangebote (modulare systeme)
- seminare (stunden- und tageweise)
- workshops (stunden- und tageweise)
schulungsort
in der regel findet die schulung bei ihnen vor ort (deutschlandweit) statt. webinare oder zugeschaltete teilnehmer mit adobe connect, webex oder gotomeeting sind ebenfalls möglich.
schulungsthemen
- html / html5 – basis / aufbau
- css / css3 – basis / aufbau
- responsive webdevelopment -basis / aufbau
- web apps und hybrid apps – basis / aufbau
- javascript / jquery -basis / aufbau
- php / mysql – basis / aufbau
- content management systeme – basis / aufbau
wordpress redaktion oder development
typo3 redaktion oder development - e-commerce shopsysteme – basis / aufbau
magento redaktion
xtc:modified redaktion
woocommerce redaktion oder development
referenzen
- indisoft weiterbildung, berlin
- 1. berliner fleischer fachschule, berlin
- neue schule für fotografie, berlin
#grafik
logo, grafik, typografie … visitenkarten, briefpapier, formulare … flyer, broschüren, plakate …
sie gründen ein neues unternehmen? sie benötigen “frischen wind” in ihrer werbung? sie möchten gerne “alles in einer hand” wissen?
ob logo, flyer, visitenkarte oder präsentationen … ich setze ideen kreativ und professionell um.
für print- oder online-medien. für sie
Die Stasi, der König und der Zimmermann, Buchcover für Petra Riemann, Website, Flyer, Plakate
Maike Birnbaum – Logo, Geschäftsausstattung, Website
Jana Vorwerk Zahnarztpraxis – Logo, Geschäftsausstattung, Schilder
AcoBeSmart Imagebroschüre
Havelpraxis Allgemeinmedizin – Geschäftsausstattung, Praxisschilder
ISB Data Imagebroschüre, Website, Messepanele
Pro Comitas / Mea Domus – Logos, Geschäftsausstattung, Websites, Schilder
Hawaii entdecken – Website, Imageflyer
BM Facility Management – Logo, Geschäftsausstattung, Flyer, Website
Glöckner Soziotherapie – Logo, Geschäftssausstattung, Flyer
Ecta GmbH – Logo, Geschäftsausstattung, Website
Connectomix – Logo, Geschäftsausstattung, Website, Flyer, Grafiken
#preise
website, homepage …
jedes webprojekt ist anders. dennoch möchte ich versuchen, ihnen meine leistungen transparent zu machen. unten stehende kalkulationen sind als anhaltspunkt für sie zu verstehen.
online-shops …
… mit woocommerce, magento, oxid oder prestashop beginnen in der preisgestaltung ab 2.400,00 €.
seo und social media …
lassen sie uns über ihre ideen sprechen. gerne erhalten sie von mir ein angebotspaket für ihre marketingmaßnahmen zusätzlich zu ihrer website.
grafik, logo, flyer, geschäftspapiere …
lassen sie uns über ihre ideen sprechen. gerne erhalten sie von mir ein individuelles angebot für ihre grafischen anforderungen.
existenzgründung, start-up …
für ihr neues unternehmen mache ich mich stark. bitte erfragen sie ihr “rundum-sorglos-paket” für z.B. logo, geschäftsdrucksachen, website und social media. komplettpreise schon ab 2.500 € netto.
schulung und weiterbildung …
individuell auf ihre bedürfnisse zugeschnitten, biete ich seminare für halbe oder ganze tage oder auch mehrtägig an. bitte erfragen sie ihr angebot entsprechend ihrem bedarf. als dozentin für institute und öffentliche träger: wochen- oder 2-wochen-kontingente auf anfrage. die preise richten sich nach modulanforderung.
einzelabrechnung nur 1,50 € / minute*
* 90,00 € je 60-Minuten-Std. Es werden angefangene halbe Stunden abgerechnet. Netto zzgl. ges. USt.
websitepflege und wartung
für die systemwartung übernehme ich gerne ihren auftrag. von s-xl stehen ihnen 4 pakete zur verfügung. ich biete ihnen jederzeit kündbare jahresverträge ohne automatische verlängerung. bitte erfragen sie ihr unverbindliches angebot.
s – ab 45,- € netto zzgl. ust./monat
m – ab 60,- € netto zzgl. ust./monat
l – ab 90,- € netto zzgl. ust./monat
xl – ab 120,- € netto zzgl. ust./monat
Web S
Ihre Visitenkarte im weltweiten Netz. Lassen Sie sich suchen und finden.
- 1 Seite
- Individuelles Design
- html5 / css3
- Logoeinbindung
- Adresse mit Emailkontakt
- Responsive Webdesign
Web M
Kleine Website mit großer Qualität. Der perfekte Start ins www …
- bis 5 Seiten
- Individuelles Design
- html5 / css3
- Logoeinbindung
- Kontaktformular
- Google Karte
- Audio-/Video Einbindung
- Einfache Suchmaschinenoptimierung (onpage)
- Responsive Webdesign
Web L
mittlere website mit cms, die Sie selbst bearbeiten können
- bis 10 seiten
- individuelles design
- cms wordpress
- logoeinbindung
- kontaktformular
- besucherstatistik
- lightbox bildervergrößerung
- google karte
- animierte dia-show
- audio-/video einbindung
- sitemap seitenübersicht
- homepage suchfunktion
- einfache suchmaschinenoptimierung (onpage)
- responsive design
Web XL
Große Website mit CMS, Mehrsprachigkeit und erweiterte Funktionen
- bis 25 seiten
- individuelles design
- cms wordpress / typo3 / contao / …
- logoeinbindung
- kontaktformular
- besucherstatistik
- lightbox bildervergrößerung
- google karte
- animierte dia-show
- audio-/video einbindung
- sitemap seitenübersicht
- homepage suchfunktion
- einfache suchmaschinenoptimierung (onpage)
- ggf. geschützter bereich (mitglieder)
- ggf. mehrsprachigkeit
- homepage suchfunktion
- ggf. newsletter anmeldung
- responsive design
#tipps #news #infos
hier informiere ich über neuigkeiten aus web, grafik und foto.
dabei kann es sich um die dsgvo, neue designs oder auch ganz neue technologien im web gehen. und ich stelle immer mal wieder technische informationen, codesnippets und kleine tutorials ein.
Favicon in die Webseite einbinden
Tutorial: Wie ihr ein Favicon in die Webseite einbinden könnt. Das "favourite icon", das so genannte Favicon, ist ein kleines 16x16 oder 32x32 Pixel großes Bild, das in der Adressleiste des Browsers oder in den Lesezeichen angezeigt wird. Dieses Icon wird eingesetzt,...
Der gültige HTML5 Doctype
Auch wenn der moderne Browser inzwischen weitgehend ohne ihn auskommt ... Es sollte immer ein valider / gültiger HTML5 Doctype genutzt werden. Bei fehlendem oder falschem Doctype schaltet der Browser in den Kompatibilitätsmodus (Quirks) um. Dieser ist langsamer und...
WordPress Tutorial – das führende Content Management System (CMS)
WordPress ist momentan das weltweit führende Content Management System (CMS), basierend auf der Scriptsprache PHP und dem Datenbanksystem MySQL. Es ist kostenfrei (also Open Source Community Software), relativ leicht zu installieren und bringt alles mit, was ihr euch...
jQuery in HTML einbinden
Leicht verständliches Tutorial über das Einbinden des JavaScript-Framework jQuery auf Webseiten. Ich stelle euch 2 Arten vor, wie jQuery in die HTML-Website eingebaut wird. Zu allererst: Welche jQuery-Version wird benötigt? Normalerweise wird immer die aktuellste...
christiane´s vita im überblick
seit 2005
- christiane weigel, berlin
webdevelopment | webdesign | grafikdesign | fotodesign - indisoft. die weiterbilder, berlin
freie dozentin für html/html5, css/css3, javascript, php, cms und ecommerce
seit 1993
- weigel´s werbeteam, bad oeynhausen
ein-& verkauf, edv-organisation, printdesign, digitaler großformatdruck, folienbeklebung, kaschierungen, messebau
1992-1994
- schäfer werbemittel siebdruckerei/displaybau, wunstorf
kaufm. leiterin, ein-& verkauf, druckvorbereitung, team iso9001, digitale druckvorstufe, printdesign
1987-1991
- ak-werbefotografie armin kammer, löhne-wf.
produktionsleiterin werbe- & möbelfotografie, einkauf, vertrieb, teamkoordination, netzwerkadmin
1982-1986
- pe-color-studio, kassel
fotofachlaborantin für großfotos, ab 1989 laborleiterin, ausbilderin, einkauf, vertrieb, teamkoordination - fotografin, wilhelmshaven und landsberg/lech
- fotografin, wilhelmshaven
berufsausbildung hwk oldenburg
christiane weigel
mit fünf jahren stand ich das erste mal in vaters dunkelkammer. der berufswunsch wurde dann auch realität. nun beschäftige ich mich seit mehr als dreißig jahren mit allen bereichen der werbung.
in meiner freizeit freut sich milla über ausgedehnte streifzüge durch brandenburg. außerdem reise ich gerne, wenn auch viel zu wenig. literatur und bildende kunst interessieren mich brennend. und ich liebe mein berlin – vom grunewald bis nach pankow finde ich immer wieder neue ecken, die auch mal ein foto lohnen… oder einfach nur zu cappuccino mit torte einladen.
als ausgebildete fotografin und zertifizierte webdesignerin und webprogrammiererin vereine ich kreativität mit produktivität.
ich unterrichte als freie dozentin digitale medienkunde und webanwendungen (scriptsprachen (php, javascript, frameworks, bibliotheken)), content management systeme (wie wordpress, typo 3, drupal, …), e-commerce systeme (wie magento, xtc-modified, prestashop, …) und mobileapps.
die aktuellen web- und designtrends und stetige weiterbildung in den modernen technologien sind für mich ebenso selbstverständlich, wie konsequent attraktive preise mit interessanten lieferzeiten.
milla´s vita im überblick
seit 2014
- christiane weigel, berlin
ist echt klasse hier. ich kann so viel schlafen wie ich will. und ich will fast immer.
seit 2011
- angeblich am 1. januar geboren. stimmt wohl eher nicht, aber wer weiß das schon so genau. meine tolle tierärztin sagt, ich bin ungefähr 10-11 jahre alt (sieht sie an meinen zähnen und den knochen)
milla (ludmilla) weigel
“aus einem rumänischen tierheim entkommen, bin ich nun schon seit knapp 5 jahren hier. ich kann alles, was ein gut eingebürgerter hund können muss. manchmal finde ich menschen etwas “gruselig”, aber christiane hat mir gesagt, dass die leute hier alle ganz prima sind. meistens glaube ich ihr ? meine hobbies sind: über felder rennen, schnüffeln, kuscheln, mit leckerlies spielen, …”
als gestandene straßenhündin bin ich sehr kreativ im umgarnen meiner lieblingsmenschen. produktivität ist eher nicht so meins, aber so what ?
mein job hier:
kreative fibu, entspannungscoach und leckerli-verkosterin
meine sprachkenntnisse:
rumänisch (fließend, aber manchmal vergesse ich schon was), hündisch (fließend, aber sowas von!), deutsch (mit Akzent, aber inzwischen fließend)
besonderes:
fledermausohren, doof nierenkrank, gaaaaaanz lieb, manchmal etwas verunsichert, extrem verkuschelt
kontakt
christiane weigel
#webdesign #webconsulting #grafik
onkel-tom-straße 115
d-14169 berlin-z*dorf
mobil 0170 7360372
email info@christiane-weigel.de