LWL IT. Ready! ready!-schulung. Service Abteilung

Transkript

1 ready!-schulung

2 Themen der Schulung: - Barrierefreiheit - Gesetzliche Grundlagen - Rechtliches und Nützliches Einführung Stimmt/Stimmt nicht Diskussion Gruppenarbeit Vorstellung der Ergebnisse Umsetzung beim LWL Was ist ein Redaktionssystem? kurze Einführung Rechte und Rollen Welche Rollen gibt es? Wer hat welche Rechte? Seiten erstellen Anmelden Vorbereitung neuer Seiten Template-Auswahl Seitenerstellung Was ist ein Template? Vorstellung der Templates Zusammenstellung der Templates Bestehende Seiten editieren Fehlerkorrektur Änderung der Template-Reihenfolge Änderung der Link-Reihenfolge Zusatzfunktionen ftp-dateitransfer Anhang Seitenaufbau Einige nützliche HTML-Befehle Tipps zur Seitengestaltung

3 Barrierefreiheit Internet für alle Menschen mit Sehbehinderungen, z. B. Farbschwäche (v. a. Rot-Grün-Sicht) in der Bewegung behinderte Menschen (taktile Behinderung) Menschen mit Lernbehinderungen Menschen mit geringerer Medienkompetenz Internet-Laien Menschen mit Lese-/Schreibschwäche Menschen mit geringen Deutschkenntnissen

4 Barrierefreiheit Forderung des Gesetzgebers Erleichterung bei der Bedienbarkeit durch den Internetnutzer Programmiervorteil Zielgruppengerecht

5 Barrierefreiheit Zugänglichkeit weitgehend unabhängig von Nutzer und technischem Gerät (zukünftig auch PDA s/mobiltelefone) Schnellere Ladezeiten Optimierung für Hilfsmittel Sprachausgabe Nur-Text-Browser Braillezeile vergrößerter Bildschirm

6 Verpflichtende Grundlagen Behindertengleichstellungsgesetz (BGG) Barrierefreie Informationstechnik-Verordnung (BITV-Bund), 2002 Barrierefreie Informationstechnik-Verordnung (BITV-NRW), 2004 Basierend auf Web Content Accessibility Guidelines 1.0 (WCAG 1.0) der Web Accessibility Initiative (WAI) Corporate Design LWL Verfügung Landesdirektor, 2004

7 Umsetzung beim LWL Landschaftsverband Westfalen-Lippe Berufsbildungswerk für Blinde und Sehbehinderte Soest Integrationsamt uvm.

8 Rechtliches und Nützliches Impressumspflicht Name des Anbieters Name des Vertretungsberechtigten / Verantwortlichen nach TDG bzw. MDStV (TDG=Teledienstgesetz, MDStV=Mediendienstestaatsvertrag) Anschrift Haftung für Links (Beispiel NDR, Stichwort: Hamburger Urteil) Weitere Angaben Kontaktdaten Anfahrt Datenschutz

9 Was ist ein Redaktionssystem? Redaktionssystem = Verfahren zum verteilten Erstellen von Webseiten Grundlage dieses Redaktionssystems ist ZOPE (ZOPE = Z Object Publishing Environment) Zope ist Open-Source, d.h.es ist frei erhältlich und darf den eigenen Bedürfnissen entsprechend modifiziert werden Die Koordinierungs- und Beratungsstelle der Bundesregierung für Informationstechnik in der Bundesverwaltung hat 2/2000 den Einsatz von Open-Source-Software in der Verwaltung empfohlen Zope ist eine Open-Source-Entwicklumgsumgebung für Webauftritte, die durch eine engagierte und weltweit kooperierende Entwicklergemeinde getragen wird.

10 Was ist ein Redaktionssystem? Vorteile (1) gleiches Erscheinungsbild aller Seiten der Besucher wird nicht durch unterschiedliche Navigationsstrukturen verwirrt das CD wird stets eingehalten das Erstellen und Editieren von Seiten benötigt keine speziellen Kenntnisse HTML, Javascript u.ä. ist nicht Voraussetzung das Erstellen von Seiten ist leicht erlernbar

11 Was ist ein Redaktionssystem? Vorteile (2) jede Seite ist veränderbar Fehler können jederzeit korrigiert werden die Reihenfolge der einzelnen Bausteine ist veränderbar die Reihenfolge der weiterführenden Links (Subnavigation) ist veränderbar sofort online nach Freigabe einer Seite durch den Chefredakteur ist die Seite sofort online kein gesonderte Übertragung auf den Web-Server mehr notwendig

12 Was ist ein Redaktionssystem? Grenzen Besonderheiten (große Datentabellen, XHTML-Programmierung) nur mit erweiterten Kenntnissen möglich Abweichungen vom Standard / Erweiterungen nur durch CMS-Manager schwere Benutzerfehler nur durch CMS-Manager behebbar Bei Internetanbindung < DSL entstehen Wartezeiten

13 Rechte und Rollen Die Seiten des Webauftritts werden von verschiedenen Personen erstellt und verwaltet. Das bedeutet, dass es Personen gibt, die Seiten erstellen, die Seiten freigeben und solche, die das ganze System betreuen und verwalten. Dazu ist eine Rollenvergabe notwendig. Es gibt vier relevante Rollen: a) Manager Diese Rolle dient dazu, dem Personal des IT-Zentrums den vollen Zugriff auf das gesamte System zu ermöglichen. b) LokalerManager Diese Person richtet weitere Anwender/innen mit gleicher oder nachgeordneter Rolle ein

14 Rechte und Rollen c) Chefredakteur Diese Person gibt erstellte Seiten frei, bzw. löscht und/oder verschiebt erstellte Seiten. d) Seitenanleger Diese Person kann neue Seiten erstellen sowie bestehende überarbeiten. Jede Rolle umfasst automatisch die Rechte der untergeordneten Rolle(n)!

15 Rechte und Rollen Wie erhalten Sie die erforderliche Zugriffsberechtigung? Wenn Sie für Ihren Fachbereich neue Seiten erstellen möchten, benötigen Sie dazu die Berechtigung. Diese erhalten Sie nach Anmeldung bei der LWL.IT. Vorgehensweise: Die LWL.IT hält ein Formular vor, das über das Intranet abrufbar ist (Menüpunkt Formulare, Unterpunkt LWL.IT ). Damit beantragen Sie für Ihren Ready-Bereich einen Zugang mit der Berechtigung eines Lokaler Manager. Der Lokale Manager kann alle in dem von ihm betreuten Bereich benötigten Nutzer einrichten.

16 Anmelden Bevor Sie sich anmelden können, müssen Sie in einem Web-Browser (z.b. Internet Explorer) den Internet- Auftritt aufrufen: Nach Betätigen der Eingabetaste (oder Anklicken der Schaltfläche Wechseln zu: ) wird daraus

17 Anmelden Nun ändern Sie die Adresse zur Anmeldung um: Für die Schulung wurde der Bereich schulung für Sie vorbereitet. Jetzt befinden Sie sich in der Bearbeitungs-Oberfläche. Meldungen bestätigen Sie bitte mit Ja oder OK

18 Anmelden Unten auf der Seite befinden sich die Schaltflächen zum Anmelden ( Login ) und Abmelden ( Logout =). Schaltfläche zum Anmelden anklicken

19 Anmelden Benutzername: anwender01, anwender02, anwender03,...,...,..., anwender08 Password: montag

20 Anmelden Wählen Sie die Seite, unterhalb derer Sie eine neue Seite erstellen möchten. Im unteren Bereich jeder Seite finden Sie eine Auswahl von verschiedenen Funktionen.

21 Template auswählen Was ist ein Template? Ein Template kann auch als Baustein bezeichnet werden. Eine neue Seite besteht aus mehreren Bausteinen, die in beliebiger Reihenfolge angeordnet werden können. Wenn Sie eine neue Seite erstellen, werden Ihnen die verfügbaren Bausteine angezeigt, aus denen Sie auswählen können. Sie unterscheiden sich in Aussehen, Struktur und Inhalt. Empfehlung: Bevor Sie eine neue Seite anlegen, bereiten Sie diese am besten in der Textverarbeitung vor. Machen Sie sich vorab Gedanken über den Seitenaufbau (Verwendung von Grafiken, Aufzählungen usw.). Erst danach wählen Sie aus den vorhandenen Bausteinen aus.

22 Template auswählen Klicken Sie bitte die Schaltfläche neue Seite an: Sie gelangen zur einer Folgeseite, auf der Sie die Ihre Bausteine für die Web-Seite zusammenstellen können.

23 Template auswählen

24 Text-Template

25 Template auswählen Bitte wählen Sie aus den zur Verfügung stehenden Templates die benötigten aus. Falls Sie mit der Zusammenstellung der Templates zufrieden sind, klicken Sie auf den 'OK'-Button und Sie können danach die Daten eingeben. Falls Sie ein weiteres Template wünschen, klicken Sie auf die linken Grafiken. Um ein Template zu entfernen klicken Sie auf die Bilder in der rechten Spalte.

26 Template auswählen Geben Sie den Seiten-Namen (Titel) sowie die gewünschten Schlagworte ein. Schlagworte werden mit einem Leerzeichen voneinander getrennt.

27 Text-Template

28 Text-Template Text

29 Text-Template Aufgabe: Anlegen des Templates

30 Text-Template Text

31 Überschrift und Text

32 Überschrift und Text

33 Überschrift und Text Überschrift Text

34 Überschrift und Text Aufgabe: Anlegen des Templates

35 Überschrift und Text Überschrift Text

36 Template auswählen Hier können Sie zunächst den grundlegenden Aufbau Ihrer neuen Seite zusammenstellen! Zum Hinzufügen klicken Sie einfach auf eines der Templates.

37 Grafik, Überschrift und Text

38 Grafik, Überschrift und Text Bild Überschrift Text

39 Grafik, Überschrift und Text Aufgabe: Anlegen des Templates Speicherort der Grafik: V:\seminar\grafik\abt6061.jpg

40 Grafik, Überschrift und Text Bild Überschrift Text

41 Grafik-Template

42 Grafik-Template Grafik

43 Grafik-Template Aufgabe: Anlegen des Templates Speicherort der Grafik: v:\seminar\grafik\wahl.jpg

44 Grafik-Template Grafik

45 Link-Template

46 Link-Template Link

47 Link-Template

48 Link-Template Aufgabe: Anlegen des Templates Adresse:

49 Link-Template Link

50 Listen-Template

51 3. Listen-Template Auflistung Text 1 Text 2

52 3. Listen-Template Zeilenanzahl Listenzeichen

53 Listen-Template Besonderheit: Sie haben die Möglichkeit, die Breite der Textspalten zu verändern. Dazu müssen Sie die Spaltenbreite (in Prozent) für die erste Spalte festlegen, der verbleibende Platz der zweiten Spalte wird automatisch errechnet. Auflistung Text 1 Text 2 Spaltenbreite

54 Listen-Template Aufgabe: Anlegen des Templates Auflistung Text 1 Text 2

55 Listen-Template

56 Listen-Template Aufgabe: Anlegen des Templates Speicherort der Grafik: V:\seminar\grafik\kloster1.jpg und kloster2.jpg Auflistung Text 1 Text 2

57 Listen-Template Besonderheit: Wenn Sie das zweite Textfeld nicht ausfüllen, zieht sich der Text über den gesamten zur Verfügung stehenden Raum der Seite. Auflistung Text 1

58 Inhaltsverzeichnis

59 Inhaltsverzeichnis Inhaltsverzeichnis mit Überschriften der Templates

60 Inhaltsverzeichnis

61 Kombinieren von Templates

62 Kombinieren von Templates

63 Kombinieren von Templates

64 Kombinieren von Templates

65 Auswahl Im unteren Bereich jeder Seite finden Sie eine Auswahl verschiedener Schaltflächen.

66 Änderungen und Korrekturen Möchten Sie den erstellten Text ändern? Klicken Sie auf die Schaltfläche Seite editieren : Sie können nun den Baustein auswählen, in dem Sie z.b. einen inhaltlichen Fehler korrigieren möchten.

67 Links bearbeiten Wenn Sie einen Verweis auf eine externe Web-Seite einfügen, den Namen einer Folgeseite oder die Reihenfolge der Links in der Subnavigation ändern oder Schlagworte bearbeiten möchten, klicken Sie auf die Schaltfläche interne/externe Links ändern :

68 Links bearbeiten

69 Seite erweitern Sie möchten einen Absatz hinzufügen? Sie möchten noch ein Bild einfügen? Klicken Sie auf die Schaltfläche Template hinzufügen : Sie können wie bei der Erstanlage aus den verhandenen Bausteinen auswählen.

70 Templates löschen Sie möchten ein Template komplett löschen? Klicken Sie auf die Schaltfläche Template löschen. Alle eingesetzten Bausteine werden aufgeführt; markieren Sie den Baustein, den Sie entfernen möchten.

71 Reihenfolge der Templates Das eingefügte Bild ist nicht an der richtigen Stelle? Zwei Textbausteine sind vertauscht? Klicken Sie auf die Schaltfläche Templatereihenfolge ändern : Durch Änderung der Nummerierung bringen Sie die Baustein in die gewünschte Reihenfolge.

72 Reihenfolge der Templates

73 Links bearbeiten Der Name in der Navigation ist nicht korrekt? Die Schlagwörter sollen noch einmal angepasst werden?

74 Eigenschaften der Seite

75 Filetransfer mit ftp Der File Transfer dient dazu, große Dateien auf einen FTP-Server zu laden. Große Datenmengen im ready! verlangsamen den Seitenaufbau, da sich die Suchzeiten erhöhen. Der Dateitransfer ist mit einem ftp-programm komfortabel, der Einsatz ist jedoch nicht notwendig. Wie erhalten Sie einen FTP-Bereich für Ihre Daten? Wenn Ihr Fachbereich große Datenmengen bereitstellen möchte, benötigen Sie dazu einen Bereich. Diesen erhalten Sie nach Anmeldung bei der LWL.IT. Vorgehensweise: Die LWL.IT hält ein Formular vor, das über das Intranet abrufbar ist (Menüpunkt Formulare, Unterpunkt LWL.IT ). Damit beantragen Sie für Ihren Ready-Bereich einen FTP-Bereich. Im Anschluss an die Einrichtung erhalten Sie den Benutzernamen und das Passwort.

76 Filetransfer mit ftp File Transfer mit dem Internet Explorer in drei Schritten: a) Aufruf des FTP-Servers b) Anmeldung an FTP-Server c) Dateitransfer mit Datei-Explorer und Internetexplorer

77 Filetransfer mit ftp a) Aufruf des FTP-Servers: ftp:

78 Filetransfer mit ftp b) Anmeldung an FTP-Server: - rechte Maustaste drücken - Menüpunkt Anmelden als auswählen - Benutzername: f-test - Kennwort: qwertzu

79 Filetransfer mit ftp c) Dateitransfer mit Datei-Explorer und Internetexplorer

80 Bildergalerie

81 Bildergalerie

82 Überschrift und Text Errechnete Seitenzahl Tabelle

83 Seitenaufbau Kopfzeile Wenn Sie ein Bild einfügen, sollte es nicht breiter als 545 Pixel sein! Subnavigation Ihr verfügbarer Raum (variable Größe) Fusszeile

84 Grundlagen - Gestaltung und Inhalt sind getrennt - Standards - XHTML 1.0 (Inhalt) - CSS 1.0 und CSS 2.0 (Gestaltung)

85 Zusätzliche Befehle Einbindung einer Adresse in den laufenden Text: Muster: <a href= mailto:.. class= d title= >...</a> = <a href= mailto: -adresse class= d title= Hinweistext >zu verlinkender Text</a> Übung: <a href= mailto:info@lwl.org class= d title= Schreiben Sie eine Mail an den LWL >Mail an den LWL</a> Es wird automatisch die Standard-Mailanwendung (z.b. Outlook, GroupWise 5.5e oder höher) gestartet.

86 Zusätzliche Befehle Einbindung eines Links in den laufenden Text: Muster: <a href= title= >...</a> = <a href= title= Hinweistext >zu verlinkender Text</a> Übung: <a href= target= _top title= Der Link führt Sie zur Seite des Landschaftsverbands Westfalen-Lippe >Landschaftsverband Westfalen-Lippe</a>

87 Zusätzliche Befehle Verwendung der vordefinierten Klassen-Attribute (Farbe, Schriftgröße usw.) aus der Standardpalette des LWL-Internetauftritts im laufenden Text: <span class= h > Muster:...<span class= h >...</span>... = TextTextText <span class= h >hervorzuhebender Text</span> TextTextText. Übung: Der Autohersteller <span class= h >Opel</span> hat ein neues sparsames Auto entwickelt. Die Auflistung der möglichen Klassen finden Sie im Anhang.

88 Zusätzliche Befehle Erzwingung eines Zeilenumbruchs: <br /> Oder <br clear= all /> Bsp: Wort ist zu lang Kommunalwirtschaftsausschuss = Kommunalwirtschafts-<br />ausschuss

89 Zusätzliche Befehle Einfügen von Textattributen in den laufenden Text: <strong>fett</strong>oder <span style= font-weight:bold >fett</span> <span style= font-style:italic >kursiv</span> oder <em>kursiv</em> <span style= text-decoration:underline >unterstrichen</span> Übung: Auch die <span style= text-decoration:underline >Kommunalwirtschaft</span> zählt zum <span style= font-weight:bold >Aufgabenspektrum</span> des <em>lwl</em>. Auch die Kommunalwirtschaft zählt zum Aufgabenspektrum des LWL. Die Befehle können natürlich auch kombiniert werden! <span style= font-weight:bold;font-style:italic >fett und kursiv</span> = fett und kursiv

90 Zusätzliche Befehle Erzeugen einer nummerierten Aufzählung: <ol> <li>punkt 1</li> <li> </li> </ol> 1. Ausschüsse 2. Fraktionen = <ol> <li>ausschüsse</li> <li>fraktionen</li> </ol>

91 Zusätzliche Befehle Sprachauszeichnung (sinnvoll für Screenreader) Muster: <span lang="en" xml:lang="en">...</span> = <span lang="en" xml:lang="en">fremdsprachiger Begriff</span> Übung: <span lang="en" xml:lang="en >Browser</span>

92 Zusätzliche Befehle Abkürzungen Muster: <acronym title=...">...</acronym> = <acronym title= Beschreibung">Abkürzung</acronym> Übung: Beim ersten Auftreten: <acronym title= Landschaftsverband Westfalen-Lippe">LWL</acronym> Bei weiteren Verwendungen: <acronym>lwl</acronym>

93 3 Tipps Keine übermäßig langen Texte! Teilen Sie längere Texte auf mehrere Seiten auf, die per Link miteinander verbunden sind. Das Lesen längerer Texte am Bildschirm ist ermüdender als auf Papier. Außerdem ist immer nur ein Teil der Seite im Blickfeld, was das selektive Lesen (Überfliegen) erschwert. Richtig verlinken! Bauen Sie (nur) dort, wo es sinnvoll ist, Links zu Seiten mit weiterführenden Informationen ein. Links sollten selbsterklärend sein. Der denkbar schlechteste Text für einen Link lautet Bitte klicken Sie hier. Zusammenfassung voranstellen! Wenn Sie einen längeren Text auf mehrere Seiten verteilen, sollten Sie in einem Vorspann eine Zusammenfassung liefern, um dem Besucher die Orientierung zu erleichtern.

94 Nur noch 1 Tipp: Üben, üben, üben Wenn Sie weiterhin Seiten zu Übungszwecken erstellen möchten, dann steht Ihnen hierzu der Bereich Spielwiese zur Verfügung. Die Adresse lautet wie folgt: login: demo passwort: montag Beachten Sie, dass alle Nutzer/innen dort die gleichen Rechte haben! Seiten, die Sie später in Ihren Webauftritt einbinden wollen, erstellen Sie besser an entsprechender Stelle.

95 Vielen Dank für Ihre Aufmerksamkeit.