Realisierung einer Website mit. Content Management System & responsive Design. Medienintegration WS 2011/12 + S012. Dokumentation

Größe: px
Ab Seite anzeigen:

Download "Realisierung einer Website mit. Content Management System & responsive Design. Medienintegration WS 2011/12 + S012. Dokumentation"

Transkript

1 Realisierung einer Website mit Content Management System & responsive Design Medienintegration WS 2011/12 + S012 Dokumentation Alisia Schäfer Anika Cerkowniak Jonas Schönauer Stefan Kalberlah Stefanie Egenhofer Tobias Jeschke

2 Inhalt KONZEPTION: Expose KONZEPTION: Treatment KONZEPTION: SCREENBOOK UMSETZUNG: Änderungen UMSETZUNG: Produktion PRODUKT: Projektstand PRODUKT: Zukunft 2

3 ToastedFILMS -Webseite + Responsive Design + CMS 3

4 KONZEPTION: Expose Ziele Webauftritt als Plattform für Referenzen und Informationen über Filmprojekte unserer Studentengruppe toasted films' mit Fokus auf Plattformkompabilität( Zentrale Datenbasis und CI-Guidelines bedienen unterschiedliche Ausgangsformate) Vereinfachung der Kommunikation zwischen Teammitgliedern und Stakeholdern (Interessierte, Sponsoren, Schauspieler) Weitere Ziele Entwicklung eines Corporate Designs speziell für den Webbereich Entwicklung plattformspezifischer Layouts / Interaktionselementen (PC, Tablet, Mobilgeräte, letztere mit touchscreenoptimiertem Interface) Besucher der Webseite können Videos/Filme/Trailer anschauen Besucher können Kontakt über ein spamsicheres Kontaktformular aufnehmen und Kommentare auf jeder Seite hinterlassen Besucher können Informationen zu Gruppe und Filmen abfragen Zu toasted films passender Auftritt, mit dem sich die Mitglieder identifizieren können Bedienungsfreundliches User-Interface Verwendete Medien selbstproduzierte Videos Bilder selbstproduzierte Animationen Text Sound (atmosphärische Hintergrundmusik) 4

5 Zusatz Features User-Interface für verschiedene Bildschirmformate (PC und mobile Endgeräte) Blog/Kommentarfunktion Kontaktformular Social-Media-Links Geplante Technik bei der Produktion Aufbau mit CMS HTML 5 / CSS 3 PHP / PHP Frameworks Javascript / Javascript Frameworks 3D-Animation mit Blender / AfterEffects Platformen Webseite normal (mit Unterstützung 1280 x 1024 bis 1920 x 1080 Pixel) Tablet-Version (Ipad/Android) Mobile-Version (Iphone/Ipad) Usability Der User soll nicht nur das Höchstmaß an Funktionalität und Inhaltsstruktur erhalten, es soll ihm Spaß bereiten, auf der Site zu navigieren. Hierzu sollen die für die jeweilige Plattform zur Verfügung stehenden Mittel optimal ausgereizt werden. Um dies zu erreichen, werden 2 Usability-Testserien durchgeführt: - interner Test innerhalb des Produktionsteams - externer Test mit unbefangenen Testern standartisierte Testszenarios (z.b. Auffinden eines bestimmten Contents) werden mittels eines Evaluationsformulars erfasst und mit einer Datenbank ausgewertet 5

6 Interaktivität Navigation (smooth, mit Effekt unterlegt) Easteregg (kleine Spielereien, bei Inaktivität des Users [tanzender Toast, Lagerfeuer]) Toastkochbuch (interaktiv zum Blättern) Memory?? verschiedene Atmosphäreneinstellungen? (seriöser Modus, verspielter Modus) Inhalte SOUND Unauffälliger atmosphärischer Flächen- oder Ambientesound oder Geräusche In Harmonie mit den visuellen Elementen und den Aktionen des Nutzers Evtl. verschiedene Soundwelten je nach gewähltem Design / Atmosphärenmodus 6

7 Skizzen 7

8 KONZEPTION: Treatment Logodesign Das Logo von toastedfilms entstand während der Projektplanungsphase. Zunächst wurden alle Wünsche der Gruppe diskutiert, um zu erfahren in welche Richtung es gehen sollte. Recht schnell kam die Idee auf, einen Toast in das Logo zu integrieren, da es einen gewissen Wiedererkennungswert hat und gleichzeitig auch den Namen widerspiegelt. Über den Namen wurde ebenfalls lange nachgedacht. Letztendlich sollte es beim Grundlogo aber bei der Namensendung FILMS bleiben, da dies der Ursprung der Gruppierung war und die Wurzeln gerne erhalten bleiben sollten. Wir haben beim dem Logonamen jedoch darauf geachtet, dass es auch für mehrere Medien einsetzbar ist, da wir uns als vielfältige Medienproduzenten betrachten. So könnte man je Arbeitskategorie das Logoende abändern in die Namen: toastedgames toastedmedia toastedgraphics... Die Farbgebung des Toast-Icons ist als Grundversion in kirschrot geplant,jedoch sollte die Farbe je Kategorie variieren können. In unserem Fall bedeutet dies, dass die Abteilung toastedgames beispielsweise einen grünen Toast erhält und das Corporate Design an dieser Farbe ausgerichtet wird. Für ältere Mediengeräte wie zum Beispiel Fax wäre auch denkbar das Logo komplett in Graustufen zu halten, sodass es zu keinem Verlust der Qualität des Logos kommen kann. 8

9 Farbgestaltung Unsere Website soll mit einem einheitlichen Farbsystem gekennzeichnet sein. Wir haben uns für folgende Farbkomposition entschieden: Das Feuerkirschrot möchten wir bereits in unserem Logo verwenden. Somit spielt es eine erhebliche Rolle in unserem Corporate Design und muss sich auch auf unserer Website wiederspiegeln. Rot ist eine sehr impulsive und Aufmerksamkeit erregende Farbe. Durch den etwas dunkleren Ton in unserem Farbkonzept wirkt es trotzdem edel. Rot assoziieren Menschen mit Leben und Liebe, weshalb diese Farbe die emotionale Ebene des Betrachters anspricht. Rot wirkt attraktiv, jung und sexy. Gleichzeitig wirkt es warm und edel. Schon den Königen war im Mittelalter das seltene und edle Rot vorbehalten. Wir möchten mit dem Feuerkirschrot edel, attraktiv und emotional auf unsere Besucher unserer Seite wirken. Auch das Anthrazit hat eine wichtige Rolle in unserem Farbkonzept. Das dunkle Grau passt zu jedem Farbton, gleichzeitig wirkt es bestimmender als weiß oder grau. Es setzt sich vor schwarz immer noch ab und wirkt im Zusammenspiel mit Rot sehr devot, aber edel. Das kühle und helle Eisblau soll einen komplementären Kontrast zum Feuerkirschrot bilden. Die beiden Komplementäre wirken zusammen sehr interessant uns frischen das Farbkonzept auf, da wir als junge Menschen erfrischend jung wirken möchten. Trotzdem soll das Eisblau nur für kleine Akzente und als Ergänzung eingesetzt werden. Schwarz wird für Fließtexte eingesetzt, weil sich schwarz am besten lesen auf helleren Untergründen lässt. 9

10 Typographie Unsere Typografie werden wir in diesem Projekt recht schlicht und klar wählen, da die Medieninhalte in Vordergrund gerückt werden sollten. Diese schlichten Schriften werden sein: Tahoma Myriad Pro Alle Schriften sind serifenlos und linear, was eine gewisse Moderne und Frische zeigen soll aber auch eine Eleganz aufweist, die sich im Design wiederspiegeln soll. Über- und Unterhöhe sind harmonisch ausgeglichen, die Strichführung auf eine gleichbleibende Stärke Arial Narrow bedacht und die Buchstabenabstände ergeben ein geschlossenes Standbild, unabhängig welches Wort sie auch wählen. Tablet-PC und Standard-PC eine große Rolle spielen wird. Der Schriftschnitt dieser drei Schriften ist gerade stehend, dies steht in der Regel für Seriösität, Organisation und Geradlinigkeit: Eigenschaften, die die Gruppe auszeichnet. Zudem sollte die Typogafie Der große Vorteil von serifenlosen, linearen Schriften ist die optimale Lesbarkeit an Bildschirmen, was in unserem Projekt durch die verschiedenen Plattformen von Smartphones, einen Gegensatz zu den kreativen Projekten bilden, sodass das Erscheinungsbild immer mit Spannung geladen ist. nicht zur Verfügung steht. 10 Myriad Pro und Arial bilden die Ersatzschriften für den Webauftritt, falls einem User Tahoma

11 11

12 12

13 13

14 Zielsetzung: Unsere Webseite soll eine Plattform zur Präsentation unserer bisherigen und zukünftigen Projekte darstellen, welche die Möglichkeit zur Kommunikation mit Stakeholdergruppen sowie Diskussion mit Interessierten und Künstlern schafft. Content Dabei ist es uns wichtig, Kompetenzen aufzuzeigen. Die Webseite soll also sowohl durch ihre Layoutgestaltung wie auch die inhaltliche Strukturierung professionell wirken. Dabei soll sie die ganze Projektpalette der toasted-gruppe zur Schau stellen. und Diskussion gegeben werden. Dies wird durch die Implementierung einer Kommentarfunktion sowie den Einbindungsmöglichkeiten in soziale Netzwerke ermöglicht. Hier wird die Möglichkeit des Internets genutzt, Inhalte zu verbreiten und durch stete Kritik zu verbessern. Den Besuchern wie auch den Mitgliedern der Gruppe soll die Möglichkeit zur Kommunikation Inhalt innerhalb als auch außerhalb des Studiums umgesetzten Projekte präsentieren. Dies bedeutet uns deshalb sehr viel, da wir einerseits eine Plattform schaffen wollen, die uns als Mediengestalter repräsentiert, aber auch die Möglichkeit zur Kommunikation und Kritik bieten wollen. Dies soll heißen, dass im Sinne von Kunst und Unterhaltung den Besuchern die Möglichkeit gegeben wird, über die Projekte zu diskutieren, d. h. festzuhalten, Die Webseite der Gruppe toastedentertainment soll die bunte Palette der bisher sowohl welche Anteile sehr gut ausgestaltet waren und wo noch Lücken oder Fehler sind. So ermöglichen wir unseren Projekten eine stete Weiterentwicklung unter Berücksichtigung der Ansprüche von Kunst und Konsument. Um diese Möglichkeiten bieten zu können, müssen die Inhalte sowohl übersichtlich und ineinander übergreifend, aber dennoch als getrennte Teile eines Ganzen strukturiert werden. Im Hauptmenü soll unterschieden werden zwischen den Punkten News, Team, Film, Bild, Games und Audio. Zusätzlich kommt zum Hauptmenü eine Kontaktfunktion hinzu, die vor allem in ihrer Wichtigkeit für Filmproduktionen (Bewerbung der Schauspieler, Interessenten an DVDs ) deutlich sichtbar und sofort zugänglich sein sollte. Während die meisten Sparten des Hauptmenüs zur Präsentation der Projektpalette dienen, grenzen sich die Bereiche News und Team davon ab. Diese sollen Information bieten, wie auch deren Verbreitung in sozialen Netzwerken wie Facebook oder Google+ unterstützen. Die News-Seite soll nach Aktualität geordnete Beiträge bieten, wie auch ein 14

15 15

16 Sound auf Webseiten erzeugt immer ein Dilemma: Einerseits erweitert er die Möglichkeiten Sound zur ansprechenden Gestaltung durch eine weitere Medienform, was der Atmosphäre beim Betrachten der Website enorm zu Gute kommt. Andererseits fühlen sich viele Leute durch unaufgeforderten Sound im Webbrowser gestört. Für die toasted-webseite versuchen wir, dem Benutzer genau jene Entscheidungsfreiheit zu lassen, um ihm ein mediales Ereignis zu bieten, wie er es bevorzugt. Der Benutzer könnte zum Beispiel die Möglichkeit haben, auszuwählen, ob er nur auf Informationssuche ist und schnell und ungehindert über ein bestimmtes Projekt informiert werden will. In diesem Fall wird das Design funktional ausfallen und Soundeffekte kaum Hierzu wird die Präsenz und Intensität der Soundeffekte an bestimmte Designs gekoppelt. oder garnicht vorhanden sein. Wählt er dagegen aus, mehr an der Gruppe selbst, ihrem Wesen und Leitlinien interessiert zu sein, wird er eine verspieltere, aufwändiger gestaltete aufzubauen. Sound als Teil der Website soll dabei - je nach technischen Gegebenheiten und Möglichkeiten der einzelnen Plattformen - wenn möglich dynamisch gestaltet sein. Das bedeutet nicht nur Vermeidung statischer (und somit auf Dauer nervender) Sound-Clips, sondern Website antreffen, die auch Klangelemente benutzt, um eine bestimmte Stimmung viel mehr die Zusammensetzung einer hörbaren Klangcollage aus verschiedenen Basiselementen, die sich dem Nutzerverhalten bestmöglich anpasst. Beispielsweise soll der Effekte gestört werden. Dagegen kann eine ereignisreicher Klangeindruck beim Navigieren zu einem neuen Projekt gleich auch auf Audio-Ebene einen Willkommenseindruck vermitteln. Abgesehen von Sound in der Website selbst, wird er auch im Inhalt eine Rolle spielen. So sind zum Fachbereich Audio tiefergehende Informationen zu Projekten, in denen Sound eine größere Rolle spielte, geplant. Dazu gehören bspw. Einblicke in die Audioproduktion des einzelnen Projektes, Kommentare des Soundverantwortlichen oder auch spezielle Hörbeispiele von relevanten Teilen. 16 Betrachter beim Lesen eines längeren, beschreibenden Textes nicht durch aufwühlende

17 Multimedia // Animationen mit der JavaScript-Erweiterung jquery Wie es bei so vielen Dingen im Web der Fall ist, lässt sich auch die Skriptsprache JavaScript über Plugins und Bibliotheken erweitern. Eine im Webdesign häufig verwendete Erweiterung ist jquery, die in ihrer Beschreibung kann mit einfachen und in den meisten Fällen kurzen Befehlen eine große Anzahl an Ereignissen und Effekten ansprechen und auslösen. Dazu zählen Eventhandler wie mouseover, bei dem ein Ereignis beim Überfahren eines Bereichs mit der Maus ausgelöst wird, das schlichte erscheinen und verschwinden lassen von Elementen, aber eben auch komplexe Animationen. Zu diesem Zweck kann jquery selbst wiederum mit Plugins mit write less, do more vorgestellt wird. Genau das ist auch das Konzept: Der Programmierer erweitert werden. An diesem Punkt setzt die Animationen auf der Startseite des Webauftritts von toasted Films an. Wir möchten dort eine animierte Navigation einbauen, die mit Roundabout for jquery (im Folgenden kurz Roundabout genannt) umgesetzt ist. Roundabout ermöglicht es, beliebige Objekte Texte, Bilder und vieles mehr in einer kreisförmigen oder ähnlich aussehenden Struktur anzuordnen. Mit einem Klick auf eines der Objekte rotiert dieses in den Vordergrund und kann dann weitere Ereignisse auslösen. So können zum Beispiel Beschreibungen eingeblendet oder das Objekt als Navigationselement verwendet werden. Diese letztgenannte Eigenschaft werden wir uns zu Nutze machen, um dem Besucher den Zugang zu unserer Seite zu eröffnen. Wie das Menü genau aussehen soll, steht bei uns derzeit noch zur Diskussion. Einen Überblick über die Möglichkeiten, die Roundabout bietet, erhält man auf der Webseite des Projekts. Alternativ lässt sich das Ganze auf der Demoseite auch interaktiv ausprobieren, 17

18 und man kann ein wenig mit den Einstellungen spielen. Dabei soll aber nicht unerwähnt bleiben, dass die dort gezeigten Darstellungen das Spektrum der Möglichkeiten von Roundabout keineswegs vollständig ausfüllen. Schließlich lässt sich jedes Detail mit ein wenig Mühe umprogrammieren. Mit jquery lassen sich ebenso faszinierende Slideshows gestalten. Auch dieses gestalterische Element wollen wir nutzen, um unsere Seite für den Besucher optisch ansprechender zu gestalten. Unsere gedrehten Filme (und eventuelle andere Kreationen) sollen in einer solchen Bildershow zu sehen sein. Auch hier wird durch einen Klick auf ein Element der jeweilige Film gestartet bzw. der Besucher zum entsprechenden Content weitergeleitet. 18

19 Technische Aspekte Gründe für die Verwendung eines Content Managementsystem Warum im Projekt toasted ein Content-Management-System (CMS) eingesetzt wird, wird klar, wenn man sich die Eigenschaften einer statischen Website vor Augen führt: Inhalte können nur von Projektmitgliedern mit Programmierkenntnissen eingepflegt werden keine Möglichkeit zur Modularisierung keine zentrale Datenbasis die verschiedenen Plattformversionen sind voneinander abgekoppelt und müssen parallel entwickelt und gepflegt werden, dies bedeutet ein erheblicher Mehraufwand Mit einem CMS hingegen ist Single Source Publishing möglich: Inhalte werden nur an einer Stelle eingestellt Grafiken werden nur einmal hochgeladen und vom CMS automatisch in plattformspezifische Grössen umgerechnet Mit sogenanntem Theming lassen sich Hauptbereiche wie auch Plattformversionen konsistent realisieren Die Wahl des CMS: warum Drupal? Da es sich bei toasted um ein studentisches Projekt handelt, kam von vorne herein nur Wiederkehrende Inhaltsstrukturen können in Content Types zusammengefasst werden ein Open-Source-CMS in Frage. Die Stärken eines Open-Source-CMS liegen klar in der Vielzahl der von der Community erstellten Modulen, die unterschiedlichsten Spezialanforderungen gerecht werden. Da Typo3 aus unserer Sicht ein überfrachtetes proprietäres System ist und Wordpress den Hauptfokus auf Lightweight Websites ohne zu große Komplexität hat, blieb nur noch die Entscheidung Joomla! oder Drupal. Für Drupal spricht, dass dieses CMS per Definition im Community-Sektor stark ist, welches eines der Hauptanliegen von toasted ist. Da Drupal speziell in den USA stark verbreitet ist, wo die Akzeptanz von mobilen Endgeräten jeder Art sehr hoch ist, finden sich in der Drupal-Community geeignete Module zur Realisierung von mobilen Websites. Zwar gibt es Software und Webservices, die eine schnelle Konvertierung von Websites für den mobilen Markt ermöglichen. Da diese meist nur für einfache Strukturen geeignet sind und nahezu keine manuellen, plattformspezifischen Modifikationen unterstützen, sind diese für unsere Zwecke nicht geeignet. 19

20 Im Projekt toasted werden wir die Eigenheiten jeder Plattform aufgreifen und gezielt Interaktionen implementieren, die die Stärken der jeweiligen Plattform ausnutzen. Modul "Mobile Tools" Exemplarisch für den Einsatz von Drupal-Modulen möchten wir ein Modul herausgreifen, welches bei der Entwicklung von mobilen Websites hilfreich ist: Mobile Tools. Dieses unterstützt: automatisches Erkennen von Gerätetyp / Betriebssystem / Browser automatische Weiterleitung zu mobiler Version anhand der o. g. Daten dynamische Anpassung der Inhaltstypen und Anzahl auf der Startseite Kontext kann / nicht kann Weitere Module werden nach erfolgreichem Testing in einer Sandbox hinzukommen. Mobile Development Einsatz von Touchscreen Frameworks Um bei der Interaktion mit mobilen Endgeräten nicht das Rad neu erfinden zu müssen, liegt die Verwendung von Frameworks nahe. Die ausgereiftesten und verbreitetsten Frameworks sind: jquery Mobile Sencha Touch jquery Mobile ist an die Grundidee und Syntax von jquery angelehnt, was ohnehin bei der herkömmlichen Browserversion unserer Webseite zum Einsatz kommt (vgl. Abschnitt jquery ). Die mobile Version von jquery ist zwar auf die Entwicklung von mobilen Apps ausgerichtet, bietet jedoch auch für unser Projekt geeignete Werkzeuge und Schnittstellen zur Realisierung von Multitouch-Interaktionen. Durch die ähnliche Syntax reduziert sich die Einlernzeit und ist aufgrund der starken Verbreitung von jquery zukunftssicher. 20 automatisches Theme Switching basierend auf Gerätetyp (iphone, Android, Blackberry )

21 Mobile Development / Einsatz von Touchscreen / Frameworks Um bei der Interaktion mit mobilen Endgeräten nicht das Rad neu erfinden zu müssen, liegt die Verwendung von Frameworks nahe. Die ausgereiftesten und verbreitetsten Frameworks sind: jquery Mobile Sencha Touch jquery Mobile ist an die Grundidee und Syntax von jquery angelehnt, was ohnehin bei der herkömmlichen Browserversion unserer Webseite zum Einsatz kommt (vgl. Abschnitt jquery ). Die mobile Version von jquery ist zwar auf die Entwicklung von mobilen Apps ausgerichtet, bietet jedoch auch für unser Projekt geeignete Werkzeuge und Schnittstellen zur Realisierung von Multitouch-Interaktionen. Durch die ähnliche Syntax reduziert sich die Einlernzeit und ist aufgrund der starken Verbreitung von jquery zukunftssicher. 21

22 Abbildung "jquery Mobile - Grundriss der Interaktionselemente" 22

23 Sencha Touch Sencha Touch kommt aus der Softwareschmiede Sencha, die mit ihrem Framework extjs die wohl professionellste Codebibliothek zur Erstellung von Bedienoberflächen anbietet. Anders als bei jquery Mobile wird hierbei in JavaScript entwickelt das Tool schreibt HTML-Code heraus. Sencha Touch basiert vollständig auf HTML5, Javascript sowie CSS3 und wartet mit einer einfachen Verwaltung für Touch-Ereignisse sowie einer umfassenden GUI-Bibliothek auf. 23

24 Unter CSS2 war es bereits möglich, bestimmte Stylesheets nur unter gegebenen Bedingungen zum Einsatz kommen zu lassen, sprich: die Ausgabe von Stylesheets einem Responsive Web Design: CSS3 Media Queries bestimmten Medientyp zuzuordnen. Die Media Queries in CSS3 greifen dieses Konzept auf und bauen es weiter aus. Statt nach einem bestimmten Medium zu schauen, können mit media queries die Eigenschaften und Fähigkeiten von Geräten und Ausgabemedien abgefragt werden. Diese Abfragen können dazu verwendet werden, verschiedene, layoutrelevante Daten zu überprüfen, so zum Beispiel: Breite und Höhe (des Browserfensters) Breite und Höhe des Geräts Position (befindet sich das Mobiltelefon im Querformat oder Hochformat) Bildschirmauflösung Wenn der Anwender einen Browser verwendet, der Media Queries unterstützt, kann der CSS-Code ganz gezielt für bestimmte Situationen entwickelt werden. So kann abgefragt werden, ob ein Anwender z. B. ein Smartphone oder ein Tablet verwendet und dann ein passendes Layout ausgeliefert werden. Dieser Ansatz, flexibel und intelligent auf die Auslieferung einer Website hinsichtlich des darstellenden Zielsystems bzw. Geräts zu reagieren, wird als Responsive Web Design bezeichnet. Da im Projekt toasted maximale Usibility und ein der jew. Plattform ideal angepasstes Layout bzw. Design eines unserer Hauptanliegen ist, werden CSS3 Media Queries eingesetzt. 24

25 PHP Die Skriptsprache PHP (PHP Hypertext Preprocessor) eignet sich in erster Linie für das Erstellen dynamischer Webseiten. PHP-Quellcode kann relativ einfach in HTML-Webseiten eingebunden werden, wie das folgende Beispiel verdeutlicht: das PHP-Skript für den serverseitig arbeitenden Interpreter ein. Dieses gibt mit dem echo-befehl in Zeile vier den Text It s toasted! aus. Das Fragezeichen mit der schließenden spitzen Klammer beendet das Skript wieder. Die öffnende spitze Klammer mit dem Fragezeichen und dem Text php in Zeile drei leitet Der Vollständigkeit halber muss hier angemerkt werden, dass die oben gezeigte Seite zu Anschauungszwecken verkürzt dargestellt wurde und daher nicht valide ist. Trotzdem ist Über die entsprechenden Befehle lassen sich so komplexe Webseiten mit einem beeindruckenden Umfang an interaktiven und multimedialen Elementen erschaffen. Viele Content-Management-Systeme, darunter Typo3, Joomla!, Wordpress und das von uns favorisierte Drupal, basieren auf PHP, weshalb sich die Verwendung der Sprache geradezu aufdrängt. Auf Grund dieser sich bietenden vielfältigen Möglichkeiten werden auch wir PHP für unsere Webseite einsetzen. 25 sie nach dem Upload auf einen PHP-Server voll funktionsfähig.

26 Projektplanung 26

27 KONZEPTION: SCREENBOOK Design Corporate Design: Logo Unser neues Logo besteht aus 2 Elementen: Schriftzug ToastedART und einem modernen Icon. Schriftzug: Für den Schriftzug haben wir die Groteskschrift gewählt. Da sie keine Serifen hat ist sie für die Darstellung auf Displays und Bildschirmen ideal geeignet. Durch den konstruierten und geometrischen Charakter wirkt die Schrift deutlich moderner als humanistische Groteskschriften. Das eckige Design und die kleinen Radien an den Überläufen a la Eurostile hebt sich von herkömmlichen Groteskschriften ab und folgt dem Design des Icons. Außerdem wirken die Kurven dynamisch, was unser Unternehmen ebenfalls charakterisier. Der Schriftteil toasted ist im Logo mit Minuskeln geschrieben. Das wirkt sehr jung und unterstreicht unsere studentische Tätigkeit. ART schrieben wir in Versalbuchstaben, was dem Logo ein Seriosität und innere Größe verleiht. Die Basis des Icons ist ein Quadrat mit drei abgerundeten Ecken. Es wirkt dadurch homogen mit der Schrift zusammen. Eine aus der Basis ausgeschnittene Kontur beschreibt die Toastform. Der Hintergrund ist an dieser Stelle die Farbe der Kontur. So kann das Logo in vielen bereichen eingesetzt werden, weil es sich ideal einpasst durch die durchsichtige Kontur. Durch den Einsatz einfacher Formen wirkt das Logo modern und prägnant. Es passt zu allen unseren Bereichen wie toastedfilms und toastedgames. Wenn mit der Zeit weitere Bereiche wie z.b.: toastedweb oder toastedsounds dazu kommen sollte, stellt es ebenso keine Gefahr dar. Das Icon wird jedem Bereich farblich entsprechend angepasst. 27 Das Icon enthält unser Maskottchen und Namensgeber den Toast.

28 Farbgestaltung Der Grundbereich ToastedART soll mit roten Akzenten versehnt werden. Rot ist eine sehr impulsive, leidenschaftliche und emotionale Farbe und beschreibt unser Verhältnis zum Thema Medienkunst. Das Logo dagegen sollte im neutralen Grau bleiben, damit es beliebig kombinierbar bleibt. Bei toastedfilms benutzen wir ein freundliches Türkis. Türkis ist eine außergewöhnliche Farbe, sie wirkt frisch und sauber. Trotzdem ist es keine kalte Farbe. Sie hebt sich von Standardfarben wie Blau, Grün, und Gelb ab, was einen frischen Akzent setzt und uns von Logos und Websites Anderer differenziert. Mit einem hellen grün möchten wir im Bereich toastedgames Akzente setzen. Die Farbe wirkt jung und modern außerdem macht sie einen freundlichen und sauberen Eindruck und harmonisiert mit dem Türkis aus dem Bereich toastedfilms und dem Rot von toastedart. Sollten wir toastedart mit neuen Bereichen, wie z.b.: toastedsounds bereichern wollen, könnten wir passend zum Rot und grün eine entsprechende Farbe aussuchen. Jeder Bereich von toastedart hat eine eigene Farbgebung. 28

29 Unsere Typografie werden wir in diesem Projekt recht schlicht und klar wählen, da die Medieninhalte in Vordergrund gerückt werden sollten. Diese schlichten Schriften werden sein: Typografie Tahoma Myriad Pro Alle Schriften sind serifenlos und linear, was eine gewisse Moderne und Frische zeigen soll aber auch eine Eleganz aufweist, die sich im Design wiederspiegeln soll. Über- und Unter-höhe sind harmonisch ausgeglichen, die Strichführung auf eine gleichbleibende Stärke bedacht und die Buchstabenabstände ergeben ein geschlossenes Standbild, unabhängig welches Wort sie auch wählen. Myriad Pro und Arial bilden die Ersatzschriften für den Webauftritt, falls einem User Tahoma nicht zur Verfügung steht. Schrift für Headlines der Webseite Schrift für Headlines der Webseite Schrift für Headlines der Webseite 078MKSDMediumCondensed 29 Als Firmenschrift wählten wir passend zu unserem Hintergrundicon eine etwas abgerundete aber dennoch schlichte Schrift, diese werden wir für alle Überschriften und Buttontexte verwenden. Diese wird den jeweiligen Farbleitsystem farblich angepasst. Der große Vorteil von serifenlosen, linearen Schriften ist die optimale Lesbarkeit an Bildschirmen, was in unserem Projekt durch die verschiedenen Plattformen von Smartphones, Tablet-PC und Standard-PC eine große Rolle spielen wird. Der Schriftschnitt dieser drei Schriften ist gerade stehend, dies steht in der Regel für Seriösität, Organisation und Geradlinigkeit: Eigenschaften, die die Gruppe auszeichnet. Zudem sollte die Typogafie einen Gegensatz zu den kreativen Projekten bilden, sodass das Erscheinungsbild immer mit Spannung geladen ist. Arial Narrow

30 Das Screendesign ist ausgelegt für einen Standardbildschirm von einer Breite mit 1024 px, somit deckt es nahezu alle PC- und Laptopbildschirme und die der Netbooks ab. Für das Smartphone wurde ebenfalls ein eingenes dem Benutzerverhalten angepasstes Screendesign entwickelt. Screendesign Für die Webseite an normalen Bildschirmen gibt es drei verschiedene Seitentypen, diese werden im folgenden visualisiert dargestellt und erläutert. Zusätzliche Features werden im Multimediakapitel ausführlich erörtert. Hier landet der Benutzer zuerst, hier werden erste Informationen preisgegeben, die sein Interesse wecken könnte um noch mehr über die Studentengruppe zu erfahren. Startseite - the landing 30

31 Über ein animiertes als menü dienendes Roundabout kann der Benutzer ein Teammitglied auswählen und mehr über die Person erfahren und zu kommentieren. Die Teamseite - das ToastedTeam stellt sich vor 31

32 Projektseite toastedfilms - toastedfilms presents... 32

33 Projektseite toastedgames Anderer Bereich andere Farbe - eigene Abteilung 33

34 Zu unserer Zielsetzung gehört die Erreichbarkeit für verschiedene Endgeräte, um eine möglichst große Zielgruppe anzusprechen und für den Benutzer flexibel zu sein. Hier für entwickelten wir ebenfalls ein Mobil-Screendesign für die Standard-Smartphone Auflösung von 480x800px. Die Inhalte können aber dynamisch aufgezogen werden, wenn eine etwas größere Auflösung möglich ist, wie etwa für das I-Phone 4 (640 x 940px). Mobil Version - klein aber fein Auf den Abbildungen ist rechts immer der Ausschnitt abgebildet, welcher sichtbar ist, das Abgedunkelte erreicht man durch scrollen. Die linke Seite zeigt die Seite komplett. Die Startseite Über die Menüleiste erreicht man die einzelnen Bereich. Die Buttons sind Fingergroß, so dass man ohne ein fat-finger-problem sehr einfach zwischen den Bereichen hin und her switchen kann Natürlich sind auch die neuesten News auf der Startseite zu finden, ebenfalls auf allen weiteren Seiten Hier bekommt der Besucher gleich die Möglichkeit die 3 aktuellsten Projekte anzuklicken. Die Teamseite ist in der Mobilversion kein eigener Tab mehr, man erreicht die Teammitglieder über Verlinkungen auf jeder Seite. 34

35 Die Teammitgliedsseiten bilden die Paralellseiten zur Startseite. Zusätzlich ist als Unternavigation ein Personenslider eingebunden, durch den man die Mitglieder antouchen kann und die Seite wechseln kann. Jederzeit ist es aber auch möglich wieder zur Startseite oder in die anderen Abteilungen zu wechseln. Die Teammitgliedseite 35

36 Projektseiten zu toastedfilms & GAMES 36

37 37

38 Multimedia Animation Roundabout - Ein Karusel als animiertes Menu Wie lässt sich der Charme eines Karussells auf moderne Webtechnologien übertragen und zum Ansteuern von Seiten in einem Webprojekt verwenden? Die anschauliche Antwort auf diese Frage liefert Roundabout for jquery (im Folgenden kurz Roundabout genannt). Auf unserer Seite steht jedes Element in dem so entstehenden interaktiven animierten Karussell für eines der Projekte von toasted. Ist ein Projekt in den Vordergrund rotiert, wird eine Beschreibung dieses Projekts angezeigt. Über einen Link kann der Besucher schließlich auf eine im Dokumentenbaum tiefer liegende Seite gelangen und dort tiefgründigere und weiterführende Informationen, wie zum Beispiel Dokumentationen zu dem jeweiligen Projekt einsehen. 38 Bei einer klassischen Navigationsstruktur im Web sind die ansteuerbaren Elemente als Text in einer meist horizontalen Reihe angeordnet. Roundabout bricht diese in die Jahre gekommene Struktur auf und ordnet die Elemente wahlweise als Text oder in Form eines Bildes kreisförmig an. Mit Klick auf eines der Elemente rotiert dieses in den Vordergrund.

Webdesign-Trends. Digital News KW 18 Stand: April 2013

Webdesign-Trends. Digital News KW 18 Stand: April 2013 Webdesign-Trends Digital News KW 18 Stand: April 2013 Webdesign-Trends 2013 Das Jahr 2013 ist in vollem Gange und es ist eine gute Zeit, den Blick auf Webdesign-Trends zu werfen die sich zwar nicht an

Mehr

CD-Manual David Karlinger

CD-Manual David Karlinger CD-Manual David Karlinger Briefing Konzept Aufgabenstellung Erstellen eines Logos Gestaltung der Visitenkarte und eines CD- oder Vinylcovers Überarbeitung / Neugestaltung der Website Ziel und Zielgruppen

Mehr

«Es gibt bereits alle guten Vorsätze,

«Es gibt bereits alle guten Vorsätze, Do s and dont s professioneller Webauftritte «Es gibt bereits alle guten Vorsätze, wir brauchen sie nur noch anzuwenden.» Pascal Blaise (1623 1662) 1 Inhalt Die Wichtigkeit von Webseiten Ihr Auftritt im

Mehr

Responsive Webdesign Bootstrap und co. Pierre Hein & Benjamin Stein Stuttgart 7. Mai 2015

Responsive Webdesign Bootstrap und co. Pierre Hein & Benjamin Stein Stuttgart 7. Mai 2015 Responsive Webdesign Bootstrap und co. Pierre Hein & Benjamin Stein Stuttgart 7. Mai 2015 Agenda 1. Einführung Was ist Responive Webdesign, Media Queries und CSS preprocessing 2. Frameworks Bootstrap,

Mehr

Programmieren. Programmieren. Webseiten aufpeppen. Grafikkarte ausreizen. Coole Sprachen. Kinect am PC. 3D-Programmierung

Programmieren. Programmieren. Webseiten aufpeppen. Grafikkarte ausreizen. Coole Sprachen. Kinect am PC. 3D-Programmierung jquery: E-Book und Video auf DVD DVD Listings: Win-8-App im Eigenbau E-Book: jquery Das JavaScript- Framework für interaktives Design Videotutorial Moderne Webseiten gestalten mit jquery UI Visual Studio

Mehr

Süddeutsche Zeitung als digitale Ausgabe

Süddeutsche Zeitung als digitale Ausgabe Süddeutsche Zeitung als digitale Ausgabe Technische Spezifikationen für SZ-App- Anzeigen, Stand: 27.03.2015 Inhaltsübersicht 1. Einleitung und Anlieferungstermine S. 1 2. Anzeigen 2.1. Bildanzeigen statisch

Mehr

«Es gibt bereits alle guten Vorsätze,

«Es gibt bereits alle guten Vorsätze, Do s and dont s professioneller Webauftritte «Es gibt bereits alle guten Vorsätze, wir brauchen sie nur noch anzuwenden.» Pascal Blaise (1623 1662) 1 Inhalt Die Wichtigkeit von Webseiten Ihr Auftritt im

Mehr

Warum wir den High-Volume Onlineshop entwickelt haben

Warum wir den High-Volume Onlineshop entwickelt haben Warum wir den High-Volume Onlineshop entwickelt haben Wir haben unseren Ansatz, Fotos zu verkaufen, überdacht und stellen Ihnen nun einen komplett überarbeiten Onlineshop zur Verfügung. Dafür haben wir

Mehr

modern - sharp - elegant

modern - sharp - elegant modern - sharp - elegant Das Konzept für Ihre Webseite Wir sind Ihnen gerne bei der Konzeption Ihrer neuen Webseite behilflich. Gemeinsam mit Ihnen analysieren wir Ihre Anforderungen, erarbeiten die Ziele

Mehr

KURZANLEITUNG HOMEPAGEBUILDER

KURZANLEITUNG HOMEPAGEBUILDER KURZANLEITUNG HOMEPAGEBUILDER Hochwertige Homepages selbst erstellen und ändern: 300 unterschiedliche adaptierbare Designs für alle Themen und Branchen! > Individuelle Menüführung, Logo Maker und freie

Mehr

Konzeption:eiki Webseite

Konzeption:eiki Webseite Konzeption:eiki Webseite Gestaltungskonzeption: Webseite Zu gestalten ist eine Webseite für das neue Szenegetränk eiki. Im Fokus steht die Präsentation des Produktes. Es werden die zwei Geschmacksrichtungen

Mehr

Projekt für Multimedia Gestaltung. Christian Eppler 21162, Stefan Möbius 21165. 11. November 2012

Projekt für Multimedia Gestaltung. Christian Eppler 21162, Stefan Möbius 21165. 11. November 2012 Projekt für Multimedia Gestaltung Christian Eppler 21162, Stefan Möbius 21165 11. November 2012 Hochschule Ravensburg-Weingarten Inhaltsverzeichnis Inhaltsverzeichnis Kapitel 1 Einleitung 1 Kapitel 2 Briefing

Mehr

Checkliste Bilder im Internet

Checkliste Bilder im Internet Checkliste Bilder im Internet Bilder und Grafiken werten Ihre Website optisch auf und ziehen Besucher an. Sie bieten aber auch Stolperfallen. Lesen Sie hier, was Sie beachten sollten: Wählen Sie das richtige

Mehr

FRONT CRAFT. www.frontcraft.com contact@frontcraft.com

FRONT CRAFT. www.frontcraft.com contact@frontcraft.com FRONT CRAFT Viele Menschen und viele Unternehmen haben eine Webseite. Jede neue, die dazu kommt, sollte nicht nur gut, sondern erstklassig sein. Das ist unsere Leidenschaft. FrontCraft. www.frontcraft.com

Mehr

Mobile: Die Königsfrage

Mobile: Die Königsfrage Mobile: Die Königsfrage - Native App,Mobile Website oder doch Responsive Design? - Native App oder Mobile Website? Wer am Boom der mobilen Anwendungen teilhaben möchte, hat im Prinzip zwei Möglichkeiten:

Mehr

sinnvoll? Wann ist der Einsatz von SharePoint als CMS How we did it: Realisierung einer Website mit SharePoint 2013

sinnvoll? Wann ist der Einsatz von SharePoint als CMS How we did it: Realisierung einer Website mit SharePoint 2013 Wann ist der Einsatz von SharePoint als CMS sinnvoll? How we did it: Realisierung einer Website mit SharePoint 2013 SharePoint Community, 12. Februar 2014 Alexander Däppen, Claudio Coray & Tobias Adam

Mehr

Whitepaper Responsive Design

Whitepaper Responsive Design 76% Smartphone-Besitzer surfen täglich 69% Tablet-Besitzer surfen täglich 74% der Schweizer nutzen das Internet mobil Das mobile Internet ist mittlerweile fest in den Alltag der Schweizer integriert: 76

Mehr

BUCHERER. station.ch/awards/bucherer

BUCHERER. station.ch/awards/bucherer BUCHERER Bucherer gehört zu den führenden Fachgeschäften für Luxus-Uhren und Schmuck in Europa. Neben der Uhrenmarke Carl F. Bucherer vertritt das Unternehmen zahlreiche renommierte Uhrenbrands und präsentiert

Mehr

D. Stone et al. User Interface Design and Evaluation. Kap. 13+14 Interface-Komponenten

D. Stone et al. User Interface Design and Evaluation. Kap. 13+14 Interface-Komponenten D. Stone et al. User Interface Design and Evaluation Kap. 13+14 Interface-Komponenten Referat von Börge Kiss Universität zu Köln Historisch-Kulturwissenschaftliche Informationsverarbeitung User Interfaces

Mehr

Die Website als Selbstmarketing- Instrument. So wird als Energieberater für KMU. Ihre Website zu Ihrem besten Außendienstler

Die Website als Selbstmarketing- Instrument. So wird als Energieberater für KMU. Ihre Website zu Ihrem besten Außendienstler Die Website als Selbstmarketing- Instrument So wird als Energieberater für KMU Ihre Website zu Ihrem besten Außendienstler Elke Fleing. Berufung selbstständig Inhalte Übersicht ist Trumpf: Usability Konzept

Mehr

Agentur für innovative Weblösungen

Agentur für innovative Weblösungen Agentur für innovative Weblösungen FLX Labs Zweierstrasse 129 CH 8003 Zürich Tel +41 44 461 00 77 Beratung Konzept Umsetzung Kreative Konzepte, innovative Methoden und smarte Technologien bei der Umsetzung

Mehr

G-U-T. Teil B Reflexion. Gender & Diversity, Usability und Testing als Qualitätssicherung von Apps und Websites

G-U-T. Teil B Reflexion. Gender & Diversity, Usability und Testing als Qualitätssicherung von Apps und Websites G-U-T Gender & Diversity, Usability und Testing als Qualitätssicherung von Apps und Websites Teil B Reflexion Dorothea Erharter, November 2013 Inhalt Die Idee... 3 Die Anwender/innen... 3 Zielgruppen...

Mehr

Responsive Webdesign. Schritt für Schritt zum Design für jedes Endgerät

Responsive Webdesign. Schritt für Schritt zum Design für jedes Endgerät Responsive Webdesign Schritt für Schritt zum Design für jedes Endgerät Was ist responsive Design? Ganz kurz: Responsive Webdesign beschreibt eine technische und gestalterische Methode, Inhalte Ihrer Webseite

Mehr

Logics Software GmbH

Logics Software GmbH Ihre Website für Smartphones Logics Software GmbH http://www.logics.de apps@logics.de mobile_web 1.4, 2012-01-30 / jf Ihre Website für Smartphones Inhalt Teil 1: Einführung Smartphone ist nicht gleich

Mehr

Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK

Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK Einführung in die Cross-Plattform Entwicklung Responsive Webdesign mit dem Intel XDK Einführung Dieses Hands-on-Lab (HOL) macht den Leser mit dem Intel XDK und dem Responsive Webdesign vertraut. Es wird

Mehr

Über uns... 3 Online Marketing... 4 Programmierung... 5 Webdesign... 6 Apps... 7 Design & Print... 8 Referenzen... 9

Über uns... 3 Online Marketing... 4 Programmierung... 5 Webdesign... 6 Apps... 7 Design & Print... 8 Referenzen... 9 Über uns... 3 Online Marketing... 4 Programmierung... 5 Webdesign... 6 Apps... 7 Design & Print... 8 Referenzen... 9 ÜBER UNS UNS Wir sind eine Full-Service Werbeagentur aus Heppenheim, die deutschlandweit

Mehr

Exposé Original Eickhorn Solingen Redesign Logo 2007 Redesign Web 2007. 22. Juni 2007

Exposé Original Eickhorn Solingen Redesign Logo 2007 Redesign Web 2007. 22. Juni 2007 Exposé Original Eickhorn Solingen Redesign Logo 2007 Redesign Web 2007 22. Juni 2007 Logoneugestaltung für Original Eickhorn Solingen Ist-Zustand Eichhörnchen mit Schwert, pos. u. neg von 1935-41 in Gebrauch.

Mehr

Design-Tipps zur Gestaltung von Webseiten mit CM4all Business

Design-Tipps zur Gestaltung von Webseiten mit CM4all Business Design-Tipps zur Gestaltung von Webseiten mit CM4all Business Content Management AG 1 www.cm4allbusiness.de Inhalt 1. Typografie & Textformatierung...3 1.1 Schriftarten... 3 1.2 Schriftgrößen und -schnitte...

Mehr

BETA. Styleguide. Thomas Raithel Medieninformatik 5 WS 2006 / 2007 MULTIMEDIA. Seite

BETA. Styleguide. Thomas Raithel Medieninformatik 5 WS 2006 / 2007 MULTIMEDIA. Seite BETA Styleguide Seite Thomas Raithel Medieninformatik 5 WS 2006 / 2007 MULTIMEDIA Inhaltsverzeichnis Seitenaufbau Typografie Farben Bilder Navigation Mutlimedia & Komponenten 3 4 5 und 6 7 8 9 Seite 2

Mehr

Internetauftritte / Webdesign

Internetauftritte / Webdesign Internetauftritte / Webdesign Die Ist-Situation Oder : Wo stehen Sie online? Haben Sie bereits eine Website, die den aktuellen Ansprüchen Ihres Angebotes nicht mehr gerecht wird? Oder eine Website, die

Mehr

RÖK Typo3 Dokumentation

RÖK Typo3 Dokumentation 2012 RÖK Typo3 Dokumentation Redakteur Sparten Eine Hilfe für den Einstieg in Typo3. Innpuls Werbeagentur GmbH 01.01.2012 2 RÖK Typo3 Dokumentation Inhalt 1) Was ist Typo3... 3 2) Typo3 aufrufen und Anmelden...

Mehr

Webdesign Grundlagen. Michael Kraft, M.A. WS 2012/2013 hawk@herrkraft.de

Webdesign Grundlagen. Michael Kraft, M.A. WS 2012/2013 hawk@herrkraft.de Webdesign Grundlagen Michael Kraft, M.A. WS 2012/2013 hawk@herrkraft.de Bürokratie Termine & Kursliste & http://hawk.herrkraft.de Wer bin ich? michael kraft ba ma 2006 2012 hawk tutor interaction digital

Mehr

Die Unternehmensseite im Internet - pflegen ohne Programmierkenntnisse. Felix Kopp

Die Unternehmensseite im Internet - pflegen ohne Programmierkenntnisse. Felix Kopp Die Unternehmensseite im Internet - pflegen ohne Programmierkenntnisse Felix Kopp Orientierung Veröffentlichen und Aktualisieren ohne Programmierkenntnisse Bestehende Internet-Seite aktualisieren. oder

Mehr

Das Open Source Content Management System

Das Open Source Content Management System Das Open Source Content Management System Erweiterbarkeit und Individualisierung visions-marketing Unternehmensberatung Alexander Winkler Postfach 950180 81517 München Tel.+Fax: 089 / 38 90 06 53 Mobil.:

Mehr

DAS INTERNET IST WIE EINE WELLE: ENTWEDER, MAN LERNT AUF IHR ZU SCHWIMMEN, ODER MAN GEHT UNTER Bill Gates

DAS INTERNET IST WIE EINE WELLE: ENTWEDER, MAN LERNT AUF IHR ZU SCHWIMMEN, ODER MAN GEHT UNTER Bill Gates DAS INTERNET IST WIE EINE WELLE: ENTWEDER, MAN LERNT AUF IHR ZU SCHWIMMEN, ODER MAN GEHT UNTER Bill Gates 57 MILLIONEN USER IN DEUTSCHLAND KÖNNEN SICH NICHT IRREN... In nahezu allen Bereichen des täglichen

Mehr

Unternehmensprofil. Kalteswasser Multimedia GmbH. Unsere Leistungen und Referenzen. Web: www.kalteswasser.com. Großbeerenstraße 81 10963 Berlin

Unternehmensprofil. Kalteswasser Multimedia GmbH. Unsere Leistungen und Referenzen. Web: www.kalteswasser.com. Großbeerenstraße 81 10963 Berlin Unternehmensprofil Unsere Leistungen und Referenzen Kalteswasser Multimedia GmbH Großbeerenstraße 81 10963 Berlin Fon: +49.(0)30.59 00 33-30 Fax: +49.(0)30.59 00 33-35 E-Maill: trinkt@kalteswasser.com

Mehr

Inhalt und Ziele. Homepage von Anfang an. Herzlich Willkommen! HTML Syntax; grundlegende Grafik- und Bildbearbeitung für das Internet;

Inhalt und Ziele. Homepage von Anfang an. Herzlich Willkommen! HTML Syntax; grundlegende Grafik- und Bildbearbeitung für das Internet; Homepage von Anfang an Herzlich Willkommen! Caroline Morhart-Putz caroline.morhart@wellcomm.at Inhalt und Ziele!! HTML Grundlagen - die Sprache im Netz; HTML Syntax;!! Photoshop - Optimieren von Bildern,

Mehr

Der Website-Generator

Der Website-Generator Der Website-Generator Der Website-Generator im Privatbereich gibt Ihnen die Möglichkeit, schnell eine eigene Website in einheitlichem Layout zu erstellen. In Klassen, Gruppen und Institutionen können auch

Mehr

Web-Lösungen nach Mass

Web-Lösungen nach Mass Web-Lösungen nach Mass Wir realisieren Web-Projekte für unterschiedliche Bedürfnisse auf individueller Basis. Sie profitieren von einer Vielzahl ausgewählter und vorkonfigurierter Module und selbst entwickelter

Mehr

>hugrafik CHECKLISTE WEBSITE 1 KONTAKTANGABEN ZIELSETZUNG ZIELGRUPPEN SELBSTBEURTEILUNG

>hugrafik CHECKLISTE WEBSITE 1 KONTAKTANGABEN ZIELSETZUNG ZIELGRUPPEN SELBSTBEURTEILUNG CHECKLISTE WEBSITE 1 Diese Checkliste soll Ihnen helfen herauszufinden, was Ihre neue Website beinhalten soll und welche Schritte für die Erstellung notwendig sind. Ihre Angaben dienen als Grundlage für

Mehr

Merkmale von gutem Webdesign

Merkmale von gutem Webdesign Geschäftsinhaberin: Nadine Wohlrabe Maxburgring 40b 76887 Bad Bergzabern mobil + 49 176 23861199 fon + 49 63 43 93 15 25 fax + 49 63 43 93 15 26 Merkmale von gutem Webdesign www.quadronet.de email@quadronet.de

Mehr

Checkliste Webseiten-Relaunch

Checkliste Webseiten-Relaunch Checkliste Webseiten-Relaunch Bei der Realisierung eines neuen Internetauftritts sollten folgende Fragen bedacht bzw. Anforderungen umgesetzt werden: Fragen im Vorfeld Wer koordiniert auf Auftraggeberseite

Mehr

Projekt als WebAssistant: www.belgarat.ch

Projekt als WebAssistant: www.belgarat.ch Projekt als WebAssistant: www.belgarat.ch 1. Auftrag und Zielsetzung 1.1. Informationen des Auftraggebers Die Firma belgarat soll Anfangs 2005 im Handelsregister in Bern eingetragen werden. Das Tätigkeitsgebiet

Mehr

Eine Site für alle Geräte? 200grad GmbH & Co. KG 02.03.2014

Eine Site für alle Geräte? 200grad GmbH & Co. KG 02.03.2014 Eine Site für alle Geräte? 200grad GmbH & Co. KG 02.03.2014 Mit der zunehmenden Nutzung des Internets über mobile Endgeräte wie Smartphones und Tablet-PCs steigt die Notwendigkeit, den Internetauftritt

Mehr

Responsive Design & ecommerce

Responsive Design & ecommerce Responsive Design & ecommerce Kassel, 15.02.2014 web n sale GmbH Jan Philipp Peter Was bisher geschah Was bisher geschah oder: Die mobile Evolution früher : - Lokale Nutzung - Zuhause oder im Büro - Wenige

Mehr

Cmsbox Kurzanleitung. Das Wichtigste in Kürze

Cmsbox Kurzanleitung. Das Wichtigste in Kürze Cmsbox Kurzanleitung Cmsbox Kurzanleitung Das Wichtigste in Kürze Die Benutzeroberfläche der cmsbox ist nahtlos in die Webseite integriert. Elemente wie Texte, Links oder Bilder werden direkt an Ort und

Mehr

1 Was sind Cascading Stylesheets?

1 Was sind Cascading Stylesheets? Im ersten Kapitel erkläre ich Ihnen, was sich hinter dem Begriff»Cascading Stylesheets«verbirgt und welche Vorteile Sie davon haben, mit Stylesheets zu arbeiten. Außerdem sehen Sie das erste Stylesheet

Mehr

IHR PROFESSIONELLER IMAGEFILM

IHR PROFESSIONELLER IMAGEFILM LEISTUNGSBROSCHÜRE IHR PROFESSIONELLER IMAGEFILM all in one ENTERPRISE ist Ihr professioneller Partner für die Produktion Ihres Unternehmensfilms. all in one ENTERPRISE arbeitet die Besonderheiten Ihres

Mehr

Schritte zu einer guten Über mich Seite in XING.

Schritte zu einer guten Über mich Seite in XING. Schritte zu einer guten Über mich Seite in XING. 1 1. Die Wirkung der Über mich Seite in XING Im neuen XING Layout spielt die Über mich Seite von der Sichtbarkeit und Optik eine zentralere Rolle. Beim

Mehr

Benutzerfreundliche Webseite (Usability)

Benutzerfreundliche Webseite (Usability) Benutzerfreundliche Webseite (Usability) Text von Javi Gonzalez Eine benutzerfreundliche Webseite, ist eine Webseite die sich am Benutzer orientiert. Das heisst, die Webseite wurde mit den Gedanken an

Mehr

Barrierefreies Web. Web-Sites so gestalten, dass jeder sie nutzen und lesen kann. Zielkonflikte: barrierefreies Web für kommerzielle Anbieter

Barrierefreies Web. Web-Sites so gestalten, dass jeder sie nutzen und lesen kann. Zielkonflikte: barrierefreies Web für kommerzielle Anbieter Barrierefreies Web Web-Sites so gestalten, dass jeder sie nutzen und lesen kann Zielkonflikte: barrierefreies Web für kommerzielle Anbieter Dr. Armin Schulz Inhalte Was habe ich davon? Mythen Vorteile

Mehr

Leitfaden Webseitenplanung

Leitfaden Webseitenplanung Dorothee Schuster schuster@wort-und-form.de 030 / 922 51 223 Leitfaden Webseitenplanung Die nachstehende Gliederung soll Ihnen helfen, sich einen Überblick über die notwendigen Planungsschritte zu verschaffen.

Mehr

Responsive Webdesign

Responsive Webdesign Responsive Webdesign Anlass sind 2 Probleme: 1. Darstellung der HU-Homepage auf mobilen Geräten ist nicht optimal (Überprüfung der Anzeige mit Strg+Shift+M oder Simulatoren www.responsinator.com) 2. Summe

Mehr

EXPOLRATIV UND KREATIV

EXPOLRATIV UND KREATIV EXPOLRATIV UND KREATIV WEBSITE «INFORMATIK IM ALLTAG» Alessia Schönenberger Simon Pedross mmp 13b Hinweis: Sollte der Protagonist nach dem Laden der Website nicht richtig angezeigt werden, versuchen Sie

Mehr

BERUFSBEGLEITENDE WEB-ABENDKURSE

BERUFSBEGLEITENDE WEB-ABENDKURSE BERUFSBEGLEITENDE WEB-ABENDKURSE ZIELGRUPPE Das Angebot richtet sich an Privatpersonen, Unternehmen sowie deren Mitarbeiter, die sich gezielt berufsbegleitend weiterbilden möchten. In kompakter und zielorientierter

Mehr

Der eigene Internetauftritt. Die eigene Webseite für den Fotografen

Der eigene Internetauftritt. Die eigene Webseite für den Fotografen Der eigene Internetauftritt Die eigene Webseite für den Fotografen Thomas Högg, modulphoto.de, November 2013 IDEE UND VORAUSSETZUNGEN Seite 3 Was benötigt man für seinen Internetauftritt? Von der Idee

Mehr

Liferay 6.2. Open Source IT-Dienstleister. Ein modernes Open Source Portal System. forwerts solutions GmbH, Gabriele Maas

Liferay 6.2. Open Source IT-Dienstleister. Ein modernes Open Source Portal System. forwerts solutions GmbH, Gabriele Maas Liferay 6.2 Ein modernes Open Source Portal System forwerts solutions GmbH, Gabriele Maas Open Source IT-Dienstleister Liferay 6.2 Was ist neu? Liferay 6.2 Startseite Folie: 3 forwerts solutions GmbH 9.

Mehr

Herzlich Willkommen. Der Weg zur eigenen Homepage. vorgestellt von Frank Kullmann

Herzlich Willkommen. Der Weg zur eigenen Homepage. vorgestellt von Frank Kullmann Herzlich Willkommen Der Weg zur eigenen Homepage vorgestellt von Frank Kullmann 1. Die Planung Was soll auf unserer Homepage abgebildet werden (Texte, Bilder, Videos usw.)? Welche Struktur soll unsere

Mehr

Homepageerstellung mit WordPress

Homepageerstellung mit WordPress Homepageerstellung mit WordPress Eine kurze Einführung in die Installation und Einrichtung von WordPress als Homepage-System. Inhalt 1.WordPress installieren... 2 1.1Download... 2 1.2lokal... 2 1.2.1 lokaler

Mehr

Diese Ansicht erhalten Sie nach der erfolgreichen Anmeldung bei Wordpress.

Diese Ansicht erhalten Sie nach der erfolgreichen Anmeldung bei Wordpress. Anmeldung http://www.ihredomain.de/wp-admin Dashboard Diese Ansicht erhalten Sie nach der erfolgreichen Anmeldung bei Wordpress. Das Dashboard gibt Ihnen eine kurze Übersicht, z.b. Anzahl der Beiträge,

Mehr

Kurzanleitung Typo3 Pflege

Kurzanleitung Typo3 Pflege Kurzanleitung Typo3 Pflege 1. Vorwort Grundsätzlich kann für das CMS (Content-Management-System) Typo3 gesagt werden, dass Übung den Meister macht. Je öfter Sie mit dem System arbeiten, desto besser und

Mehr

VIDERICONCEPT REFERENZ BERICHT

VIDERICONCEPT REFERENZ BERICHT VIDERICONCEPT REFERENZ BERICHT BAUUNTERNEHMEN DIRK KAGE GMBH Redesign Webseite 2013-2014 Bauunternehmen Dirk Kage GmbH - Moin, moin! Das Unternehmen Im Überblick Kunde: Bauunternehmen Dirk Kage GmbH Branche:

Mehr

Cmsbox Kurzanleitung. Das Wichtigste in Kürze

Cmsbox Kurzanleitung. Das Wichtigste in Kürze Cmsbox Kurzanleitung Cmsbox Kurzanleitung Das Wichtigste in Kürze Die Benutzeroberfläche der cmsbox ist nahtlos in die Webseite integriert. Elemente wie Texte, Links oder Bilder werden direkt an Ort und

Mehr

Neue Features im Überblick

Neue Features im Überblick 1&1 DO-IT-YOURSELF HOMEPAGE Neue Features im Überblick Stand: 01.09.2011 - www.1und1.de 1 Überblick neuer Features nach Tarifen Feature DIY Privat (4,99 ) DIY Basic (9,99 ) DIY Plus (19,99 ) DIY Pro (29,99

Mehr

Der Aufbau einer erfolgreichen Website

Der Aufbau einer erfolgreichen Website Bremen, 24. Oktober 2013 Der Aufbau einer erfolgreichen Website Oliver Wächter Abraxas Medien, Bremen Berlin Otto-Gildemeister-Straße 43 28209 Bremen Bismarckstraße 108 10625 Berlin www.abraxas-medien.de

Mehr

3-W-Event. Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign. Sabrina Schoenfelder Projektleitung, Beratung

3-W-Event. Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign. Sabrina Schoenfelder Projektleitung, Beratung 3-W-Event Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign Sabrina Schoenfelder Projektleitung, Beratung internezzo ag Grundstrasse 4b CH-6343 Rotkreuz Tel. +41 41 748 02 48 www.internezzo.ch

Mehr

Case Studies. TYPO3, WordPress, Mobile Anwendungen/WebApps

Case Studies. TYPO3, WordPress, Mobile Anwendungen/WebApps Case Studies TYPO3, WordPress, Mobile Anwendungen/WebApps pitcom GmbH Bahnhofstraße 61 Deutschland 08523 Plauen www.pitcom.de Telefon +49 (0)3741 71971-13 TYPO3 Kommunen : Kommunen Kunde: Stadt Oelsnitz

Mehr

Gliederung. Responsive Design Begriffserklärung und Übersicht. Frameworks Einführung in HTML / CSS Frameworks.

Gliederung. Responsive Design Begriffserklärung und Übersicht. Frameworks Einführung in HTML / CSS Frameworks. Gliederung Responsive Design Begriffserklärung und Übersicht. Frameworks Einführung in HTML / CSS Frameworks. Präsentationsplattform Vorstellung der Präsentationsplattform Setzkasten. 1 / 14 Responsive

Mehr

Wo Sie fürs Optimieren und Individualisieren ansetzen müssen... 19

Wo Sie fürs Optimieren und Individualisieren ansetzen müssen... 19 Inhalt Über die Autoren... 5 1. Wie komme ich zu meinem eigenen Wunschdesign?... 13 1.1 Warum ein Content Management System?... 14 1.2 Wie finde ich den Einstieg?... 14 2. Die Anatomie eines web to date-projekts:

Mehr

Wissensmanagement mit Neuen Medien: Website-Konzeption

Wissensmanagement mit Neuen Medien: Website-Konzeption Wissensmanagement mit Neuen Medien Übung Wissensmanagement mit Neuen Medien: Website vs. Webseite Mit dem Begriff Website ist der Auftritt eines Unternehmens, einer Person oder einer Organisation im World

Mehr

Factsheet. Einbau TOSC4. Version: 4 Letzte Änderung: 19.12.2013 Geändert von: Armin Schanitz

Factsheet. Einbau TOSC4. Version: 4 Letzte Änderung: 19.12.2013 Geändert von: Armin Schanitz Factsheet Einbau TOSC4 Version: 4 Letzte Änderung: 19.12.2013 Geändert von: Armin Schanitz Letzte Änderungen: - Mobile Version - Reverse Proxy - Hinweise Lightbox 0. Inhaltsverzeichnis 0. 1. 2. INHALTSVERZEICHNIS...

Mehr

Ihre Firmenpräsentation im Web - auf was Sie achten sollten.

Ihre Firmenpräsentation im Web - auf was Sie achten sollten. Ihre Firmenpräsentation im Web - auf was Sie achten sollten. Informationsveranstaltung ebusiness-lotse Oberschwaben-Ulm Christian Baumgartner Ulmer Cross Channel Tag, 27.04.2015 Agenda Die ersten Schritte

Mehr

Ihre Homepage vom Profi!

Ihre Homepage vom Profi! Ihre Homepage vom Profi! einfach zu verwalten zum Festpreis mit Service und Sicherheit Das Internet - ein Schaufenster mehr für Ihr Unternehmen Ein Internetauftritt muss weder teuer sein, noch viel Arbeit

Mehr

www.herdin-webmarketing.at

www.herdin-webmarketing.at Liebe Kundinnen und Kunden! Liebe Interessentinnen und Interessenten! Mit der heutigen Präsentation von gleich zwei eingespielten Software Updates startet meine Agentur in einen ereignisreichen und spannenden

Mehr

Unternehmensprofil. Unsere Leistungen und Referenzen BERLIN SAARBRÜCKEN SOFIA

Unternehmensprofil. Unsere Leistungen und Referenzen BERLIN SAARBRÜCKEN SOFIA Unternehmensprofil Unsere Leistungen und Referenzen BERLIN SAARBRÜCKEN SOFIA Kalteswasser Multimedia WIR MACHEN INFORMATION ZUM ERLEBNIS Wir sind eine junge und sehr motivierte Multimedia-Agentur mit einer

Mehr

Arbeiten mit Acrobat. Vorstellung von Adobe Acrobat Bearbeitung des Dokuments Präsentationen erstellen Teamarbeit

Arbeiten mit Acrobat. Vorstellung von Adobe Acrobat Bearbeitung des Dokuments Präsentationen erstellen Teamarbeit Arbeiten mit Acrobat Vorstellung von Adobe Acrobat Bearbeitung des Dokuments Präsentationen erstellen Teamarbeit Vollbildmodus Wählen Sie das Menü Fenster Vollbildmodus. Die aktuell angezeigte Seite verdeckt

Mehr

gsi enzkreis gemeinnützige service- und integrationsgesellschaft enzkreis mbh

gsi enzkreis gemeinnützige service- und integrationsgesellschaft enzkreis mbh web gsi enzkreis gemeinnützige service- und integrationsgesellschaft enzkreis mbh HERAUSFORDERUNG: Erstellen Sie eine Website die die GSI in seiner Komplexität vorstellt und über geeignete Maßnahmen informiert.

Mehr

Unsere Leistungen für Unternehmen. Visitenkarten. Briefpapier. Stempel. Beschriftungen. Flyer. Werbemittel

Unsere Leistungen für Unternehmen. Visitenkarten. Briefpapier. Stempel. Beschriftungen. Flyer. Werbemittel Unsere Leistungen für Unternehmen Visitenkarten Ihre Kontaktdaten auf die Hand. Briefpapier Ansprechende Briefe und Rechnungen versenden. Stempel Kein Unternehmen kann auf ihn verzichten. Beschriftungen

Mehr

Homepage Design und Styleguide Gestaltungsrichtlinien für die Web-Seite T

Homepage Design und Styleguide Gestaltungsrichtlinien für die Web-Seite T Homepage Design und Styleguide Gestaltungsrichtlinien für die Web-Seite T Inhaltsverzeichnis Technische Grundlagen S. 2 Grundsätzliches S. 2 Typographie und Farbgebung S. 3-4 Das Logo S. 5 Text S. 5 Die

Mehr

Anita Woitonik / Vilma Niclas. Ohne HTML. zur eigenen. Website. Ihr Weg ins Web: Domain, Hoster, Installation, und IT-Recht. Verwaltung, Pflege

Anita Woitonik / Vilma Niclas. Ohne HTML. zur eigenen. Website. Ihr Weg ins Web: Domain, Hoster, Installation, und IT-Recht. Verwaltung, Pflege Anita Woitonik / Vilma Niclas Ohne HTML zur eigenen Website Ihr Weg ins Web: Domain, Hoster, Installation, Verwaltung, Pflege und ITRecht Dateien Installation einfach warum leichter 1 Eine eigene Website

Mehr

Responsive WebDesign. Zukunftssicheres Webdesign für die optimale Darstellung auf allen Geräten

Responsive WebDesign. Zukunftssicheres Webdesign für die optimale Darstellung auf allen Geräten Responsive WebDesign Zukunftssicheres Webdesign für die optimale Darstellung auf allen Geräten Moderne Web-Konzepte punkten mit einer ansprechenden Visualisierung, professionellen Fotos und informativen

Mehr

VDLUFA-Schriftenreihe 1

VDLUFA-Schriftenreihe 1 VDLUFA-Schriftenreihe 1 Wie viele Apps sind ein LIMS? J. Flekna Pragmatis GmbH, Neufahrn 1. Einleitung Seitdem mobile Endgeräte massentauglich sind, ist die Bezeichnung App fester Bestandteil unseres zeitgeistigen

Mehr

WEBSITE DESIGN BY CANVAS

WEBSITE DESIGN BY CANVAS LOGO?? Lippenmotiv Die Zeiten, in der Internetpräsenzen der Onlineversion von Werbeprospekten glichen, sind längst vorbei. Viel mehr müssen moderne Websites als Plattform zur Kundenbindung und gewinnung

Mehr

weitsichtig. cross-medial. kreativ.

weitsichtig. cross-medial. kreativ. klicken. Web & App weitsichtig. cross-medial. kreativ. // Gesamtkonzeption und Realisation neuer Medien, Websitekonzeption, -gestaltung, -programmierung und -pflege Microsites ipad/iphone Apps Soziale

Mehr

Die häufigsten Fehler bei der Erstellung einer Homepage!

Die häufigsten Fehler bei der Erstellung einer Homepage! 2014 Die häufigsten Fehler bei der Erstellung einer Homepage! mrr-fotolia.com Die Wichtigkeit einer professionellen Website wird unterschätzt! Eine Homepage stellt alle anderen Werbemöglichkeiten in den

Mehr

»Design ist Kunst, die sich nützlich macht«c a r l o s O b e r s

»Design ist Kunst, die sich nützlich macht«c a r l o s O b e r s Design in Funktion »Design ist Kunst, die sich nützlich macht«c a r l o s O b e r s Premium. Wir finden die beste Lösung für Sie. Fantasievolle Linienführung. Edle Funktionalität. RED DOT- Design-Award.

Mehr

---------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------------------- Webauftritt meiner Schule via CMS System Joomla! Dieser Arbeitskatalog hilft dir notwendige Arbeiten zu strukturieren. Grundsätzliches Das CMS System Joomla trennt strikt Content (Inhalte, Fotos, ) und

Mehr

Kurzanleitung. Kirschfestverein Naumburg e.v. t e c h n ische Abt e i lung. für Benutzer des CMS der Domain: www.kirschfestverein.

Kurzanleitung. Kirschfestverein Naumburg e.v. t e c h n ische Abt e i lung. für Benutzer des CMS der Domain: www.kirschfestverein. Kurzanleitung für Benutzer des CMS der Domain: www.kirschfestverein.de WordPress ist das erfolgreichste Publishing-System der Welt! Den Schwerpunkt bilden Ästhetik, Webstandards und Benutzerfreundlichkeit.

Mehr

manager magazin online mobil (MEW)

manager magazin online mobil (MEW) Hamburg, März 2015 manager magazin online mobil (MEW) Werbeformen 2015 Mobile Sonderwerbeformen Übersicht unverbindliche Visualisierungsbeispiele 2 Content Ad 1:1 Maximale Aufmerksamkeit mit dem Content

Mehr

E-Mail Marketing Runde um Runde

E-Mail Marketing Runde um Runde Wir powern Ihr E-Mail Marketing Runde um Runde Newsletter-Optimierung für mobile Endgeräte Die Fachwelt ist sich einig, dass mit Apples iphone der Siegeszug des Smartphones begann. Mittlerweile geht der

Mehr

Die Überlegung war, dass an allen Schulen Drucker zur Verfügung stehen, die DIN A4 Blätter drucken können.

Die Überlegung war, dass an allen Schulen Drucker zur Verfügung stehen, die DIN A4 Blätter drucken können. Microsoft Publisher Der Microsoft Publisher wird zwar im professionellen Bereich kaum verwendet, wenn man einen professionellen Druckerservice verwenden will, gibt es aber die Möglichkeit des Speicherns

Mehr

WordPress - Blogbeitrag erstellen und veröffentlichen Kurzanleitung für WordPress-Anfänger

WordPress - Blogbeitrag erstellen und veröffentlichen Kurzanleitung für WordPress-Anfänger WordPress - Blogbeitrag erstellen und veröffentlichen Kurzanleitung für WordPress-Anfänger 1 Einloggen Um sich in der das System einzuloggen, öffnen Sie Ihre WordPress-Seite. Dann hängen Sie in der Browserzeile,

Mehr

Funktionsbeschreibung Website-Generator

Funktionsbeschreibung Website-Generator Funktionsbeschreibung Website-Generator Website-Generator In Ihrem Privatbereich steht Ihnen ein eigener Websitegenerator zur Verfügung. Mit wenigen Klicks können Sie so eine eigene Website erstellen.

Mehr

VWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer. Kommunikation I (Internet) Übung 4 PHP

VWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer. Kommunikation I (Internet) Übung 4 PHP VWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer Kommunikation I (Internet) Übung 4 PHP SS 2004 Inhaltsverzeichnis 1. PHP die serverseitige Programmiersprache...1 1.1. PHP - Bereiche in HTML definieren...1

Mehr

Dokumentation für die Arbeit mit dem Redaktionssystem (Content Management System -CMS) zur Wartung Ihrer Homepage (Website)

Dokumentation für die Arbeit mit dem Redaktionssystem (Content Management System -CMS) zur Wartung Ihrer Homepage (Website) Dokumentation für die Arbeit mit dem Redaktionssystem (Content Management System -CMS) zur Wartung Ihrer Homepage (Website) Redaktion Mit der Redaktion einer Webseite konzentrieren Sie sich auf die inhaltliche

Mehr

Internetauftritt: Hochschulpartnerschaften - Datenbank

Internetauftritt: Hochschulpartnerschaften - Datenbank Hochschule für Technik, Wirtschaft und Kultur Leipzig (FH) University of Applied Sciences Internetauftritt: Hochschulpartnerschaften - Datenbank Modul: Anleitung für Typo3 bzgl. Partnerhochschulen einpflegen

Mehr

KONZEPTION. zur Website der Friseurkette. Stefan Beil 2-MD 05.01

KONZEPTION. zur Website der Friseurkette. Stefan Beil 2-MD 05.01 KONZEPTION zur Website der Friseurkette Stefan Beil 2-MD 05.01 BRIEFING Zu konzipieren ist hier eine Website für den fiktiven Friseursalon HAIRYTRENDS im. Dieses geben die schon gestalteten Printmedien

Mehr

Kurzanleitung Typo3 Radio MK V1.5 vom 18.07.2014

Kurzanleitung Typo3 Radio MK V1.5 vom 18.07.2014 Kurzanleitung Typo3 V1.5 vom 18.07.2014 Typo3 Version 4.7.14 0 Inhalt Kurzanleitung Typo3 Login. 2 Seite anlegen.. 3 Inhaltselement anlegen...... 7 Dateien und Bilder verwalten... 14 Nachrichten / News

Mehr

Video-Tutorial: Einrichten einer Facebook Landing Page in der Facebook Chronik (Timeline)

Video-Tutorial: Einrichten einer Facebook Landing Page in der Facebook Chronik (Timeline) Video-Tutorial: Einrichten einer Facebook Landing Page in der Facebook Chronik (Timeline) Skript Nivea hat eine Die Telekom hat eine Microsoft hat eine Und selbst die BILD-Zeitung hat eine Wovon ich spreche?

Mehr

Babybauch zu Hause fotografieren Tipps für werdende Mütter

Babybauch zu Hause fotografieren Tipps für werdende Mütter Werdende Mütter strahlen vor Glück, wenn der eigene Bauch langsam Form annimmt. Es ist eine besondere Zeit, die man unbedingt festhalten muss. Ein professionelles Fotoshooting ist vielleicht der einfachste

Mehr