Responsive Webdesign. IHK-Arbeitskreis Software. Prof. Dr. Manfred Wojciechowski
|
|
- Marie Hafner
- vor 8 Jahren
- Abrufe
Transkript
1 IHK-Arbeitskreis Software Prof. Dr. Manfred Wojciechowski
2 Aufbau Vorstellung Responsive Webdesign Motivation Technologien Frameworks 2
3 Vorstellung Zur Person : Studium Informatik an der TU Dortmund : Wissenschaftlicher Mitarbeiter am Fraunhofer Institut für Software- und Systemtechnik, Dortmund Projektleiter Arbeitsgruppenleiter Internettechnologien 2004: Assistant Director am Sino-German Joint Lab for Software Integration Technologies, Beijing, China 2011: Promotion an der TU Dortmund zum Thema Kontextmodellierung im Ambient Assisted Living April 2013: Professor für Informatik, insbesondere Webtechnologien an der FH Düsseldorf 3
4 Einleitung Forbes, Top Trends for Designing a Website for 2014 Continuous Scrolling Larger Fonts Responsive Webdesign Flat Design Parallax Scrolling Wie kann ich meine Webseite auf verschiedene Bildschirmeigenschaften hin anpassen?? 4
5 Einleitung Welche Möglichkeiten die Darstellung anzupassen?? Responsive Webdesign Begriff Responsive Webdesign wurde erstmals von Ethan Marcotte im Mai 2010 verwendet Gestalterischer und technischer Ansatz, um die Inhalte einer Webseite reaktionsfähig an die unterschiedlichen Darstellungsanforderungen von Endgeräten (und Nutzern) zu realisieren Passen sich flexibel und fließend an die unterschiedlichen Bildschirmgrößen an Darstellungsbereich 5
6 Einleitung Anforderungen an die Flexibilität der Präsentation werden immer vielfältiger
7 Einleitung Mobile Websites http-request Web-Server request.getheader ( User-Agent );
8 Einleitung Mobile Websites Sehr grobe Anpassung an die Präsentationsanforderungen Web-Server request.getheader ( User-Agent );
9 Einleitung Responsive Webdesign http-request Web-Server
10 Einleitung Responsive Webdesign Anpassung erfolgt feingranular im Client Web-Server
11 Techniken des Responsive Webdesign Techniken des Responsive Webdesign Flexibles Gestaltungsraster Flexible Bilder und Medien Mediaqueries 11
12 Flexibles Gestaltungsraster Gängiges (unflexibles) Vorgehen zur Strukturierung von Webseiten Definition einer festen Darstellungsbreite für den Inhalt, z.b Pixel Schwimmende Einbettung des Inhaltsbereichs in die Browserdarstellung, z.b. mittig Bildschirmbreite, z.b Pixel Flexibler Rand Flexibler Rand Inhalt: fixe Breite, z.b Pixel 12
13 Flexibles Gestaltungsraster Gängiges (unflexibles) Vorgehen zur Strukturierung von Webseiten Definition eines Rasters zur Ausrichtung der einzelnen Seiteninhalte Unterteilung des Inhaltsbereichs z.b. in 18 * 60 Pixel breiten Spalten Inhalt: fixe Breite, z.b Pixel Raster: fixe Breite, z.b. 60 Pixel <header> <article> <main> Fixe Breite, z.b. 892 Pixel <aside> Fixe Breite, z.b. 188 Pixel 13
14 Flexibles Gestaltungsraster Fluid Grid Layout reaktionsfähig machen Auflösung starrer Layout-Vorgaben Da wo sinnvoll.. Definition relativer Größenverhältnisse in Bezug auf verfügbare Breite durch den Container Relativer Wert = Fixer Wert / Containergröße * 100 Inhalt: fixe Breite, z.b Pixel <header> <main> Fixe Breite, z.b. 892 Pixel <article> 892/1080*100 = 82,59% 188/1080*100 <aside> = 17,41% Fixe Breite, z.b. 188 Pixel 14
15 Flexibles Gestaltungsraster Layout reaktionsfähig machen Auflösung starrer Layout-Vorgaben Da wo sinnvoll.. Definition relativer Größenverhältnisse in Bezug auf verfügbare Breite durch den Container Relativer Wert = Fixer Wert / Containergröße * 100 Inhalt: maximale Breite, z.b Pixel <header> <article> <main> <aside> Relative Breite, z.b. 82,59% Relative Breite, z.b. 17,41% 15
16 Flexibles Gestaltungsraster Relative Breitenangaben für Inhalt Außenabstand Innenabstand Inhalt: maximale Breite, z.b Pixel <header> <article> <main> <aside> Relative Breite, z.b. 82,59% Relative Breite, z.b. 17,41% 16
17 Flexibles Gestaltungsraster <div class="content"> <header> <h1>italienisches Essen</h1> </header> <article> <main> <h1>pizza</h1> <p>. </p> </main> <aside> <img src="pizza.png" alt="pizza"> </aside> </article> </div>.content { margin: 0px auto; max-width: 1080px; } main { float: left; width: %; margin-right: 2.777%; padding: 8px 0.74%; } aside { float: right; padding: 8px 0.74%; width: 15.93%; } Was haben wir erreicht?? 17
18 Flexibles Gestaltungsraster > 1080px = 1080px < 1080px Raster skaliert mit 18
19 Flexible Bilder und Medien Techniken des Responsive Webdesign Flexibles Gestaltungsraster Flexible Bilder und Medien Mediaqueries 19
20 Flexible Bilder und Medien Fluid Image Bild reaktionsfähig machen Definition relativer Größenverhältnisse des Bilds in Bezug auf verfügbare Breite durch den Container Relativer Wert = Fixer Wert / Containergröße * 100 Skalierung der Bildhöhe zur Bildbreite Inhalt: maximale Breite, z.b Pixel Relative Breite, z.b. 82,59% (max. <article> 892 Pixel) <main> 180/892*100 = 20,18% Fixe Breite, z.b. 180 Pixel Pizza Pizza ist ein vor dem Backen würzig belegtes Fladenbrot aus einfachem Hefeteig Restliche aus der Breite italienischen Küche. Die heutige, international verbreitete <aside> 20
21 Flexible Bilder und Medien Bild reaktionsfähig machen Definition relativer Größenverhältnisse des Bilds in Bezug auf verfügbare Breite durch den Container Relativer Wert = Fixer Wert / Containergröße * 100 Skalierung der Bildhöhe zur Bildbreite Inhalt: maximale Breite, z.b Pixel Relative Breite, z.b. 82,59% (max. <article> 892 Pixel) <main> Pizza <aside> Relative Breite, z.b. max. 20,18% Pizza ist ein vor dem Backen würzig belegtes Fladenbrot aus einfachem Hefeteig aus der italienischen Küche. Die heutige, international verbreitete Restliche Breite 21
22 Flexible Bilder und Medien <div class="content"> <header> <h1>italienisches Essen</h1> </header> <article> <main> <img src="pizza.png" alt="pizza"> <h1>pizza</h1> <p>. </p> </main> <aside> </aside> </article> </div> Was passiert hier bei Verkleinerung??.content { margin: 0px auto; width: 1080px; } main { float: left; width: %; margin-right: 2.777%; padding: 8px 0.74%; } aside { float: right; padding: 8px 0.74%; width: 15.93%; } img { height: auto; max-width: 20.18%; float: left; } 22
23 Flexible Bilder und Medien > 1080px = 1080px < 1080px Die Bildgröße skaliert. Optimierter Textumfluss 23
24 Mediaqueries Techniken des Responsive Webdesign Flexibles Gestaltungsraster Flexible Bilder und Medien Mediaqueries 24
25 Mediaqueries > 1080px = 1080px Ist die kleine Darstellung wirklich? ideal? < 1080px 25
26 Mediaqueries 1080px Ränder werden kleiner 26
27 Mediaqueries 650px 1080px Kein Rand mehr Inhalt skaliert 27
28 Mediaqueries 250px 650px 1080px <aside>-bereich zu schmal Bild zu klein 28
29 Mediaqueries 250px 650px 1080px Zeilenumbruch der Überschrift Passt nicht mehr in Header 29
30 Mediaqueries 250px Umbruchpunkte 650px only screen and (min-width: 1080px) { /* Standard-Layout mit Seitenrändern */ only screen and (max-width: 1080px) { only screen and (max-width: 650px) { only screen and (max-width: 250px) { Prof. Dr. Manfred Wojciechowski, 18. } Februar
31 Mediaqueries Umbruchpunkte 1080px Ränder werden only screen and (min-width: 1080px) { /* Standard-Layout mit Seitenrändern */ } 31
32 Mediaqueries Umbruchpunkte 650px 1080px Kein Rand mehr Inhalt only screen and (max-width: 1080px) { /* Optimierung: Kein Rand, kein Außenabstand */.content { border: none; margin: 0; } } 32
33 Mediaqueries 250px Umbruchpunkte 650px 1080px <aside>-bereich zu schmal Bild zu klein? Was können wir machen? 33
34 Mediaqueries 250px Umbruchpunkte 650px 1080px <aside>-bereich zu schmal Bild zu klein 34
35 Mediaqueries 250px 650px 1080px Zeilenumbruch der Überschrift Passt nicht mehr in Header - Breakpoints erkennen - Anpassung der Website an den Breakpoints only screen and (max-width: 250px) { header { background-color: #00A080; color: white; height: 4em; height: 6em; } } 35
36 Frameworks Frameworks nutzen Flexible Grid-Systeme Responsive Formulare Responsive Tabellen Fertige Templates UI-Elemente Integration in CMS 40
37 Frameworks Auswahl Foundation 5 Responsive Framework Twitter Bootstrap YAML (Yet Another Multicolumn Layout) Gumby Framework Kube GroundworkCSS BASE 41
38 Abschluss Fragen? 42
Responsive Webdesign
ebusiness Praxistag Thüringen 2014 Responsive Webdesign BASISWISSEN UND MÖGLICHKEITEN DER UMSETZUNG Maik Grunitz Geschäftsführer Forward Marketing GbR Inhalte 1. Warum Responsive Design? 2. Geschichte
MehrGliederung. 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
MehrResponsive 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,
MehrResponsive 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
MehrEinführung Responsive Webdesign
Einführung Responsive Webdesign Aktuelle Situation Desktop Webseiten Umsetzungen auch heute noch in den meisten Fällen Pixelbasiert JavaScript schafft Dynamik CSS schafft Trennung von Inhalt und Layout
MehrDas TYPOlight CSS-Framework
Das TYPOlight CSS-Framework Aufgaben eines CSS-Frameworks CSS-Reset Vereinheitlichung der Darstellung in allen Browsern Zurücksetzen der proprietären Abstände und Formatierungen Cross-Browser-Formatierung
MehrResponsive Web Design
Responsive Web Design mit APEX Theme 25 Christian Rokitta APEX UserGroup NRW Treffen 20.01.2014 Oracle DB & APEX Entwickler (selbstständig) Deutschland ( 1996) Niederlanden ( 1996) themes4apex: APEX UI
Mehr1. Warum Responsives Webdesign? 2. Was ist Responsives Webdesign? 3. Welche Technik und Konzepte gibt es im Responsiven Webdesign?
1. Warum Responsives Webdesign? 2. Was ist Responsives Webdesign? 3. Welche Technik und Konzepte gibt es im Responsiven Webdesign? 4. Wie sieht die Zukunft im Responsiven Webdesign aus? Special: Responsives
MehrMobile Umfragen Responsive Design (Smartphone & Tablet)
Mobile Umfragen Responsive Design ( & Tablet) Umfragen und Umfragedesign für mobile Endgräte mit der Umfragesoftware von easyfeedback. Inhaltsübersicht Account anlegen... 3 Mobile Umfragen (Responsive
MehrTypo3 - Inhalte. 1. Gestaltung des Inhaltsbereichs. 2. Seitenunterteilung einfügen
Typo3 - Inhalte 1. Gestaltung des Inhaltsbereichs Das Layout der neuen TVA Website sieht neben dem grafischen Rahmen und den Navigations-Elementen oben und links einen grossen Inhaltsbereich (graue Fläche)
MehrStefan Bauer. Trends im mobilen Business
Stefan Bauer Trends im mobilen Business Stefan Bauer Jahrgang 1969, verheiratet, 2 Kinder Diplom-Informatiker TU München Seit 1996 in Online Branche Seit 1999 selbständig Inhaber und Vorstand Dozent und
MehrSeitengestaltung mit HTML und CSS. Stefan Rothe, Thomas Jampen
Seitengestaltung mit HTML und CSS Stefan Rothe, Thomas Jampen 2013 09 12 Rechtliche Hinweise Dieses Werk von Stefan Rothe steht unter einer Attribution-NonCommercial-ShareAlike 3.0 License. Zudem verzichtet
MehrResponsive 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
Mehr3-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
MehrMOBILE USABILITY. Johannes Ewald peerigon UG
MOBILE USABILITY Johannes Ewald peerigon UG ÜBER MICH Johannes Ewald UI-Designer und Webentwickler Studium Interaktive Medien Gründung der peerigon UG MOBILE APP MOBILE WEB GRUNDLAGEN DER MOBILE USABILITY
MehrResponsive Web Design Graceful Degradation and Progressive Enhancement
Graceful Degradation and Progressive Enhancement Seminar Web Engineering für Master-Studenten (WS 2013/2014) Betreuer: Michael Krug Datum: 13.12.2013 1 Gliederung 1. Warum? 2. Konzepte zur Anpassung an
Mehrresponsive-web 31.10.2012 giordano.ch Oktober 31, 2012 1
responsive-web 31.10.2012 giordano.ch Oktober 31, 2012 1 perspektiven bruno giordano. // giordano.ch online.ch Oktober 31, 2012 2 giordano.ch Oktober 31, 2012 3 www.leo.org giordano.ch Oktober 31, 2012
MehrWEB4BUSINESS JETZT NEU
WEB4BUSINESS JETZT NEU Moderner, einfacher, besser: Heute startet das neue web4business. Ihre Homepage-Software ist in den letzten Monaten mit einem Ziel weiterentwickelt worden: Ihren Erfolg im Internet.
MehrMeine erste Homepage - Beispiele
Meine erste - Beispiele 1. Beispiel meine Willkommen auf meiner Befehle nicht über Hier ist ein Senior, der noch fit für's Internet ist. Probieren wir
MehrMobiler Ratgeber. TILL.DE Google Partner Academy
Mobiler Ratgeber TILL.DE Google Partner Academy Warum mobil sein? Eine Webseite, die mobil nicht gut zu erreichen ist, ist mit einem geschlossenen Geschäft gleichzusetzen! Warum mobil sein? Darüber informieren
MehrAnleitung zur Erstellung und Bearbeitung von Seiten in Typo3. Typo3. Anleitung. Wenpas Informatik
Anleitung zur Erstellung und Bearbeitung von Seiten in Typo3. Typo3 Anleitung Wenpas Informatik 1.0 Anmeldung im Backend Zum Backend einer Typo3 Seite gelangt man wenn man nichts anderes konfiguriert hat
MehrBesten Dank, dass Sie sich überlegen, eine Website von Daynox erstellen zu lassen!
Besten Dank, dass Sie sich überlegen, eine Website von Daynox erstellen zu lassen! Inhalt 1 Die Erstellung der Webseite... 3 2 Bezahlung... 4 3 Support... 5 4 Anschrift... 6 5 Haftung/Garantie/Mängel...
MehrGrundlagen zur Erstellung und dem Relaunch einer Homepage. Julius Hoyer Osnabrück - 11. März 2015
Grundlagen zur Erstellung und dem Relaunch einer Homepage Julius Hoyer Osnabrück - 11. März 2015 Fakultät Wirtschafts- und Sozialwissenschaften 11. März 2015 ebusiness-lotse Osnabrück 2 Das Team an der
MehrBlumen-bienen-Bären Academy. Kurzanleitung für Google Keyword Planer + Google Trends
Kurzanleitung für Google Keyword Planer + Google Trends Der Google Keyword Planer Mit dem Keyword Planer kann man sehen, wieviele Leute, in welchen Regionen und Orten nach welchen Begriffen bei Google
MehrMobile Fundraising. Praxisbeispiele. Katja Prescher Fundraiserin, Marketing- und Kommunikationsexpertin. Mobile Fundraising Katja Prescher
Mobile Fundraising Praxisbeispiele Katja Prescher Fundraiserin, Marketing- und Kommunikationsexpertin katja.prescher@sozialmarketing.de @sozialmarketing @SoZmark 5.. Bonus-Tipp Auf den folgenden Seiten
MehrGeorgienseite TYPO3 LTS7 Projekt Georgienseite TYPO3 LTS 7 responsiv Stand: Juni 2016
TYPO3 LTS7 1 Projekt TYPO3 LTS 7 responsiv Stand: Juni 2016 Die gibt es seit 2000. Im September 2014 haben wir sie auf TYPO3 LTS 6 eingerichtet. Juni 2016 erfolgte ein update auf die Version LTS 7 von
MehrWebseite einfügen und bearbeiten
Webseite einfügen und bearbeiten Aufruf: Webseiten > Menu & Seiten > Webseite bearbeiten oder über Webseiten > neue Seite einfügen neue Seite einfügen Seitenvorlage auswählen Es stehen verschiedene Seitenvorlagen
MehrResponsive 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
MehrFachartikel. Responsive Webdesign
Bundesrealgymnasium 8010 Graz, Petersgasse 110 Fachartikel Peter Tschuffer Responsive Webdesign Anpassungsfähige Websites für unterschiedliche Ausgabegeräte gestalten Abbildung 1: Screenshot von www.responsivefba.tk
MehrDesign anpassen eine kurze Einführung
Design anpassen eine kurze Einführung Das gesamte Layout von Papoo basiert auf modernen CSS Layouts die vollständig ohne Layout Tabellen funktionieren. Um schnell vorhandene Designs anpassen zu können
MehrKILL PHOTOSHOP. Gestaltung im Browser mit Contao
KILL PHOTOSHOP Gestaltung im Browser mit Contao DENNIS ERDMANN Kiel, Schleswig-Holstein" Geschäftsführer bei SOLADES" Steuermann bei Erdmann & Freunde" Contao-Nutzer seit 2008 RÜCKBLICK Warum ist Photoshop
MehrBedienung des Web-Portales der Sportbergbetriebe
Bedienung des Web-Portales der Sportbergbetriebe Allgemein Über dieses Web-Portal, können sich Tourismusbetriebe via Internet präsentieren, wobei jeder Betrieb seine Daten zu 100% selbst warten kann. Anfragen
MehrResponsive Web Design
Responsive Web Design Am Beispiel: Government of Alberta Frank Steffen, Senior Product Manager 22 Januar 2013 Copyright OpenText Corporation. All rights reserved. Agenda AlbertaCanada.com Responsive Design
MehrTIMERATE AG Tel 044 422 65 15 Falkenstrasse 26 timerate@timerate.ch 8008 Zürich www.timerate.ch. Joomla Templates Kursunterlagen
TIMERATE AG Tel 044 422 65 15 Falkenstrasse 26 timerate@timerate.ch 8008 Zürich www.timerate.ch Joomla Templates Kursunterlagen Ordnerstruktur in Joomla Inhaltsverzeichnis Ordnerstruktur in Joomla... 3
MehrMigration von statischen HTML Seiten
Migration von statischen HTML Seiten Was ist Typo3 Typo3 ist ein Content Mangement System zur Generierung von Internetauftritten. Dieses System trennt Inhalt, Struktur und Layout von Dokumenten und stellt
MehrArgelander Institut für Astronomie. Persönliche Website
Argelander Institut für Astronomie Persönliche Website Zunächst loggt man sich auf www.astro.uni-bonn.de/typo3 mit seinem AIfA Zugang ein. Nach erfolgreichem Login befindet man sich im Backend des TYPO3
MehrWebshop Booster bh 1/2016
Schulungsteil Webshop Booster bh 1/2016 Integration von Content im WebShop Neue Schnittstellen und Funktionen > Accarda, MailChimp, Auto Suggest Einbindungen von Widgets 1 Integration von Content in Concerto
MehrWie Sie mit einer Website tausend Geräte bespielen und das auch tun sollten
Wie Sie mit einer Website tausend Geräte bespielen und das auch tun sollten Informationen, Zahlen und Beispiele über Responsive Webdesign von artundweise GmbH Dirk Beckmann dirk.beckmann@artundweise.de
MehrBedienungsanleitung Homepage Customer Interface (HCI)
Bedienungsanleitung Homepage Customer Interface (HCI) Inhalt Inhalt... 1 Startseite des HCI... 1 Konfiguration Ihres HCI... 3 Einbindung auf Ihrer Website... 5 Design... 5 Startseite des HCI Sie können
MehrCheckliste zur Planung einer Webseite
Checkliste zur Planung einer Webseite Eine neue Webseite ist immer ein spannendes Unterfangen. Egal, ob es Ihre erste oder zehnte Webseite ist. Das Gefühl, wenn die Webseite endlich fertig und live im
MehrBarrierefreie Webseiten erstellen mit TYPO3
Barrierefreie Webseiten erstellen mit TYPO3 Alternativtexte Für jedes Nicht-Text-Element ist ein äquivalenter Text bereitzustellen. Dies gilt insbesondere für Bilder. In der Liste der HTML 4-Attribute
MehrFilmzitate - CMS System Joomla Dokumentation. Samuel Weibel 10. Dezember 2013 Kantonsschule am Brühl
Filmzitate - CMS System Joomla Dokumentation Samuel Weibel 10. Dezember 2013 Kantonsschule am Brühl 1 Inhaltsverzeichnis Filmzitate CMS System Joomla * Inhaltsverzeichnis Dienstag 5. November 2013 Projekt
MehrMini-Dokumentation zur Bearbeitung der Website massweiler.de
Mini-Dokumentation zur Bearbeitung der Website massweiler.de 10. März 2015 Die Website massweiler.de Die Website massweiler.de wird mit dem Content Management System (CMS) Joomla betrieben. Joomla ist
MehrBEWERBERPROFILE. Erstellung einer Firmenwebseite Mustermann GmbH MUSTERPROFILE. Alle Studenten, Referenzen und Webseiten sind frei erfunden.
BEWERBERPROFILE Erstellung einer Firmenwebseite Mustermann GmbH MUSTERPROFILE Alle Studenten, Referenzen und Webseiten sind frei erfunden. BEWERBERPROFIL NR. 1 Max Müller mueller@gmail.com ÜBER MAX: Max
MehrCheckliste Webauftritt
Um Ihre Website genau auf Ihre Bedürfnisse und an Ihre firmeninternen Gegebenheiten anpassen zu können, benötigen wir einige Informationen von Ihnen. Bitte beantworten Sie dafür einfach die Fragen auf
MehrReferenz Frontend: Responsive Webdesign
Stand: Dezember 2014 Diese Referenzliste bezieht sich auf eine Webseite, von der es zwei Versionen gibt. Diese Version ist mit Hilfe des Twitter Bootstrap Frameworks für mobile Endgeräte optimiert. - Startseite
MehrFragenkatalog für die Entwicklung einer Website
Fragenkatalog für die Entwicklung einer Website Name des Projekts Kunde Datum Ansprechpartner Name Rolle Mail-Adresse 1. 2. 3. 4. Der folgende Fragebogen stellt die Grundlage für das Website-Konzept da.
MehrWebdesign 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
Mehrräber Neue Kunden gewinnen Mit Online-Marketing zum Ziel Content- und Online-Marketing für KMU
marketing internet räber Content- und Online-Marketing für KMU Neue Kunden gewinnen Mit Online-Marketing zum Ziel Gefunden werden und überzeugen Im Jahre 2010 waren rund 227 Millionen Webseiten im Netz
MehrSolarstrom selbst erzeugen und speichern so geht s!
Solarstrom selbst erzeugen und speichern so geht s! SunEnergy Europe GmbH Das Energiepaket M mit 5 kwp Leistung bei der Arbeit, fertig montiert auf einem Carportdach: 20 Solarmodule produzieren leise und
MehrFinanzbuchhaltung*, lfd. Lohnabrechnungen, Unternehmensberatung für kleine und mittelständische Betriebe
Finanzbuchhaltung*, lfd. Lohnabrechnungen, Unternehmensberatung für kleine und mittelständische Betriebe! * I N H A B E R U W E K R Ä H M E R *Spezialisiert auf das Buchen der laufenden Geschäftsvorfälle.
MehrEs gibt Wichtigeres im Leben, als beständig dessen Geschwindigkeit zu erhöhen. Ghandi PROZESSBEGLEITUNG
Es gibt Wichtigeres im Leben, als beständig dessen Geschwindigkeit zu erhöhen. Ghandi PROZESSBEGLEITUNG INHALT Nachhaltige Prozessbegleitung Zielgruppe Ziele der Prozessbegleitung Ansatz Aus und Weiterbildung
MehrBauen Sie Ihren Messestand
Bauen Sie Ihren Messestand... so einfach wie mit Lego NEU 03 Martincolor Präsentations- & Messebausystem Vorteile im Überblick: Messestandbeispiel Messestandbeispiel Messestandbeispiel / Deckenabhänger
MehrDiese 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,
MehrEinfü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
MehrWORKSHOP für das Programm XnView
WORKSHOP für das Programm XnView Zur Bearbeitung von Fotos für die Nutzung auf Websites und Online Bildergalerien www.xnview.de STEP 1 ) Bild öffnen und Größe ändern STEP 2 ) Farbmodus prüfen und einstellen
MehrErweiterungen Gantry Framework -
Gantry Framework Gantry Framework ist eine Art Tabelle (Grid), in der man in den Zellen die jeweiligen Beiträge und sonstigen Bereiche positionieren kann. Gantry Framework downloaden Über Google nach Gantry
MehrDie Agenda am 06.03.2012
Die Agenda am 06.03.2012 Andrea Keil Austauschworkshop Gesunde Lebenswelt das Plus für alle, S. 2 Erfurt, 06.03.2012 Das Ankommen Andrea Keil Austauschworkshop Gesunde Lebenswelt das Plus für alle, S.
MehrFragebogen Social Media reloaded - 2013
Fragebogen Social Media reloaded - 2013 Umfrage-Basics/ Studiensteckbrief: _ Methode: Computer Assisted Web Interviews (CAWI) _ Instrument: Online-Interviews über die Marketagent.com research Plattform
MehrContent Management System mit INTREXX 2002.
Content Management System mit INTREXX 2002. Welche Vorteile hat ein CM-System mit INTREXX? Sie haben bereits INTREXX im Einsatz? Dann liegt es auf der Hand, dass Sie ein CM-System zur Pflege Ihrer Webseite,
MehrKompliziert war gestern ein schneller Weg zur neuen Homepage
Kompliziert war gestern ein schneller Weg zur neuen Homepage AGENDA 1 2 3 HG² MEDIEN DAS TEAM WEBTECHNOLOGIEN 6 5 4 LIVE AM SYSTEM FRAGEN? EIN PROJEKTBERICHT: FFE HG² Medien GbR Gründung Anfang 2014 Nebengewerbe
MehrCloud Computing Top oder Flop? 17. November 2010
Cloud Computing Top oder Flop? 17. November 2010 DI Thomas Gradauer, Head of Presales-Consulting Raiffeisen Informatik ITSM-Beratung Raiffeisen BANK AVAL 16.10.2009 1 Agenda Raiffeisen Informatik Medienspiegel
MehrSchüler-E-Tutorial für mobile Endgeräte. Ein Folgeprojekt des Netzwerks Informationskompetenz Berlin/Brandenburg mit der HdM
Schüler-E-Tutorial für mobile Endgeräte Ein Folgeprojekt des Netzwerks Informationskompetenz Berlin/Brandenburg mit der HdM Von der Themenwahl bis zur Hausarbeit Studierende der HdM Stuttgart Studiengang
MehrZeit lässt sich nicht wie Geld für schlechte Zeiten zur Seite legen. Die Zeit vergeht egal, ob genutzt oder ungenutzt.
Zeitmanagement Allgemeine Einleitung Wie oft haben Sie schon gehört Ich habe leider keine Zeit? Und wie oft haben Sie diesen Satz schon selbst gesagt? Wahrscheinlich nahezu jeden Tag. Dabei stimmt der
Mehr11 Tabellen als Inhaltselement (ohne RichTextEditor)
11 Tabellen als Inhaltselement (ohne RichTextEditor) Inhaltsverzeichnis 11 Tabellen als Inhaltselement (ohne RichTextEditor) 1 Vorbemerkung.......................................... 1 11.1 Eine einfache
MehrErzherzog Johann Jahr 2009
Erzherzog Johann Jahr 2009 Der Erzherzog Johann Tag an der FH JOANNEUM in Kapfenberg Was wird zur Erstellung einer Webseite benötigt? Um eine Webseite zu erstellen, sind die folgenden Dinge nötig: 1. Ein
MehrDie TMB Contentstrategie die wichtigste Folie!
Rückblick auf die Werkstätten des gestrigen Tages mit Ausblick & Handlungsempfehlungen für den Tourismus in Brandenburg Dialog zwischen Dieter Hütte und Jan Hoffmann im Rahmen des Tages des Brandenburgischen
MehrFragebogen zur Angebotserstellung einer Webseite. Antwort per Fax an: 03944 36 94 355 oder per Mail: kontakt@mighty-websites.de
1 Fragebogen zur Angebotserstellung einer Webseite Antwort per Fax an: 03944 36 94 355 oder per Mail: kontakt@mighty-websites.de 1 Allgemeine Angaben zum Auftraggeber Unternehmen: Name: Anschrift: Telefon:
MehrCheckliste Webdesign, Redesign und Suchmaschinenoptimierung (SEO)
Checkliste Webdesign, Redesign und Suchmaschinenoptimierung (SEO) Ihre Webseite ist ein wenig in die Jahre gekommen oder Sie planen gerade eine Unternehmensgründung und wollen Ihre Webseite als zusätzliches
MehrInfoPoint vom 9. November 2011
InfoPoint vom 9. November 2011 Was ist Joomla? Theorie Installation Extensions Administration Demo Joomla ist ein modulares content management system (CMS) Es ermöglicht eine Website zu erstellen und online
MehrErstellen einer Collage. Zuerst ein leeres Dokument erzeugen, auf dem alle anderen Bilder zusammengefügt werden sollen (über [Datei] > [Neu])
3.7 Erstellen einer Collage Zuerst ein leeres Dokument erzeugen, auf dem alle anderen Bilder zusammengefügt werden sollen (über [Datei] > [Neu]) Dann Größe des Dokuments festlegen beispielsweise A4 (weitere
MehrFRONT 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
MehrIch möchte eine Bildergalerie ins Internet stellen
Ich möchte eine Bildergalerie ins Internet stellen Ich habe viele Fotos von Blumen, von Häusern, von Menschen. Ich möchte zu einem Thema Fotos sammeln, eine Vorschau erstellen und die Fotos so in der Größe
MehrAllgemeiner Leitfaden zum Einfügen suchmaschinenoptimierter Texte
Allgemeiner Leitfaden zum Einfügen suchmaschinenoptimierter Texte Wir von Textprovider, Anbieter von produktbeschreibung.eu möchten Ihnen mit diesem Infoblatt Basisinformationen an die Hand geben, wie
MehrFotos in Tobii Communicator verwenden
Fotos in Tobii Communicator verwenden Hier wird beschrieben wie man Fotos in Tobii Communicator verwenden kann und was man zur Nutzung beachten sollte. Fotonutzung in Tobii Communicator In einigen Fällen
MehrNominari. Firmenportrait
Nominari Firmenportrait Wer wir sind... Nominari Als so genannte Crossmedia-Agentur versteht sich Nominari als Schnittstelle verschiedener Gewerke im Medienbereich. Da wir auf Grund unserer langjährigen
Mehr11 Spezielle Einstellungen Ihres Baukastens
11 Spezielle Einstellungen Ihres Baukastens 11.1 Kopfleiste des Baukastens anpassen Für die Kopfleiste (Header) Ihres Baukastens gibt es verschiedene Varianten, die Sie selbst verwalten können. Im Seitenbaum
MehrUmfrage shared power
Umfrage shared power 42 Frauen haben die Umfrage beantwortet: Dankeschön! Hier findet Ihr die Resultate 29.03.2014 1 Frage 1: Welche Themen interessieren? Neue Medien wie social Media: xing, chatrooms,
Mehr1. Typo3 Elemente Uni Greifswald
1. Typo Elemente Uni Greifswald 1.1. Elementgruppen Man unterscheidet folgende Elementgruppen: Inhaltsblöcke (1) Teaser (2) Miniteaser () werden für die Bestückung von Inhaltsseiten (z.b. Textseiten, Adresslisten
MehrVon Windows-Forms zu WPF mit Expression Blend? Thomas Müller conplement AG Nürnberg
Von Windows-Forms zu WPF mit Expression Blend? Thomas Müller.NET Consultant / Trainer.NET Client-Server Visual Studio / Expression Blend Thomas Müller Leiter der dodned UG-Franken Sprecher auf Konferenzen
MehrGimp Kurzanleitung. Offizielle Gimp Seite: http://www.gimp.org/
Gimp Kurzanleitung Offizielle Gimp Seite: http://www.gimp.org/ Inhalt Seite 2 Seite 3-4 Seite 5-6 Seite 7 8 Seite 9 10 Seite 11-12 Ein Bild mit Gimp öffnen. Ein Bild mit Gimp verkleinern. Ein bearbeitetes
MehrSCRIBUS WORKSHOP Handout Gimp
SCRIBUS WORKSHOP Handout Gimp 1 Ziele des Workshops Was ist Gimp? Was kann ich mit Gimp machen? Wie erstelle ich ein Bild für Scribus? Wie erstelle ich eine Vektorgrafik für Scribus? Varia? 2 Was ist Gimp?
MehrMit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken.
Seite erstellen Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken. Es öffnet sich die Eingabe Seite um eine neue Seite zu erstellen. Seiten Titel festlegen Den neuen
MehrJeopardy and andere Quizformate im bilingualen Sachfachunterricht Tipps zur Erstellung mit Powerpoint
Bilingual konkret Jeopardy and andere Quizformate im bilingualen Sachfachunterricht Tipps zur Erstellung mit Powerpoint Moderner Unterricht ist ohne die Unterstützung durch Computer und das Internet fast
MehrTYPO3-Protokoll. Für Admins. Titel PYRONET. 4 März 2010 Verfasst von: Marion krimm
TYPO3-Protokoll Titel Für Admins PYRONET 4 März 2010 Verfasst von: Marion krimm TYPO3-Protokoll Titel Inhaltsverzeichnis Inhaltsverzeichnis INHALTSVERZEICHNIS... 1 ARBEITSUMGEBUNG... 1 ANFORDERUNG... 1
MehrErstellen eines HTML-Templates mit externer CSS-Datei
Erstellen eines HTML-Templates mit externer CSS-Datei Eigenschaften der Lösung Menü mit 2 Ebenen ohne Bilder, Menü besteht aus Text (Links) Durch CSS kann das Menü aber auch die Seite angepasst werden
MehrMobiler. Vernetzter. Emotionaler. Wie SBG auf die Entwicklung des Internets reagiert
Mobiler. Vernetzter. Emotionaler. Wie SBG auf die Entwicklung des Internets reagiert 16. Dezember 2015 Von Berit Reiter und Heike Bach Ablauf Begriffsklärung Welche Online Medien gibt es sonst noch? Status
MehrSocial viral - genial
Book2look Biblets sind eine flexible, für Ihre Buchhandlung maßgeschneiderte Look Inside - Lösung und ein modernes Online Marketing Tool für Ihre Zielgruppe. Und: Es ist kostenlos! Social viral - genial
MehrL10N-Manager 3. Netzwerktreffen der Hochschulübersetzer/i nnen Mannheim 10. Mai 2016
L10N-Manager 3. Netzwerktreffen der Hochschulübersetzer/i nnen Mannheim 10. Mai 2016 Referentin: Dr. Kelly Neudorfer Universität Hohenheim Was wir jetzt besprechen werden ist eine Frage, mit denen viele
Mehr1 Einleitung. Lernziele. das Drucklayout einer Tabelle mit der Seitenansicht kontrollieren
1 Einleitung Lernziele das Drucklayout einer Tabelle mit der Seitenansicht kontrollieren mit dem Register Seitenlayout das Drucklayout einer Tabelle ändern Kopf- und Fußzeilen schnell einfügen Lerndauer
MehrDeutsche Golf Liga. Mediadaten 2013. Gültig ab Juli 2013. deutsche golf online GmbH
Deutsche Golf Liga Mediadaten 2013 Gültig ab Juli 2013. Deutsche Golf Liga Auf dem Weg zur Vision Gold. Fakten und Hintergründe. Die Einführung der Bundesliga in jeder Sportart zeigte bisher, hier stecken
MehrOnline Marketing für Weiterbildungsportale Manuel Marini, 18. Oktober 2012. www.marini-media.de info@marini-media.de 1
Online Marketing für Weiterbildungsportale Manuel Marini, 18. Oktober 2012 www.marini-media.de info@marini-media.de 1 Wer steckt hinter der Marini Media? Online Marketing Beratung für Bildungseinrichtungen
MehrProjektmanagement in der Spieleentwicklung
Projektmanagement in der Spieleentwicklung Inhalt 1. Warum brauche ich ein Projekt-Management? 2. Die Charaktere des Projektmanagement - Mastermind - Producer - Projektleiter 3. Schnittstellen definieren
MehrPalme & Eckert Web-Marketing
Palme & Eckert Web-Marketing Google AdWords, Facebook & Co. Viele Website-Besucher zu haben ist gut - qualifizierte Besucher zu haben, die Kunden werden können, deutlich besser. Neben den Suchmaschinen
MehrSCHRITT 1: Öffnen des Bildes und Auswahl der Option»Drucken«im Menü»Datei«...2. SCHRITT 2: Angeben des Papierformat im Dialog»Drucklayout«...
Drucken - Druckformat Frage Wie passt man Bilder beim Drucken an bestimmte Papierformate an? Antwort Das Drucken von Bildern ist mit der Druckfunktion von Capture NX sehr einfach. Hier erklären wir, wie
MehrKlicken Sie auf den Reiter Newsfeed (1) in der oberen Menüleiste und wählen Sie dann links in der schmalen grauen Leiste Neuer Newsfeed (2) aus:
Seite 1 Wenn Sie daran interessiert sind, aktuelle Informationen über Ihr Unternehmen auf Ihrer Internetpräsenz zu veröffentlichen, ist die Newsfeed-Funktion von meltwater news genau das richtige für Sie.
MehrHerzlich 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
MehrModulare Messestände Große Ideen für variable Messeflächen!
Modulare Messestände Große Ideen für variable Messeflächen! Eine hohe Anpassungsfähigkeit von Standkonzepten an verschiedenste Anforderungen steht hier im Fokus. Neben unserer Erfahrung für unkonventionelle,
MehrDie erfolgreiche Webseite einer Praxis.
Die erfolgreiche Webseite einer Praxis. Unser Angebot für Sie. Unsere Webseiten sind einfach zu bedienen. Bilder und Texte können jederzeit vom Anwender ergänzt, entfernt oder aktualisiert werden. Klingt
Mehr