Einführung in die Webentwicklung
|
|
|
- Franz Schreiber
- vor 8 Jahren
- Abrufe
Transkript
1 Einführung in die Webentwicklung Mit HTML5 und CSS3 auf dem Weg zur eigenen Website Kerstin Blumenstein EXPOSEE Dieses Script beinhaltet alle in dem Kurs durchgenommenen - Teile mit Erklärungen von Tag 2.
2 Ort ditact, Salzburg Zeitraum :00 bis 12:15 - Einführung, Lektion 1, 2, 3, 5, 6 14:00 bis 16:30 - Challenge 2 (Lektion 8), Lektion 7, 9, 10, Challenge 3 (Lektion 11) :00 bis 12:15 - Bauen einer einfachen responsive Website mit Verlinkungen von eigenen Seiten untereinander, Zeichenkodierung, Mobile First 14:00 bis 16:30 Fortsetzung Bauen einer einfachen Website, Testen in verschiedenen Browser Kurs- Inhalte Das WWW, was ist das? HTML(5) Syntax, die wichtigsten Elemente und Informationen CSS(3) Syntax, die wichtigsten Eigenschaften und Informationen Umsetzung eines einfachen Prototypen Zeichenkodierung & Browserkompatibilität Validieren von HTML & CSS Tipps und Tricks zur Selbsthilfe Bauen einer einfachen Responsive Website (Mobile First) Verwendete Software Coding Plattform: à Login mit Usernamen- Kürzel aus 1. Buchstabe des Vornamens + Nachname (z.b. Kerstin Blumenstein = kblumenstein), Passwort ist der Username mit den Buchstaben pw davor (pwkblumenstein) Texteditor: Sublime ( 2
3 Wireframes Phone 3
4 Desktop 4
5 Screens Phone 5
6 Desktop 6
7 7
8 Struktur bauen Zeichenkodierung à Folien <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>kerstin Blumenstein Junior Researcher</title> </head> <body> <h1>kerstin Blumenstein</h1> </body> </html> Container für den Inhalt bauen Vokabular HTML Entity spezielle Zeichen in HTML, die z.b. das Copyright- Zeichen symbolisieren. Neue HTML Elemente <header> - hilft Inhalt zu strukturieren, Kopfbereich einer HTML- Seite oder eines Bereiches (<section>), mehrere in einem Dokument möglich <section> - Bereich eines Dokumentes, trennt logische Gruppen von Informationen, wie z.b. Bereiche einer Zeitung. <footer> - Ergänzung zum <header>- Element. Repräsentiert den unteren Bereich eines Inhaltsbereiches. <body> <header> <h1>kerstin Blumenstein</h1> <h2>junior Researcher</h2> </header> <section> <p>gallery will go here.</p> </section> <footer> <p> 2014 Kerstin Blumenstein</p> </footer> </body> 8
9 Navigation Element nutzen <header> <a href="index.html"> <h1>kerstin Blumenstein</h1> <h2>junior Researcher</h2> </a> <nav> <ul> <li><a href="index.html">portfolio</a></li> <li><a href="about.html">about</a></li> <li><a href="contact.html">contact</a></li> </ul> </nav> </header> Struktur für die Bildergalerie Relative / Absolute Links à Folien <section> <ul> <li> <img src="img/portfolio-01.jpg" alt=""> </li> </ul> </section> 9
10 Inhalt für Bildergalerie hinzufügen <ul> <li> <a href="img/portfolio-01.jpg"> <img src="img/portfolio-01.jpg" alt=""> <p>wup verleiht Ars Electronica Center eindrucksvolle Fassade - mobile Webapplikation</p> </a> </li> <li> <a href="img/portfolio-02.jpg"> <img src="img/portfolio-02.jpg" alt=""> <p>die Entwicklung eines Australian Shepherd auf Moskito Mainstation - Website</p> </a> </li> <li> <a href="img/portfolio-03.jpg"> <img src="img/portfolio-03.jpg" alt=""> <p>der Verein Social Art Forms fördert Kunst- und Kulturprojekte - Website</p> </a> </li> <li> <a href="img/portfolio-04.jpg"> <img src="img/portfolio-04.jpg" alt=""> <p>schickt uns nach Lissabon. Ein Bus geht auf Reisen - Website</p> </a> </li> <li> <a href="img/portfolio-05.jpg"> <img src="img/portfolio-05.jpg" alt=""> <p>c-tv: Campusfernsehen der FH St. Pölten - Website</p> </a> </li> </ul> Den Footer bauen <footer> <a href=" src="img/twitterwrap.png" alt="twitter Logo"></a> <a href=" src="img/facebook-wrap.png" alt="facebook Logo"></a> <p> 2014 Kerstin Blumenstein</p> </footer> 10
11 External CSS inkludieren Neue HTML Elemente <link> - verlinkt andere Dateien zum HTMl Dokument, wie z.b. CSS oder JavaScript Dateien. <head> <meta charset="utf-8"> <title>kerstin Blumenstein Junior Researcher</title> <link rel="stylesheet" href="css/normalize.css"> </head> ID Selektoren nutzen Index.html <head> <meta charset="utf-8"> <title>kerstin Blumenstein Junior Researcher</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> </head> <div id="wrapper"> <section> <ul> </ul> </section> <footer> </footer> </div> main.css a{ text-decoration: none; #wrapper{ 11
12 Den Wrapper zentrieren CSS Properties max- width setzt die maximal Breite eines Elementes. Main.css #wrapper{ max-width: 940px; margin: 0 auto; padding: 0 5%; background: orange; Mobile First Vokabular Mobile First Technik, um mobile Webseiten vor der Desktop- Website (bzw. Website mit größerer Auflösung) zu erstellen und dann stufenweise zu erweitern, um die Desktio Version zu erstellen. Index.html <a href="index.html" id="logo"> <h1>kerstin Blumenstein</h1> <h2>junior Researcher</h2> </a> main.css #wrapper{ max-width: 940px; margin: 0 auto; padding: 0 5%; background: orange; #logo{ text-align: center; margin: 0; 12
13 Farben im CSS nutzen Main.css a{ color: #bd6c2f; header{ background: #d67933; border-color: #bd6c2f; h1, h2{ color: #fff; nav{ background: #bd6c2f; nav a, nav a:visited{ color: #fff; Klassen nutzen im CSS Index.html <nav> <ul> <li><a href="index.html" class="selected">portfolio</a></li> <li><a href="about.html">über mich</a></li> <li><a href="contact.html">kontakt</a></li> </ul> </nav> main.css nav a.selected, nav a:hover{ color: #f5bd92; body{ background-color: #fff; color: #999; 13
14 CSS mit Kommentaren organisieren Vokabular Kommentar Eine Erinnerung oder ein visueller Hinweise in einem Computer, der für Programmierer lesbar ist. Ein Kommentar wird nicht vom Browser interpretiert und somit auch nicht angezeigt. Main.css GENERAL #wrapper{ max-width: 940px; margin: 0 auto; padding: 0 5%; a{ text-decoration: none; HEADING #logo{ text-align: center; margin: 0; COLORS /* site body */ body{ background-color: #fff; color: #999; /* green header */ header{ background: #d67933; border-color: #bd6c2f; /* nav background on mobile */ nav{ background: #bd6c2f; 14
15 /* logo text */ h1, h2{ color: #fff; /* links */ a{ color: #bd6c2f; /* nav link */ nav a, nav a:visited{ color: #fff; /* selected nav link */ nav a.selected, nav a:hover{ color: #f5bd92; Fonts und relative Einheiten Ressourcen Google Fonts: Index.html <head> <meta charset="utf-8"> <title>kerstin Blumenstein Junior Researcher</title> <link rel="stylesheet" href="css/normalize.css"> <link href=' Open+Sans:40 0italic,700italic,400,700,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> </head> main.css HEADING #logo{ text-align: center; margin: 0; h1{ font-family: 'Changa One', sans-serif; margin: 15px 0; font-size: 1.75em; 15
16 Textgrößen einstellen 3 Werte bei margin à 1. Top, 2. Left & right, 3. Bottom Main.css GENERAL body{ font-family: 'Open Sans', sans-serif; #wrapper{ HEADING #logo{ h1{ h2{ font-family: 'Changa One', sans-serif; margin: 15px 0; font-size: 1.75em; font-weight: normal; line-height: 0.8em; font-size: 0.75em; margin: -5px 0 0; font-weight: normal; NAVIGATION nav{ text-align: center; padding: 10px 0; margin: 20px 0 0; 16
17 FOOTER footer{ font-size: 0.75em; text-align: center; padding-top: 50px; color: #ccc; 17
18 Portfolio stylen CSS Properties list- style setzt das Styling einer Liste (Nummern oder Bullet Points) für eine geordnete oder ungeordnete Liste. Zeichen können auch komplett gelöscht werden mit dem Wert none. Index.html <div id="wrapper"> <section> <ul id="gallery"> main.css GENERAL body{ #wrapper{ a{ img{ max-width: 100%; FOOTER footer{ PAGE: PORTFOLIO #gallery{ margin: 0; padding: 0; list-style: none; 18
19 #gallery li{ float: left; width: 45%; margin: 2.5%; background-color: #f5f5f5; color: #bdc3c7; Bildbeschriftungen stylen Main.css PAGE: PORTFOLIO #gallery{ #gallery li{ #gallery li a p{ margin: 0; padding: 5%; font-size: 0.75em; color: #bdc3c7; FOOTER footer{ font-size: 0.75em; text-align: center; clear: both; padding-top: 50px; color: #ccc; 19
20 Navigationen mit ungeordneten Listen erstellen Vokabular Block Elemente nutzen die Breite ihres Containers, erzeugen einen Zeilenumbruch vor und nach dem Element. Inline Elemente nutzen die Breite ihres Inhalts, beginnen nicht auf einer neues Zeile. CSS Properties display setzt, ob ein Element als block, inline oder inline- block Element gerendert wird. Main.css HEADING header{ float: left; margin: px 0; padding: 5px 0 0 0; width: 100%; #logo{ NAVIGATION nav{ nav ul{ list-style: none; margin: 0 10px; padding: 0; nav li{ display: inline-block; 20
21 Navigation und Footer schön machen Main.css NAVIGATION nav{ nav ul{ nav li{ nav a{ font-weight: 800; padding: 15px 10px; Icons in doppelter Größe à wegen Highresolution Displays à kleiner machen! Index.html <footer> <a href=" src="img/twitterwrap.png" alt="twitter Logo" class="social-icon"></a> <a href=" src="img/facebook-wrap.png" alt="facebook Logo" class="socialicon"></a> <p> 2014 Kerstin Blumenstein</p> </footer> main.css FOOTER footer{.social-icon{ width: 20px; height: 20px; margin: 0 5px; 21
22 Eine neue Seiten hinzufügen Vokabular index.html spezieller HTML Dateiname, der fast bei jedem Webserver als Startseite von einer Website erkannt wird. Neue Datei erzeugen about.html Copy content index.html zu about.html about.html <nav> <ul> <li><a href="index.html" class="selected">portfolio</a></li> <li><a href="about.html" class="selected">über mich</a></li> <li><a href="contact.html">kontakt</a></li> </ul> </nav> alles innerhalb der section löschen about.html <section> <img src="img/kerstin.jpg" alt="foto von Kerstin Blumenstein" class="profile-photo"> <h3>über mich</h3> <p>hallo, ich bin Kerstin Blumenstein. Du befindest dich auf der Demo-Seite für die Ditact Diese Seite werden wir gemeinsam in dem Workshop Einführung in die Webentwicklung nachbauen.</p> <p>wenn Du über mich und meine Arbeit auf dem Laufenden bleiben möchtest, folge mir doch auf Twitter, mein Username ist <a </section> 22
23 Die neue Seite stylen CSS Properties border- radius definiert wie rund die Ecke eines Rahmens ist. Korrektor für Firefox for Firefox In Firefox kann das Profile Foto nich richtig angezeigt werden. Um diesen Bug zu beheben, muss auf das Profil Foto das clear Property gesetzt werden:.profile-photo { clear: both; display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%; Main.css PAGE: ABOUT.profile- photo{ display: block; max- width: 150px; margin: 0 auto 30px; border- radius: 100%; GENERAL body{ #wrapper{ a{ img{ h3{ margin: 0 0 1em 0; 23
24 Kontakt- Seite erstellen Neue Datei erzeugen contact.html Copy content about.html zu contact.html contact.html <nav> <ul> <li><a href="index.html">portfolio</a></li> <li><a href="about.html" class="selected">über mich</a></li> <li><a href="contact.html" class="selected">kontakt</a></li> </ul> </nav> alles innerhalb <section> löschen contact.html <section> <h3>allgemeine Informationen</h3> <p>ich bin derzeit nicht auf der Suche nach einem neuen Job. Für Unterrichts- oder Vortragsangebote bin ich allerdings zu haben. Wenn Du Fragen hast, bitte nimm Kontakt mit mir auf.</p> <p>twitter und sind die besten Wege, um mich zu erreichen.</p> </section> <section> <h3>kontakt Informationen</h3> <ul class="contact-info"> <li class="phone"><a href="tel: ">+43 / 676 / </a></li> <li class="mail"><a href="mailto: kerstin@blumensteine.eu">kerstin@blumensteine.eu</a></li> <li class="twitter"><a href=" ></li> </ul> </section> 24
25 Icons hinzufügen CSS Properties background- image akzeptiert einen Pfad zu einer Bilddatei, die als Hintergrund des Elementes angezeigt werden soll. background- size setzt die Größe des Hintergrundbildes. background- repeat setzt, ob das Hintergrundbild wiederholt werden soll (repeat, repeat- x oder repeat- y) oder nicht (no- repeat). Main.css PAGE: CONTACT.contact-info{ list-style: none; padding: 0; margin: 0; font-size: 0.9em;.contact-info a{ display: block; min-height: 20px; background-repeat: no-repeat; background-size: 20px 20px; padding: px; margin: px;.contact-info li.phone a{ background-image: url('../img/phone.png');.contact-info li.mail a{ background-image: url('../img/mail.png');.contact-info li.twitter a{ background-image: url('../img/twitter.png'); 25
26 Breakpoints für Geräte hinzufügen Vokabular Breakpoints definierte Screenbreite, wo ein responsive Layout umbricht und verändert werden muss, um sich an den Screen anzupassen. CSS Media Queries nutzen CSS Regel, um zu definieren für welchen Browser Typ, die Regel gilt. Mit anderen Worten, das nachfolgende CSS Styling darf nur inkludiert werden, wenn die Konditionen erfüllt sind, z.b. eine bestimmte Browser Breite. Neue Datei responsive.css alle html- Dateien <head> <meta charset="utf-8"> <title>kerstin Blumenstein Junior Researcher</title> <link rel="stylesheet" href="css/normalize.css"> <link href=' Open+Sans:40 0italic,700italic,400,700,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/responsive.css"> </head> responsive.css screen and (min-width: 480px){ body{ background: navy; screen and (min-width: 660px){ body{ background: darkgreen; Reihenfolge beachten à Cascading à klein (standard), 1), mittel, groß à Mobile First à so nur das überschreiben, was wir wirklich brauchen 26
27 Drei- Spalten- Layout bauen CSS Selectoren :nth- child(an+b) Die nth- child Pseudo- Klasse entspricht dem A(n)+B- 1 Geschiwster im Dokument- Baum. Der Wert A muss mit einem nachfolgenden n geschrieben werden. Dies entspricht jedem nten Element in einer Gruppe. A und B müssen Integer (Ganzzahlen) sein. Nth- child(4n) würde jedes 4te Item selektieren also 4te, 8te, 12te und so weiter Item. Nth- child(3n+1) würde jedes 3te Item plus 1 also 4te, 7te, 10te und so weiter Item. à Für 3- Spalten Layout sinnvoller. Zwei- Spalten für Kontakt- Seite Contact.html <section id="primary"> </section> <section id="secondary"> </section> Responsive.css Remove screen and (min-width: 480px){ ***** TWO COLUMN LAYOUT ***** #primary{ width: 50%; float: left; #secondary{ width: 40%; float: right; Breite für Images bei Protfolio 3 * 5 (2*2.5 margin) = > wird druch margin genuttz 100% - 15% = 85% 85% / 3% = > Breite für Image Genauigkeit à nicht wirklich Problem Browser berechnet sich aus Prozent Pixel, wird einfach so angegeben 27
28 @media screen and (min-width: 480px){ ***** TWO COLUMN LAYOUT ***** ***** PAGE: PORTFOLIO ***** #gallery li{ width: %; Problem mit zu langen Bildunterschriften à Umbruch nicht richtig Lösung: Jedes vierte Element anfassen und float:left clearen ***** PAGE: PORTFOLIO ***** #gallery li{ #gallery li:nth-child(3n+1){ clear: left; 28
29 Profile Page und Header verschönern screen and (min-width: 480px){ ***** TWO COLUMN LAYOUT ***** ***** PAGE: PORTFOLIO ***** ***** PAGE: ABOUT *****.profile-photo{ float: left; margin: 0 5% 80px screen and (min-width: 660px){ ***** HEADER ***** nav{ background: none; float: right; font-size: 1.125em; margin-right: 5%; text-align: right; width: 45%; #logo{ float: left; margin-left: 5%; text-align: left; width: 45%; 29
30 h1{ h2{ font-size: 2.5em; font-size: 0.825em; margin-bottom: 20px; header{ border-bottom: 5px solid #bd6c2f; margin-bottom: 60px; in allen html- Dateien <head> <meta charset="utf-8"> <title>kerstin Blumenstein Developer</title> <link rel="stylesheet" href="css/normalize.css"> <link href=' Open+Sans:40 0italic,700italic,400,700,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/responsive.css"> <meta name="viewport" content="width=device-width, initialscale=1.0"> </head> 30
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
Aufbau einer HTML Seite:
1 Aufbau einer HTML Seite: Grundstruktur: Head Bereich: "nicht sichtbar" Er enthält grundlegende Informationen wie: Title, Charset, Ansichtsgröße,
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
SASS für Einsteiger. WordCamp Köln 2015. 06.06.2015 Bernhard Kau @2ndkauboy kau-boys.de 1
SASS für Einsteiger WordCamp Köln 2015 06.06.2015 Bernhard Kau @2ndkauboy kau-boys.de 1 Wer bin ich? Bernhard Kau Wahlberliner PHP-Entwickler WordPress-Plugin Hobby-Entwickler CSS-Tüftler Organisator der
Das 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
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,
Responsive 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
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
Responsive Webdesign. IHK-Arbeitskreis Software. Prof. Dr. Manfred Wojciechowski 18.02.2014
IHK-Arbeitskreis Software Prof. Dr. Manfred Wojciechowski 18.02.2014 Aufbau Vorstellung Responsive Webdesign Motivation Technologien Frameworks 2 Vorstellung Zur Person 1991 1996: Studium Informatik an
Erstellen 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
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
Format- oder Stilvorlagen
Vorraussetzung Sie sollten Grundkenntnisse der HTML-Sprache besitzen, um die Ausbildungseinheit Formatvorlagen, auch Stilvorlagen genannt, ohne Probleme verstehen zu können. Ist dies nicht der Fall, empfehlen
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
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,
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
Webdesign-Multimedia HTML und CSS
Webdesign-Multimedia HTML und CSS Thomas Mohr HTML Definition ˆ HTML (Hypertext Markup Language) ist eine textbasierte Auszeichnungssprache (engl. markup language) zur Strukturierung digitaler Dokumente
Meine 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
HTML Teil 2. So kann man HTML-Seiten mit <div> und CSS gestalten. So sehen einfache Formulare aus
HTML Teil 2 So kann man HTML-Seiten mit und CSS gestalten So sehen einfache Formulare aus Wie könnte ein komplexer Internetauftritt aussehen? Trennung Inhaltsbereich und Navigationsbereich 2 Beispiel:
Jeunesse Autopiloten
Anleitung für Jeunesse Partner! Wie Du Dir mit dem Stiforp-Power Tool Deinen eigenen Jeunesse Autopiloten erstellst! Vorwort: Mit dem Stiforp Power Tool, kannst Du Dir für nahezu jedes Business einen Autopiloten
AdOps Technische Spezifikationen
AdOps Technische Spezifikationen HTML5-Werbemittel (Desktop) Bei der Verwendung von Redirects müssen diese Spezifikationen nicht beachtet werden. Physische Anlieferung von HTML5-Werbemitteln + Trackings.
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
WebCT-Kurse müssen nicht immer gleich aussehen. Design und Integration grafischer Elemente in WebCT-Kurse
WebCT-Kurse müssen nicht immer gleich aussehen Design und Integration grafischer Elemente in WebCT-Kurse Grundsätzliches zu diesem Handout Die folgenden Seiten waren Begleitmaterial zu einem Workshop,
WEBSEITEN ENTWICKELN MIT ASP.NET
jamal BAYDAOUI WEBSEITEN ENTWICKELN MIT ASP.NET EINE EINFÜHRUNG MIT UMFANGREICHEM BEISPIELPROJEKT ALLE CODES IN VISUAL BASIC UND C# 3.2 Installation 11 Bild 3.2 Der Webplattform-Installer Bild 3.3 IDE-Startbildschirm
Tutorial zum erstellen einer Webseite
Tutorial zum erstellen einer Webseite 2. Teil das Aussehen mit CSS bestimmen Vorbereitungen: Die HTML Grundlage anpassen, Änderungen sind fett geschrieben. Ab sofort werden wir mit zwei Dateien arbeiten,
Softwaretechnik Teil Webprogrammierung (HTML, PHP) SS2011
Softwaretechnik Teil Webprogrammierung (HTML, PHP) SS2011 Studiengang: Semester: 3. Gruppe: Wirtschaftsinformatik A & B Datum: 29.06.2011 Dozent: LfbA Dipl.-Hdl. Andreas Heß Hilfsmittel: alle Unterlagen/Bücher
Mini-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
Fülle das erste Bild "Erforderliche Information für das Google-Konto" vollständig aus und auch das nachfolgende Bild.
Erstellen eines Fotoalbum mit "Picasa"-Webalben Wie es geht kannst Du hier in kleinen Schritten nachvollziehen. Rufe im Internet folgenden "LINK" auf: http://picasaweb.google.com Jetzt musst Du folgendes
Informationen zu den regionalen Startseiten
Informationen zu den regionalen Startseiten Inhaltsverzeichnis Informationen zu den regionalen Startseiten 1 1. Grundlegende Regeln 2 1.1. Was wird angezeigt? 2 1.2. Generelle Anzeigeregeln 2 2. Anpassbare
Webgestaltung - Jimdo 2.7
4. Jimdo 4.1 Vorbereitung Jimdo ist ein Anbieter um Webseiten direkt im Internet zu erstellen. Grundfunktionen sind gratis, erweiterte Angebote sind kostenpflichtig. Wir werden mit der kostenlosen Variante
Die eigene Website. Zusatzkapitel CSS mobile Geräte & Ausdruck
Die eigene Website Zusatzkapitel CSS mobile Geräte & Ausdruck Im Folgenden finden Sie einige Zusatztipps zu Kapitel 6 des Buchs Die eigene Website. Mehr Infos zum Buch auf der Website zum Buch. CSS für
Erweiterungen 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
<link href=" Roboto" rel="stylesheet"> <li><a href="ergebnis.html"> Ergebnis </a></li>
Index.html er-modell
Design 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
Dokumentation für Popup (lightbox)
Dokumentation für Popup (lightbox) Für das Popup muss eine kleine Anpassung im wpshopgermany Plugin vorgenommen werden und zwar in der Datei../wp-content/plugins/wpshopgermany/controllers/WarenkorbController.class.php
Leichte-Sprache-Bilder
Leichte-Sprache-Bilder Reinhild Kassing Information - So geht es 1. Bilder gucken 2. anmelden für Probe-Bilder 3. Bilder bestellen 4. Rechnung bezahlen 5. Bilder runterladen 6. neue Bilder vorschlagen
Erzherzog 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
ANWENDUNGSSOFTWARE CSS
ANWENDUNGSSOFTWARE CSS NAVIGATION Bilder zur Navigation: als Anker für Verweise benutzen Text sollte nicht Bestandteil des Bildes sein (Bild als Hintergrund), siehe z-index Navigationslisten mit ,
Signatur mit Formatierung
Bedienungstip: Signatur mit Formatierung Seite 1 Signatur mit Formatierung Es können Signaturen hinterlegt werden, die beim Erstellen von Nachrichten automatisch angehängt werden. Das ist sehr praktisch,
Kurzanweisung für Google Analytics
Kurzanweisung für Google Analytics 1. Neues Profil für eine zu trackende Webseite erstellen Nach dem Anmelden klicken Sie rechts oben auf den Button Verwaltung : Daraufhin erscheint die Kontoliste. Klicken
Anleitung 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
HTML-Grundlagen (X)HTML:
HTML-Grundlagen (X)HTML: < > beginnender HTML Tag schließender HTML Tag < /> leere HTML Elemente Attribute und Werte &.; Sonderzeichen, HTML Entities Aufbau einer Datei Ein
Publizieren im Internet
Publizieren im Internet Eine eigene Homepage erstellen Teil 2 Margarita Esponda esponda@inf.fu-berlin.de Ein Bild als Hintergrund Webseite mit einen Bild als Hintergrund
Mobile 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
TIMERATE 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
Klicken 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.
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
Eine Anleitung von Holger Bein. Holger Bein 2005
Holger Bein 2005 Eine Anleitung von Holger Bein Bildergalerie erstellen mit dem Web Album Generator Was wir brauchen: 1. Speicherplatz (z.b. bei freenet.de) 2. das Programm Web Album Generator 3. einen
Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten
Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten Seit Anfang Juni 2012 hat Facebook die Static FBML Reiter deaktiviert, so wird es relativ schwierig für Firmenseiten eigene Impressumsreiter
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
Easy Mobile Homepage. Nützliche Tipps für die Nutzung der Software. 2011 Die Software ist urheberrechtlich geschützte Freeware - all rights reserved
Easy Mobile Homepage Nützliche Tipps für die Nutzung der Software Danke für Ihr Interesse! Danke für Ihr Interesse an unserer neuen Software und wir freuen uns darüber, dass Sie die Tutorials angefordert
Einkaufslisten verwalten. Tipps & Tricks
Tipps & Tricks INHALT SEITE 1.1 Grundlegende Informationen 3 1.2 Einkaufslisten erstellen 4 1.3 Artikel zu einer bestehenden Einkaufsliste hinzufügen 9 1.4 Mit einer Einkaufslisten einkaufen 12 1.4.1 Alle
Webportfolio Kurs 2 1
Webportfolio Kurs 2 1 Inhalte Übersicht Konzeption und Gestaltung von Websites Strukturierung von HTML-Dokumenten Formatierung von HTML-Dokumenten Verwenden von Bildern, Links, Listen, Tabellen.. Einbettung
Internationales Altkatholisches Laienforum
Internationales Altkatholisches Laienforum Schritt für Schritt Anleitung für die Einrichtung eines Accounts auf admin.laienforum.info Hier erklären wir, wie ein Account im registrierten Bereich eingerichtet
Was man mit dem Computer alles machen kann
Was man mit dem Computer alles machen kann Wie komme ich ins Internet? Wenn Sie einen Computer zu Hause haben. Wenn Sie das Internet benutzen möchten, dann brauchen Sie ein eigenes Programm dafür. Dieses
1. Handhabung. 1.1. Werkzeug- und Menüleiste
1. Handhabung 1.1. Werkzeug- und Menüleiste Neuer Ordner Ausschneiden Kopieren Einfügen Löschen separate Vorschau Ausloggen Neues Dokument Schnellsuche Datei importieren Schnellsuche Spaltenansicht = normale
Anleitung: Sammel-Rechnungen für Lizenzen bei Swiss Basketball
Anleitung: Sammel-Rechnungen für Lizenzen bei Swiss Basketball Inhalt 1. Login: Wo und Wie kann ich mich einloggen?... 2 Die Webseite: www.basketplan.ch... 2 Mein Klub-Login?... 2 2. Orientierung: Was
Mobiler 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
Schulung Marketing Engine Thema : Einrichtung der App
Schulung Marketing Engine Thema : Einrichtung der App Videoanleitung : http://www.edge-cdn.net/video_885168?playerskin=48100 Marketing Engine Tool : App Paket : Basis / Premium Version 2.0-03.11.2015 1
Seitengestaltung 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
Seiten gestalten mit CSS. Die wichtigsten HTML-Elemente. ,CSS gestaltet dynamisch die HTML-Elemente (Boxen)
Wichtige Grundlagen Cascading Style Sheets, gestaltet dynamisch die HTML-Elemente (Boxen),Mit legen Sie Schriften und Farben einheitlich fest,über das Box-Modell layouten Sie die Seite,Navigation und Effekte
Was hat sich geändert:
Homepage-Baukasten Version 2.1.2 In diesem Dokument erfahren Sie die wichtigsten Neuerungen, die Ihnen in der Version 2.1.2 zur Verfügung stehen. Was hat sich geändert: 1. Spaltenfunktion 2. Integration
ONLINE-AKADEMIE. "Diplomierter NLP Anwender für Schule und Unterricht" Ziele
ONLINE-AKADEMIE Ziele Wenn man von Menschen hört, die etwas Großartiges in ihrem Leben geleistet haben, erfahren wir oft, dass diese ihr Ziel über Jahre verfolgt haben oder diesen Wunsch schon bereits
Anmeldung als Affiliate bei Affilinet
Anmeldung als Affiliate bei Affilinet Affilinet ist eines der wichtigsten Affiliate Netzwerke und ist in allen bedeutenden europäischen Märkten präsent. Aktuell umfasst Affilinet etwa 2.500 Partnerprogramme.
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
Nuke Menü Version 0.2 / VKP Neu! Jetzt mit Gruppenzuordnung der Links (Nur für Admins, nur für Mitglieder, nur für Anonyme oder für Alle)
Nuke Menü Version 0.2 / VKP Neu! Jetzt mit Gruppenzuordnung der Links (Nur für Admins, nur für Mitglieder, nur für Anonyme oder für Alle) Author: Bernd Alexander K. W. Köhler http://www.pixel-cms.de email:
Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden.
Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden. Nach den Änderungen die Facebook vorgenommen hat ist es einfacher und auch schwerer geworden eigene Seiten einzubinden und
Ich 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
Der transparente Look. Die Struktur, die oben angegeben wurde, ist im Anwendungsdesigner, wie in der nächsten Grafik ersichtlich, abgebildet.
Intrapact Layout Allgemeines Das Layout einer Firma wird im Intrapact Manager, und dort im Layout Designer erstellt. Alle Eingaben im Layout Designer dienen dazu um die CSS/ASP Dateien zu generieren, die
EchoLink und Windows XP SP2
EchoLink und Windows XP SP2 Hintergrund Für Computer auf denen Windows XP läuft, bietet Microsoft seit kurzem einen Update, in der Form des Service Pack 2 oder auch SP2 genannt, an. SP2 hat einige neue
Viele Bilder auf der FA-Homepage
Viele Bilder auf der FA-Homepage Standardmäßig lassen sich auf einer FA-Homepage nur 2 Bilder mit zugehörigem Text unterbringen. Sollen es mehr Bilder sein, muss man diese als von einer im Internet
Sehr geehrter Herr Pfarrer, sehr geehrte pastorale Mitarbeiterin, sehr geehrter pastoraler Mitarbeiter!
Sehr geehrter Herr Pfarrer, sehr geehrte pastorale Mitarbeiterin, sehr geehrter pastoraler Mitarbeiter! Wir möchten Sie an Ihr jährliches Mitarbeitergespräch erinnern. Es dient dazu, das Betriebs- und
Adventskalender Gewinnspiel
Adventskalender Gewinnspiel Content Optimizer GmbH www.campaign2.de 1 Wichtig zu wissen Die Törchen entsprechen nicht den Gewinnen! Die Anzahl der Gewinne ist von den 24 Törchen komplett unabhängig. Die
1 Was ist das Mediencenter?
1 Was ist das Mediencenter? Das Mediencenter ist Ihr kostenloser 25 GB Online-Speicher. Mit dem Mediencenter erleben Sie überall Ihre Fotos, Musik und Videos und teilen Ihre schönsten Momente mit Familie
Inhaltstyp: Fotoalbum - Bilder in einer ansprechenden Form präsentieren. Erstellen eines Bildergalerieordners mit Bildern im Workplace
1 Inhaltstyp: Fotoalbum - Bilder in einer ansprechenden Form präsentieren Der Typ Fotoalbum kann Bilder anschaulich auf der Webseite als Bildergalerie darstellen. Dabei werden die Bilder als kleine Vorschaubilder
Handbuch Mitgliederverzeichnis
Handbuch Mitgliederverzeichnis Version 3.0 Das Mitgliederverzeichnis wird über die Round Table Austria Homepage angewählt. Dort können alle Änderungen der Mitgliederdaten durchgeführt werden. Dieses Handbuch
Treckerverein Monschauer Land e.v.
Der Mitgliederbereich Der Mitgliederbereich (TV-MON Intern) ist ein Teil der Webseiten des Treckervereins, der nicht öffentlich und für jedermann zugängig ist. Dieser Bereich steht ausschließlich Mitgliedern
Java Script für die Nutzung unseres Online-Bestellsystems
Es erreichen uns immer wieder Anfragen bzgl. Java Script in Bezug auf unser Online-Bestell-System und unser Homepage. Mit dieser Anleitung möchten wir Ihnen einige Informationen, und Erklärungen geben,
Workshops. Gewinnen Sie mehr Zeit und Qualität im Umgang mit Ihrem Wissen
Wissens-Workshops Workshops Gewinnen Sie mehr Zeit und Qualität im Umgang mit Ihrem Wissen Sie haben viel weniger Zeit für die inhaltliche Arbeit, als Sie sich wünschen. Die Informationsflut verstellt
Magento Theming Ein Einstieg Rainer Wollthan
Magento Theming Ein Einstieg Rainer Wollthan Überblick Vorbereitung Datei Struktur Adminbereich Layout XML Block Template Magento Theming macht Spaß! Vorbereitung Produkte Marketingmaßnahmen Design Länder
In dem unterem Feld können Sie Ihre E-Mail eintragen, wenn sie im System hinterlegt wurde. Dann wird Ihnen Ihr Passwort noch einmal zugeschickt.
Wyhdata Hilfe Login: www.n-21online.de (Login Formular) Ihr Login-Name: Hier tragen Sie Redak1 bis Redak6 ein, der Chefredakteur bekommt ein eigenes Login. Ihr Passwort: Eine Zahlenkombination, die vom
Gambio GX2 FAQ. Inhaltsverzeichnis
Gambio GX2 FAQ 1 Gambio GX2 FAQ Inhaltsverzeichnis Einführung... 2 Wie viele Artikel kann ich einstellen?... 3 Wie viele Kategorien und Unterkategorien kann ich einstellen?... 3 Wie viele Bilder kann ich
Pfötchenhoffung e.v. Tier Manager
Pfötchenhoffung e.v. Tier Manager A.Ennenbach 01.08.2015 Tier Manager Inhalt Administrationsbereich Tiere auflisten & suchen Tier hinzufügen Tier bearbeiten (Status ändern, etc.) Administrationsbereich
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.
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.
Fotostammtisch-Schaumburg
Der Anfang zur Benutzung der Web Seite! Alles ums Anmelden und Registrieren 1. Startseite 2. Registrieren 2.1 Registrieren als Mitglied unser Stammtischseite Wie im Bild markiert jetzt auf das Rote Register
15.04.2014 Was ist HTML? Designwerkstatt Webart Sommersemester 2014 Institut für Kunstpädagogik, LMU München Martin Pflanzer
15.04.2014 Was ist HTML? Tim Berners-Lee Die erste Webseite: info.cern.ch, 13. November 1990 Webseiten waren ursprünglich einfache Textseiten mit Links. HTML = Textzusätze zur Formatierung & Erweiterung
ERSTE SCHRITTE. info@kalmreuth.de
ERSTE SCHRITTE info@kalmreuth.de ZUGRIFF AUF KMS Die Kalmreuth Mail Services können über folgende URLs aufgerufen werden: - http://mail.kalmreuth.de - http://kalmreuth.de/mail - http://kalmreuth.de/webmail
Outlook Vorlagen/Templates
Joachim Meyn Outlook Vorlagen/Templates Erstellen Sie Vorlagen bzw. Templates in Outlook Joachim Meyn 27.03.2013 Inhaltsverzeichnis Outlook Vorlagen (.oft Dateien)... 2 Vorbereitung... 2 Anlegen einer
Nur für Partner die bereits einen Backoffice Zugang haben. Aber KEINEN Portal Zugang
Die Anmeldung Schritt für Schritt im PORTAL inkl. Verbindung bestehender Backoffice Zugänge Nur für Partner die bereits einen Backoffice Zugang haben. Aber KEINEN Portal Zugang 1) Organisiere dir den Anmeldelink
Falls Sie den Hintergrund der Website schon kennen, wählen Sie am einfachsten die gleiche Farbe in Photoshop für die Schaltfläche.
1. Schritt Schaltfläche vorbereiten In Photoshop eine neue Datei in Größe der Schaltfläche erstellen. Hier: Breite: 100 Pixel Höhe: 50 Pixel Auflösung 72 dpi Hintergrund: Weiß* Der weiße Hintergrund ist
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
Das sogenannte Beamen ist auch in EEP möglich ohne das Zusatzprogramm Beamer. Zwar etwas umständlicher aber es funktioniert
Beamen in EEP Das sogenannte Beamen ist auch in EEP möglich ohne das Zusatzprogramm Beamer. Zwar etwas umständlicher aber es funktioniert Zuerst musst du dir 2 Programme besorgen und zwar: Albert, das
Einrichten eines POP-Mailkontos unter Thunderbird Mail DE:
Einrichten eines POP-Mailkontos unter Thunderbird Mail DE: Ein E-Mail-Konto können Sie am einfachsten über den integrierten Assistenten einrichten. Dieser führt Sie Schritt für Schritt durch alle Einstellungsmöglichkeiten
ROFIN App Benutzerhandbuch. Version 1.0
ROFIN App Benutzerhandbuch Version 1.0 Inhaltsverzeichnis 1. Beschreibung 2. Passwort und Einstellungen 3. Support Tab 4. Vertriebs Tab 5. Web Tab 6. Häufig gestellte Fragen BESCHREIBUNG Die ROFIN App
KVIrc installieren (win) i. KVIrc installieren (win)
i KVIrc installieren (win) ii REVISION HISTORY NUMBER DATE DESCRIPTION NAME 1.0 May 08 T iii Contents 1 Einleitung 1 1.1 Über KVIrc...................................................... 1 1.2 Vorbereitungen....................................................
Inhaltsverzeichnis. Florian Bauer CSS Seite 2 von 10
CSS Inhaltsverzeichnis Gestaltung mit CSS... 3 CSS einbinden... 3 On the fly... 3 Im Header... 3 In einer externen Datei... 3 Aufbau einer CSS Anweisung... 4 Wichtige CSS Eigenschaften... 4 Pseudoelemente...
Bauteilattribute als Sachdaten anzeigen
Mit den speedikon Attributfiltern können Sie die speedikon Attribute eines Bauteils als MicroStation Sachdaten an die Elemente anhängen Inhalte Was ist ein speedikon Attribut?... 3 Eigene Attribute vergeben...
Vitaminkapseln.ch - SEO Check
Vitaminkapseln.ch - SEO Check Überprüfte URL: http://www.vitaminkapseln.ch/ Erstellt am: 16.12.2015 11:00 Übersicht der SEO Analyse Suchvorschau Metaangaben 100% Seitenqualität 40% Seitenstruktur 60% Verlinkung
Online-Zugang zum EOM. Anleitung
Online-Zugang zum EOM Anleitung Inhalt 1. Wie melde ich mich für den Online-Zugang an?... 2 2. Wie kann ich mein persönliches Kennwort zukünftig ändern?... 4 3. Welche Informationen finde ich im Intranet?...