Webportfolio Kurs 2 1

Größe: px
Ab Seite anzeigen:

Download "Webportfolio Kurs 2 1"

Transkript

1 Webportfolio Kurs 2 1

2 Inhalte Übersicht Konzeption und Gestaltung von Websites Strukturierung von HTML-Dokumenten Formatierung von HTML-Dokumenten Verwenden von Bildern, Links, Listen, Tabellen.. Einbettung von Video, Audio Einsatz von Cascading Style Sheets (CSS) Umsetzung eines Responsiven Layout Einsatz von JavaScript Einführung und Vertiefung in Adobe Dreamweaver

3 Organisation des Kurses jeden Freitag bis zum ausser: und Termine 10:00 Uhr - 13:00 Uhr Software Texteditor Adobe Dreamweaver TextWrangler, Notepad++, Brackets, Sublime, Espresso evt. Adobe Edge Animate, Adobe Edge Inspect, Adobe Edge Reflow, Fireworks Browser: Safari, Firefox, Chrome, Opera, Internet Explorer & Mobile Browser

4 Kursziel Website Freie Themenwahl: Portfolio, Projekte, Produktseite,... keine Verwendung von Templates, Wordpress etc. Einbinden von Bildergalerien oder anderen Plugins ist erlaubt Umfang Startseite Über Projekte Kontakt Impressum Projekt 1 Projekt 2 Projekt 3

5 Inhalte nach Seminarterminen Termin : Termin : Termin : Termin : Termin : Termin : Termin : Termin : Termin : Termin : Termin : Termin : Termin : Einführung & Einstieg in HTML Dreamweaver, HTML-Textauszeichnungen PB: Thema Listen, Tabellen, Verlinkungen Einstieg in CSS, Selektoren PB: Aufbau der Website Schrifteigenschaften, Farben, Hintergründe Boxeigenschaften, Rahmen, Abstände PB: Wireframes Ausrichten & Positionieren Layoutvarianten Responsives Layout PB Layoutpräsentation Webgrafiken & Webfonts Projektarbeit Video & Audio Projektarbeit PB: aktueller Projektstand

6 Inhalte nach Seminarterminen Termin : Termin : Termin : Termin : Termin : Termin : Termin : Termin : Termin : Termin : Termin : Termin : Termin : Einführung & Einstieg in HTML Dreamweaver, HTML-Textauszeichnungen PB: Thema Listen, Tabellen, Verlinkungen Einstieg in CSS, Selektoren PB: Aufbau der Website Schrifteigenschaften, Farben, Hintergründe Boxeigenschaften, Rahmen, Abstände PB: Wireframes Ausrichten & Positionieren Layoutvarianten Responsives Layout PB: Layoutpräsentation Webgrafiken & Webfonts Projektarbeit Video & Audio Projektarbeit PB: aktueller Projektstand

7 Projektschritte 1_8 1. Idee entwickeln Thematische Festlegung 2. Material sichten und organisieren Welche Inhalte sollen auf die Website? Was habe ich bereits? Was muss ich erst noch erstellen? 3. Navigation Umfang der Website festlegen Festlegen der Seitenhierarchie

8 Projektschritte 1_8 4. Layoutentwurf Erstellung eines grafischen Entwurfes in Photoshop 5. HTML-Grundstruktur erstellen Anlegen des Website-Templates rein semantische Auszeichnung, keine Stilinformationen 6. Designumsetzung mittels CSS Umsetzung des Layouts Positionierung der Elemente Versehen aller Elemente mit Stilinformationen 7. Interaktivität mittels CSS, Javascript oder PHP hinzufügen 8. Präsentation

9 Weblook 3_5

10 Sketch 3_10

11 Feedback 10

12 Workflow

13 Präsentation

14 Prüfung Voraussetzung für die Zulassung zur Prüfung: aktive Teilnahme an allen Besprechungen: : Besprechung des Themas : Besprechung des Websiteaufbaus : Layoutbesprechung (Wireframes) : Layoutpräsentation des eigenen Projektes Layout als PDF bitte bis zum :59:59 Uhr per Mail an mich Präsentation des Projektes Layout umfasst: einen finalen Entwurf für die Startseite exemplarische finale Entwürfe für die Unterseiten : Besprechung des aktuellen Projektstandes Abschlusspräsentation (Termin folgt)

15 Bewertungskriterien Umfang Aufbau Anspruch Technische Umsetzung Gestalterische Umsetzung Sauberkeit der Umsetzung Crossbrowser-Funktionalität aktive Teilnahme am Kurs Präsentation

16 Literatur - Offline Einstieg in HTML, CSS Modernes Webdesign: Gestaltungsprinzipien, Webstandards, Praxis (Galileo Design) - Manuela Hoffmann John Duckett - HTML & CSS: Erfolgreich Websites gestalten und programmieren Florence Maurice - CSS3: Die neuen Features für fortgeschrittene Webdesigner Christoph Zillgens - Responsive Webdesign: Reaktionsfähige Websites gestalten und umsetzen Adobe Dreamweaver Galileo Press - Adobe Dreamweaver CC - Das umfassende Training Video2Brain 16

17 Literatur - Online Online-Ressourcen zu HTML, CSS Sonstiges zum WWW

18 Fragen? 18

Teil I: Das Design. 1 Webdesign und Webstandards... 17. 2 Gestaltung und Layout... 51. 3 Typografie... 105. 4 Farbe 129. 5 Medien...

Teil I: Das Design. 1 Webdesign und Webstandards... 17. 2 Gestaltung und Layout... 51. 3 Typografie... 105. 4 Farbe 129. 5 Medien... Teil I: Das Design 1 Webdesign und Webstandards... 17 2 Gestaltung und Layout... 51 3 Typografie... 105 4 Farbe 129 5 Medien... 145 AUF EINEN BLICK 6 Werkzeugkasten... 159 Teil II: Die Technik 7 (X)HTML

Mehr

Manuela Hoffmann. Modernes Webdesign. Gestaltungsprinzipien, Webstandards, Praxis. Galileo Press

Manuela Hoffmann. Modernes Webdesign. Gestaltungsprinzipien, Webstandards, Praxis. Galileo Press Manuela Hoffmann Modernes Webdesign Gestaltungsprinzipien, Webstandards, Praxis Galileo Press Einleitung 11 TEIL I: Das Design 1 Webdesign und Webstandards 17 1.1 Webdesign, was ist das eigentlich? 17

Mehr

Björn Seibert Manuela Hoffmann. Professionelles Webdesign I mit (X)HTML und CSS [

Björn Seibert Manuela Hoffmann. Professionelles Webdesign I mit (X)HTML und CSS [ Björn Seibert Manuela Hoffmann Professionelles Webdesign I mit (X)HTML und CSS [ Inhalt Vorwort 11 Über das Buch 11 Über die Autoren 12 Teil I Bevor es losgeht... 15 1 Einfach moderne Websites 19 1.1 Auf

Mehr

Modernes Webdesign mit CSS

Modernes Webdesign mit CSS Heiko Stiegert Modernes Webdesign mit CSS Schritt für Schritt zur perfekten Website Galileo Press Inhalt rt TEIL I Grundlagen 1 Einleitung 1.1 Was ist Webdesign? 1.1.1 Accessibility 15 1.1.2 Usability

Mehr

CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS

CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS Sören Elvers, Julia Polner, Max Weller, Moritz Willig T-Doku, Werner-von-Siemens-Schule, Wetzlar 2010-2011 INHALT DIESES VORTRAGS 1. Kurze Einführung

Mehr

Netzwerkworkshop der deutschsprachigen OJS-Dienstleister 3./4. Dezember 2015, Berlin DOKUMENTATION

Netzwerkworkshop der deutschsprachigen OJS-Dienstleister 3./4. Dezember 2015, Berlin DOKUMENTATION Netzwerkworkshop der deutschsprachigen OJS-Dienstleister 3./4. Dezember 2015, Berlin DOKUMENTATION DFG-Projekt Nachhaltige OJS-Infrastruktur zur elektronischen Publikation wissenschaftlicher Zeitschriften

Mehr

Robert R. Agular Thomas Kobert. 5. Auflage HTML. Inklusive CD-ROM

Robert R. Agular Thomas Kobert. 5. Auflage HTML. Inklusive CD-ROM Robert R. Agular Thomas Kobert 5. Auflage HTML Inklusive CD-ROM Vorwort 13 Einleitung 14 Arbeitsschritte 14 Wichtige Stellen im Buch 14 Buffi-Infokästen 14 Aufgaben 15 Wohin mit den Übungen? 15 HTML-Ordner

Mehr

Referenzen Frontend und PHP

Referenzen Frontend und PHP Referenzen Frontend und PHP Stand: Dezember 2014 - Startseite Stand: Dezember 2014 - Seite wird mit PHP aus mysql Datenbank generiert - HTML5 und CSS3 - Aufbau mit - validiert von W3C www.georgien-nachrichten.de

Mehr

Webseiten sind keine Gemälde. Webstandards für ein besseres Web. Webstandards für ein besseres Web

Webseiten sind keine Gemälde. Webstandards für ein besseres Web. Webstandards für ein besseres Web Webseiten sind keine Gemälde Webkrauts Die Initiative für die Webkrauts ging von einem Blogeintrag im August 2005 aus. Nach dem Aufruf fanden sich innerhalb von etwa drei Tagen über 60 Interessierte zusammen.

Mehr

http://www.video2brain.com/de/products-582.htm

http://www.video2brain.com/de/products-582.htm André Reinegger führt Sie grundlegend in Dreamweaver CS5 ein und macht vor fortgeschrittenen Themen nicht halt. Lernen Sie die Struktur von XHTML-Seiten kennen genauso wie die Vorzüge vom Gestalten mit

Mehr

KILL PHOTOSHOP. Gestaltung im Browser mit Contao

KILL 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

Mehr

Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken.

Mit 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

Mehr

Di 8.4. Silverlight: Windows Presentation Foundation für s Web. Christian Wenz

Di 8.4. Silverlight: Windows Presentation Foundation für s Web. Christian Wenz Di 8.4 January 21-25, 2008, Munich, Germany ICM - International Congress Centre Munich Silverlight: Windows Presentation Foundation für s Web Christian Wenz Silverlight // WPF für s Web OOP 2008 // Di

Mehr

Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger

Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger Tutoring Projekt II // Master Druck- und Medientechnik // Beuth Hochschule für Technik Berlin // Berlin, 23.11.2013 Vorstellungsrunde Wer sind wir? Was machen wir? Webseite zum Kurs: http://beuthworkshop.wordpress.com

Mehr

Fragebogen zur Angebotserstellung einer Webseite. Antwort per Fax an: 03944 36 94 355 oder per Mail: kontakt@mighty-websites.de

Fragebogen 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:

Mehr

Webdesign mit (X)HTML und CSS

Webdesign mit (X)HTML und CSS Webdesign mit (X)HTML und CSS Das Praxisbuch zum Einsteigen, Auffrischen und Vertiefen Deutsche Ausgabe der 3. englischen Auflage Jennifer Niederst Robbins Übersetzung von Kathrin Lichtenberg O'REILLY*

Mehr

Einführung in PHP. (mit Aufgaben)

Einführung in PHP. (mit Aufgaben) Einführung in PHP (mit Aufgaben) Dynamische Inhalte mit PHP? 2 Aus der Wikipedia (verkürzt): PHP wird auf etwa 244 Millionen Websites eingesetzt (Stand: Januar 2013) und wird auf etwa 80 % aller Websites

Mehr

Wo steht HTML5 Überblick, Möglichkeiten, Zukunft (ohne Anspruch auf Vollständigkeit)

Wo steht HTML5 Überblick, Möglichkeiten, Zukunft (ohne Anspruch auf Vollständigkeit) 1 Wo steht HTML5 Überblick, Möglichkeiten, Zukunft (ohne Anspruch auf Vollständigkeit) Sven Brencher 2 Wie ich zu Webentwicklung stehe Yeah Flexbox! Entwickler vs. Unternehmer ROI? 3 Wie kann man HTML5

Mehr

Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools

Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools 1 Kurze HTML-Geschichte Die HTML4-Spezifikation wurde im Dezember 1997 vorgelegt. Seitdem Stagnation! Das W3C arbeitete

Mehr

Webseiten erstellen für Einsteiger

Webseiten erstellen für Einsteiger Daniel Mies Webseiten erstellen für Einsteiger Schritt für Schritt zur eigenen Website Galileo Press Vorbemerkungen 15 1 Vordem Start 21 1.1 Wie kommt die Seite aus dem Internet auf meinen Computer? 21

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

Responsive Webdesign mit HTML5 & CSS 3

Responsive Webdesign mit HTML5 & CSS 3 Responsive Webdesign mit HTML5 & CSS 3 3-tägiges Intensiv-Seminar: Responsive Webdesign Beschreibung Der überwältigende Erfolg von Smartphones und Tablets stellt Webdesigner/innen vor ganz neue Herausforderungen:

Mehr

Referenzen Frontend Typo3

Referenzen Frontend Typo3 Referenzen Typo3 und Frontend Stand: Mai 2015 Diese Referenzliste beschreibt die eigene Webseite der Internetagentur Irma Berscheid-Kimeridze. Die Webseite ist seit Mai 2015 online. Sie ist mit Typo3 erstellt.

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

Fachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer. Thema Inhalte/Umsetzung Programme Lehrplanbezug.

Fachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer. Thema Inhalte/Umsetzung Programme Lehrplanbezug. Fachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer Thema Grundlagen der Erstellung von Webseiten Maximalplan 1 Was man wissen sollten 2 Die erste Webseite mit HTML erstellen

Mehr

Die erfolgreiche Webseite einer Praxis.

Die 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

Aktualisierung des Internet-Browsers

Aktualisierung des Internet-Browsers Marketingtipp Aktualisierung des Internet-Browsers Landesverband Bauernhof- und Landurlaub Bayern e.v. Was ist ein Internet-Browser? Der Internet-Browser ist das Programm, das Sie benutzen um im Internet

Mehr

ArcGIS Online Werkstatt II Wege zur eignen Webanwendung

ArcGIS Online Werkstatt II Wege zur eignen Webanwendung ArcGIS Online Werkstatt II Wege zur eignen Webanwendung Christiane Radies Esri Deutschland GmbH 26. Juni 2014, Stuttgart Agenda 1. Einbetten 2. Templates nutzen 3. API s 4. WebApp Builder 2 2014 Esri Deutschland

Mehr

HTML5. Wie funktioniert HTML5? Tags: Attribute:

HTML5. Wie funktioniert HTML5? Tags: Attribute: HTML5 HTML bedeutet Hypertext Markup Language und liegt aktuell in der fünften Fassung, also HTML5 vor. HTML5 ist eine Auszeichnungssprache mit der Webseiten geschrieben werden. In HTML5 wird festgelegt,

Mehr

Erstellen Sie Ihre fertige Webseite im Workshop Dreamweaver-Basic bei meta.at

Erstellen Sie Ihre fertige Webseite im Workshop Dreamweaver-Basic bei meta.at Erstellen Sie Ihre fertige Webseite im Workshop Dreamweaver-Basic bei meta.at Jeder kann lernen, eine Webseite selbst zu erstellen und zu aktualisieren. Bei meta.at bekommen Sie auf einfache und unterhaltsame

Mehr

Einführung. Tutorium. Präsentation der Sitzung vom 28. April 2004 Martin Stricker martin.stricker@rz.hu-berlin.de

Einführung. Tutorium. Präsentation der Sitzung vom 28. April 2004 Martin Stricker martin.stricker@rz.hu-berlin.de Tutorium Einführung Präsentation der Sitzung vom 28. April 2004 Martin Stricker martin.stricker@rz.hu-berlin.de Ziel des Tutoriums Multimedia-Praxis: Multimedia-Techniken und die Arbeit mit Multimedia-Werkzeugen

Mehr

Blumen-bienen-Bären Academy. Kurzanleitung für Google Keyword Planer + Google Trends

Blumen-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

Mehr

CSS. Cascading Stylesheets

CSS. Cascading Stylesheets CSS Cascading Stylesheets Themen Was sind Cascading Stylesheets? Vorteile von CSS Nachteile von CSS CSS: Versionen Regelsyntax für Stylesheets Einem HTML-Dokument Styles hinzufügen und Numerische

Mehr

Webdesign 1. PCC-Seminar Einheit 1 Di., 21.3.2006

Webdesign 1. PCC-Seminar Einheit 1 Di., 21.3.2006 Webdesign 1 PCC-Seminar Einheit 1 Di., 21.3.2006 Projekt Website Wir wollen eine Website gestalten und umsetzen! Aber wie fangen wir an? Grundsätzliches: Internet Print ein anderes Medium verlangt andere

Mehr

Beleg 1/HTML: Erstellen einer Beispiel-Webseite

Beleg 1/HTML: Erstellen einer Beispiel-Webseite Beleg 1/HTML: Erstellen einer Beispiel-Webseite Als Beleg und zur Vertiefung der Kenntnisse in HTML ist eine Beispielwebseite zu erstellen, die die kennengelernten Tags und Attribute verwendet. Arbeiten

Mehr

Woran Sie auf einen Blick erkennen, dass Ihr TYPO3 Experte wenig Ahnung von Barrierefreiheit hat

Woran Sie auf einen Blick erkennen, dass Ihr TYPO3 Experte wenig Ahnung von Barrierefreiheit hat Alle wissen, was Webstandards und Accessibility bedeuten, aber Woran Sie auf einen Blick erkennen, dass Ihr TYPO3 Experte wenig Ahnung von Barrierefreiheit hat Maria Putzhuber www.putzhuber.net Copyright

Mehr

Wordpress als CMS Vertiefung

Wordpress als CMS Vertiefung Wordpress als CMS Vertiefung Zeitplan 09:00-09:15: Vorstellung und Fragen 09:15-10:00: Website-Konzeption 10:00-10:30: Umsetzung des Konzepts 10:30-10:50: Pause 10:50-11:20: Sicherheit und Backups 11:20-12:00:

Mehr

BEWERBERPROFILE. 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. 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

Mehr

Gilden-Design - Fragebogen

Gilden-Design - Fragebogen Gilden-Design - Fragebogen Version 1.0 1. Kundendaten 2. Informationen zur Gilde Firmendaten: Name: Kundennummer: 2.1 Bitte geben sie den Namen der Gilde an: Strasse: 2.2 Bitte geben sie das MMORPG an:

Mehr

Die Beschreibung bezieht sich auf die Version Dreamweaver 4.0. In der Version MX ist die Sitedefinition leicht geändert worden.

Die Beschreibung bezieht sich auf die Version Dreamweaver 4.0. In der Version MX ist die Sitedefinition leicht geändert worden. In einer Website haben Seiten oft das gleiche Layout. Speziell beim Einsatz von Tabellen, in denen die Navigation auf der linken oder rechten Seite, oben oder unten eingesetzt wird. Diese Anteile der Website

Mehr

Interaktive Medien 1. Semester Martin Vollenweider. Web Entwicklung 1 Kapitel «Struktur»

Interaktive Medien 1. Semester Martin Vollenweider. Web Entwicklung 1 Kapitel «Struktur» Interaktive Medien 1. Semester Martin Vollenweider Web Entwicklung 1 Kapitel «Struktur» Adobe Dreamweaver CC 2014; CC; CS6; CS5 2 Einstellungen 3 Detaillierte Theorie 4 Validierung Oft Probleme mit Browsern,

Mehr

MehrWerte. Das Wipak Web Center DE 2014/03

MehrWerte. Das Wipak Web Center DE 2014/03 MehrWerte Das Wipak Web Center DE 2014/03 DAS Wipak Web Center Druckprojekte einfach online managen Freigaben, Korrekturen, Versionsvergleiche, Farbwerte, Formatangaben, Projekthistorie, Druckbildarchiv

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

1. 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? 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

Mehr

Online-Marketing. Zum Nachmachen empfohlen oder mehr Schein als Sein? Der Internetauftritt eine erfolgreiche Visitenkarte im www

Online-Marketing. Zum Nachmachen empfohlen oder mehr Schein als Sein? Der Internetauftritt eine erfolgreiche Visitenkarte im www Online-Marketing Zum Nachmachen empfohlen oder mehr Schein als Sein? Der Internetauftritt eine erfolgreiche Visitenkarte im www von Manuel Runte www.media-at-vice.de www.druckerei-koch.de in Pritzwalk

Mehr

robotron*e count robotron*e sales robotron*e collect Anmeldung Webkomponente Anwenderdokumentation Version: 2.0 Stand: 28.05.2014

robotron*e count robotron*e sales robotron*e collect Anmeldung Webkomponente Anwenderdokumentation Version: 2.0 Stand: 28.05.2014 robotron*e count robotron*e sales robotron*e collect Anwenderdokumentation Version: 2.0 Stand: 28.05.2014 Seite 2 von 5 Alle Rechte dieser Dokumentation unterliegen dem deutschen Urheberrecht. Die Vervielfältigung,

Mehr

Web Professional. Web Designer. in Zusammenarbeit mit:

Web Professional. Web Designer. in Zusammenarbeit mit: Web Professional Web Designer in Zusammenarbeit mit: 2 Berufsbild/Einsatzgebiet Initiiert und getragen von führenden Internet-Agenturen der Ostschweiz, bildet der Lehrgang «Web Professional» die praxisnahe

Mehr

Layoutmodelle. Steffen Schwientek Große Klostergasse 5 61169 Friedberg Email:schwientek@web.de Web :schlaukopp.org

Layoutmodelle. Steffen Schwientek Große Klostergasse 5 61169 Friedberg Email:schwientek@web.de Web :schlaukopp.org Layoutmodelle HTML wurde von ihren Erfindern nicht als Layoutsprache entworfen, sondern zur Informationsübermittlung entworfen Es gab verschiedene Modelle, welche das Web populär machten und. Bei Erstellung

Mehr

Anbieter. Beschreibung des. alfatraining. Bildungszentru. m Chemnitz. Angebot-Nr. 00799524. Angebot-Nr. Bereich. Berufliche Weiterbildung.

Anbieter. Beschreibung des. alfatraining. Bildungszentru. m Chemnitz. Angebot-Nr. 00799524. Angebot-Nr. Bereich. Berufliche Weiterbildung. Professionelles Webdesign und CMS in Chemnitz Angebot-Nr. 00799524 Bereich Angebot-Nr. 00799524 Anbieter Berufliche Weiterbildung Termin 09.03.2015-29.05.2015 alfatraining Bildungszentru Montag bis Freitag

Mehr

Ursprung des Internets und WWW

Ursprung des Internets und WWW Ursprung des Internets und WWW Ende der 60er Jahre des letzten Jahrtausends wurde in den USA die Agentur DARPA (Defense Advanced Research Projects Agency) gegründet, mit dem Ziel den Wissens und Informationsaustausch

Mehr

Martin Fache (KIDS interactive) - Anforderungen an eine mobile/responsive Website Vortrag zum Seitenstark Fachtag

Martin Fache (KIDS interactive) - Anforderungen an eine mobile/responsive Website Vortrag zum Seitenstark Fachtag Agenda Entwicklung der Internet-fähigen Geräte Motivation für mobile Optimierung Lösungsansätze und Praxisbeispiele Im Jahr 2000 http://dag.wosc.edu/?gallery=wosc-computer-collection Im Jahr 2000 Webseite

Mehr

Präsentation Von Laura Baake und Janina Schwemer

Präsentation Von Laura Baake und Janina Schwemer Präsentation Von Laura Baake und Janina Schwemer Gliederung Einleitung Verschiedene Betriebssysteme Was ist ein Framework? App-Entwicklung App-Arten Möglichkeiten und Einschränkungen der App-Entwicklung

Mehr

Allgemeine Informationen Slides2Go Stand April 2015

Allgemeine Informationen Slides2Go Stand April 2015 Allgemeine Informationen Slides2Go Stand April 2015 1. ALLGEMEINE INFORMATIONEN... 3 1.1 SYSTEMANFORDERUNGEN WEB-BACKEND... 3 1.2 SYSTEMANFORDERUNGEN FRONTEND / APP... 3 1.3 UNTERSTÜTZTE DATEIFORMATE...

Mehr

Verankerung des Themas Unternehmensnachfolge in KMU

Verankerung des Themas Unternehmensnachfolge in KMU Verankerung des Themas Unternehmensnachfolge in KMU Jahreskonferenz der Kampagne für Weitermacher Wiesbaden, 21.08.2012 I Aktualität des Themas Haben Sie sich bereits mit dem Thema Unternehmensnachfolge

Mehr

Stefan Bauer. Trends im mobilen Business

Stefan 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

Mehr

Content Management mit Joomla! 1.7 für Kids Hanke

Content Management mit Joomla! 1.7 für Kids Hanke mitp für Kids Content Management mit Joomla! 1.7 für Kids von Johann-Christian Hanke 1. Auflage Content Management mit Joomla! 1.7 für Kids Hanke schnell und portofrei erhältlich bei beck-shop.de DIE FACHBUCHHANDLUNG

Mehr

almariwebdesign... und mehr Internetauftritte und Printmedien für klein- und mittelständige Unternehmen, Vereine und Privatpersonen

almariwebdesign... und mehr Internetauftritte und Printmedien für klein- und mittelständige Unternehmen, Vereine und Privatpersonen almariwebdesign... und mehr Internetauftritte und Printmedien für klein- und mittelständige Unternehmen, Vereine und Privatpersonen Sie wünschen sich einen ansprechenden Webauftritt? Leicht zu pflegen

Mehr

Selbstständige Vertiefungsarbeit von Bruno Weber. Technische Berufsschule Zürich En7a. Abgabedatum: 20.11.2003 13:00

Selbstständige Vertiefungsarbeit von Bruno Weber. Technische Berufsschule Zürich En7a. Abgabedatum: 20.11.2003 13:00 Selbstständige Vertiefungsarbeit von Bruno Weber Technische Berufsschule Zürich En7a Abgabedatum: 20.11.2003 13:00 Seite 1 von 5 Inhaltsverzeichnis 1 Einleitung... 3 2 Idee und Absicht... 3 3 Herstellung...

Mehr

Migration von WebsiteCreator auf WebsiteBuilder. Handbuch

Migration von WebsiteCreator auf WebsiteBuilder. Handbuch Migration von WebsiteCreator auf WebsiteBuilder April 2015, Copyright Webland AG 2015 Inhalt Vorgehen WebsiteBuilder einrichten Bestehende Daten übertragen Website publizieren Vorgehen Wenn Sie bereits

Mehr

Fragebogen für die Erstellung von Internetseiten

Fragebogen für die Erstellung von Internetseiten Fragebogen für das Webdesign Damit Sie optimal und e!ektiv beraten werden beziehungsweise damit ich ein individuelles, unverbindliches sowie kostenloses Angebot für Sie erstellen kann, benötige ich einige

Mehr

Neue Oberfläche April 2013. am Montag, den 15. April 2013. Folie 1

Neue Oberfläche April 2013. am Montag, den 15. April 2013. Folie 1 Neue Oberfläche April 2013 am Montag, den 15. April 2013 Folie 1 Erklärung der Icons Die Icons, welche in jeder Update-Kommunikation verwendet werden, haben folgende Bedeutung: Neuerung (aktiv) Direkt

Mehr

Checkliste zur Planung einer Webseite

Checkliste 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

Mehr

PHP Kurs Online Kurs Analysten Programmierer Web PHP

PHP Kurs Online Kurs Analysten Programmierer Web PHP PHP Kurs Online Kurs Analysten Programmierer Web PHP Akademie Domani info@akademiedomani.de Allgemeines Programm des Kurses PHP Modul 1 - Einführung und Installation PHP-Umgebung Erste Lerneinheit Introduzione

Mehr

GKSpro WebServer. Überblick. Web Server. GKSpro. Datenbank. GKSpro. InfoBrief Nr. 61 November 2012. GKSpro WebServer.

GKSpro WebServer. Überblick. Web Server. GKSpro. Datenbank. GKSpro. InfoBrief Nr. 61 November 2012. GKSpro WebServer. InfoBrief Nr. 61 Überblick ist eine unter Microsoft Windows-Betriebssystemen lauffähige Software, die dem Anwender eine umfangreiche Benutzeroberfläche u.a. mit folgenden Funktionsbereichen zur Verfügung

Mehr

Oliver Meyer. Portfolio Web / Print

Oliver Meyer. Portfolio Web / Print Oliver Meyer Portfolio Web / Print 2012-2014 Oliver Meyer Portfolio Web / Print 2010-2014 Transocean Tours GmbH (Print) Hauptkatalog Kreuzfahrtveranstalter Kunde: Transocean Tours, Bremen Aufgabe: Erstellung

Mehr

Heimbürokurs. Badstrasse 25 9410 Heiden Engelaustrasse 15 9010 St. Gallen www.himas.ch info@himas.ch

Heimbürokurs. Badstrasse 25 9410 Heiden Engelaustrasse 15 9010 St. Gallen www.himas.ch info@himas.ch Heimbürokurs Herzlichen Dank für Ihr Interesse an unseren Computerkursen. Gerne stellen wir Ihnen in dieser Broschüre den Heimbürokurs vor. Die Klassen werden in Senioren und jüngere Teilnehmer aufgeteilt.

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

Einbindung von Videos im ZMS

Einbindung von Videos im ZMS Einbindung von Videos im ZMS Videos können auf Ihrer ZMS-Website auf vier verschiedene Arten eingebunden werden: - Video-Link (z.b. You Tube) - Real Media Stream - Video-Datei - Flash-Datei Um ein Video

Mehr

Willkommen zu unserem User Guide der M-Road Lernplattform

Willkommen zu unserem User Guide der M-Road Lernplattform Willkommen zu unserem User Guide der M-Road Lernplattform Technische Voraussetzungen Die technischen Mindestanforderungen für eine problemfreie Nutzung sind: Betriebssysteme: Microsoft Windows XP, Vista,

Mehr

Beauftragen Sie jetzt Ihre eigene Homepage!

Beauftragen Sie jetzt Ihre eigene Homepage! Beauftragen Sie jetzt Ihre eigene Homepage! Osib.de wer sind wir? 2 Die Osib.de wurde im Frühling 2011 gegründet und hat sich auf die Suchmaschinen- und Conversionoptimierung von Webseiten spezialisiert.

Mehr

DTP, Desktop Publishing Intensivkurs, pre2media

DTP, Desktop Publishing Intensivkurs, pre2media Betriebssystem Mac OS X 10. Organisation Adobe Bridge CS6 AVAM Kurstitel: DTP, Desktop Publishing Intensivkurs, pre2media 12 2012 by pre2media gmbh Layout Adobe InDesign CS6 Grafik Adobe Illustrator CS6

Mehr

1. Allgemeines. 1.1. Fakten in Kürze

1. Allgemeines. 1.1. Fakten in Kürze Inhalt 1. Allgemeines >>> 2. Lösungsvarianten >>> 3. Mehrsprachigkeit >>> 4. Design Anpassung >>> 5. Admin-Einstellungen >>> 6. Zahlungsmöglichkeiten >>> 7. Buchung >>> 1. Allgemeines 1.1. Fakten in Kürze

Mehr

Leistungsbereich Geoviewer. Beispiel Integration des Kartenviewers

Leistungsbereich Geoviewer. Beispiel Integration des Kartenviewers Leistungsbereich Geoviewer Beispiel Integration des Kartenviewers Leistungsbereich Geoviewer Agenda Kartenviewerintegrationen GeoBAK 1.0 Kartenviewer der GeoBAK 2.0 Voraussetzungen für die Nutzung Leistungen

Mehr

bildung. Freude InKlusive.

bildung. Freude InKlusive. bildung. Freude InKlusive. NEU in Ihrem bfi DIPLOMAUSBILDUNG ZUM/ZUR WEBDESIGNER/IN mit Zertifizierung nach EN ISO/IEC 17024, im akkreditierten Bereich Hier Bilden Sich virtuelle welten Nach Besuch des

Mehr

CSS-Grundlagen. Etwas über Browser. Kapitel. Die Vorbereitung

CSS-Grundlagen. Etwas über Browser. Kapitel. Die Vorbereitung Kapitel 1 Die Vorbereitung Vorgängerversionen. Bald darauf folgte dann schon die Version 4, die mit einer kleinen Bearbeitung bis vor Kurzem 15 Jahre unverändert gültig war. All das, was du die letzten

Mehr

5.1.4.6 Übung - Datenmigration in Windows XP

5.1.4.6 Übung - Datenmigration in Windows XP 5.0 5.1.4.6 Übung - Datenmigration in Windows XP Einführung Drucken Sie die Übung aus und führen Sie sie durch. In dieser Übung verwenden Sie Windows XP. Empfohlene Ausstattung Die folgende Ausstattung

Mehr

Anleitung zum Editieren der Website (Frontend-Editing) Präsentation zur Schulung

Anleitung zum Editieren der Website (Frontend-Editing) Präsentation zur Schulung Anleitung zum Editieren der Website (Frontend-Editing) Präsentation zur Schulung Seite 1 von 36 Letzte Änderung: 17. Januar 2014, 10:32 vorm. Agenda 1. Styleguide 2. Inhaltliches und strukturelles Konzept

Mehr

So stellen Anfänger eine Website online! Joachim Kirchner E-Mail: j.kirchner@kigoo.de Tel.: 09721 50 99 390r

So stellen Anfänger eine Website online! Joachim Kirchner E-Mail: j.kirchner@kigoo.de Tel.: 09721 50 99 390r Was halten Sie von diesem Tausch? Ich biete wertvollem Know-HowTransfer gegen 30 Sekunden Ihrer Zeit. Ihre ***** Bewertung ist wichtig zur Darstellung der Qualität von OnlineSeminaren. Sie helfen damit

Mehr

Das Open Source CMS. Gregor Walter. gw@madgeniuses.net info@i-working.de

Das Open Source CMS. Gregor Walter. gw@madgeniuses.net info@i-working.de Das Open Source CMS Gregor Walter gw@madgeniuses.net info@i-working.de Übersicht Einführung und Geschichte von TYPO3 TYPO3 Features Für Webdesigner Für Redakteure TYPO3 Live - am Beispiel fiwm.de Seite

Mehr

Einführung Responsive Webdesign

Einfü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

Mehr

Online-Publishing mit HTML und CSS für Einsteigerinnen

Online-Publishing mit HTML und CSS für Einsteigerinnen Online-Publishing mit HTML und CSS für Einsteigerinnen Dipl. Math. Eva Dyllong, Universität Duisburg Dipl. Math. Maria Oelinger, spirito GmbH IF MYT 07 2002 CSS-Einführung Vorschau CSS Was ist das? Einbinden

Mehr

Webdesign-Fragebogen

Webdesign-Fragebogen Webdesign-Fragebogen 1 Kontakt & Kommunikation Bitte geben Sie hier Ihre vollständigen Kontaktdaten ein und teilen Sie uns mit, wie wir Sie am besten erreichen können. Firma / Name: Ansprechpartner: Anschrift:

Mehr

Webentwicklung mit Mozilla Composer I.

Webentwicklung mit Mozilla Composer I. Tutorium Webentwicklung mit Mozilla Composer I. Präsentation der Sitzung vom 12. Mai 2004 Martin Stricker martin.stricker@rz.hu-berlin.de Programm Erstellen und Bearbeiten von Webseiten mit dem HTML-Editor

Mehr

Content Management System (CMS) Manual

Content Management System (CMS) Manual Content Management System (CMS) Manual Thema Seite Aufrufen des Content Management Systems (CMS) 2 Funktionen des CMS 3 Die Seitenverwaltung 4 Seite ändern/ Seite löschen Seiten hinzufügen 5 Seiten-Editor

Mehr

Erste Schritte mit Sharepoint 2013

Erste Schritte mit Sharepoint 2013 Erste Schritte mit Sharepoint 2013 Sharepoint ist eine webbasierte Plattform zum Verwalten und Teilen (speichern, versionieren, suchen, sortieren, mit Rechten und Merkmalen versehen, ) von Informationen

Mehr

Bericht zum Wintersemester Webdesign

Bericht zum Wintersemester Webdesign Bericht zum Wintersemester Webdesign Institut für EDV-gestützte Methoden in Architektur und Raumplanung Technische Universität Wien Die Gruppe Städtebau Eins wurde im Zuge der Erstellung eines KIS (Kommunales

Mehr

CP Academy. Kursanmeldung

CP Academy. Kursanmeldung CP Academy Kursanmeldung Inhaltsverzeichnis Inhaltsverzeichnis... 2 1. CP Academy Website öffnen... 3 2. Die Bereiche der Website... 4 3. Anmeldung über den Kurskalender... 5 Kursdetails... 6 Anmeldeformular...

Mehr

Objektorientierte Programmierung und Analyse Zu UML, Systemtechnik, AI/KI und Eclipse s. Extra Scripte

Objektorientierte Programmierung und Analyse Zu UML, Systemtechnik, AI/KI und Eclipse s. Extra Scripte Betrifft: Fachschule Technik- Datenelektronik Theorie & Labor Dieses Chaos ist ein Wahnsinn mit Methode. Literaturhinweise: Da ich immer wieder, z.t. auch sehr unqualifiziert gefragt werde, welche Literatur

Mehr

ÖKB Steiermark Schulungsunterlagen

ÖKB Steiermark Schulungsunterlagen ÖKB Steiermark Schulungsunterlagen Fotos von Online-Speicher bereitstellen Da das hinzufügen von Fotos auf unsere Homepage recht umständlich und auf 80 Fotos begrenzt ist, ist es erforderlich die Dienste

Mehr

Preisliste - Dienstleistungen

Preisliste - Dienstleistungen Preisliste - Dienstleistungen Softwareentwickler - EDV-Spezialist - Diplomphysiker Firmenname: IT-Service @ Boris Unrau Dernburgstraße 19 14057 Berlin IT-Service@Unrau.EU +49/1578/5226747 1 Einleitung

Mehr

Kompliziert war gestern ein schneller Weg zur neuen Homepage

Kompliziert 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

Mehr

SHOP (RE)LAUNCH DURCH NETSHOPS COMMERCE DIE NETSHOPS COMMERCE GMBH STELLT SICH VOR

SHOP (RE)LAUNCH DURCH NETSHOPS COMMERCE DIE NETSHOPS COMMERCE GMBH STELLT SICH VOR SHOP (RE)LAUNCH DURCH NETSHOPS COMMERCE DIE NETSHOPS COMMERCE GMBH STELLT SICH VOR DAS SIND WIR Wir sind diejenigen, die Ihnen helfen, im Internet Geld zu verdienen! 100% E- COMMERCE 100% SHOPWARE Für

Mehr

funtassicomedienübersicht

funtassicomedienübersicht funtassicomedienübersicht iphone App Die App ermöglicht Ihnen faszinierende 360-Grad- Ansichten der Funtassico-Motive, zusätzliche Informationen zu den kreativen Köpfen und eine einfache Bestellmöglichkeit.

Mehr

CONTENS: Einführung WWW-A-Workshop OAS SAN 24.11. 27.11.2014

CONTENS: Einführung WWW-A-Workshop OAS SAN 24.11. 27.11.2014 CONTENS: Einführung WWW-A-Workshop OAS SAN 24.11. 27.11.2014 CONTENS IM WORKSHOP 1. Montag 24.11. 11:00 12:30 Contens Teil 1 Einführung 2. Dienstag 25.11. 09:00 10:30 Contens Teil 2 Seiten und einfache

Mehr

Über den Autor 7. Einleitung 19

Über den Autor 7. Einleitung 19 Inhaltsverzeichnis Über den Autor 7 Einleitung 19 Über dieses Buch 19 Törichte Annahmen über den Leser 20 Konventionen in diesem Buch 20 Wie dieses Buch aufgebaut ist 21 Teil I: Eine Webseite an einem

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

Templates für Joomla! 1.6

Templates für Joomla! 1.6 Know-how ist blau. Templates für Joomla! 1.6 Design und Implementierung > Grafische Freiheit für Joomla!-Websites: verschiedene Designs in einem Template > So entwerfen Sie ein Template-Design mit Photoshop

Mehr