IG Metall Bremen im Internet NetKey 3.0 - Projekt 462.

IG Metall Bremen im Internet

NetKey 3.0 - Projekt 462

Harald Esker; IG Metall, Projekt HiT, 07/2001 Seite 2

Inhaltsfolie 1

Pflichtenhefte Allgemein Seitenaufbau Seitenmanagement

Information Inhalte

das MUSS das KANN

MUSS-Architektur


Inhaltsfolie (2)

Die Navigation: Kontakt Presse Aktuelles Unser Team Service

Umsetzung Maßnahmen 1 Maßnahmen 2 Wer kümmert sich?


Inhaltsfolie (3)

Anhang 1 Html allgemein Html-Syntax gebräuchlichste html-Befehle 1 gebräuchlichste html-Befehle 2 gebräuchlichste html-Befehle 3 gebräuchlichste html-Befehle 4


Inhaltsfolie (4)

Anhänge 2 Erzeugung einer freien Liste html-Sequenzen Befehlssammlung


Allgemein - Pflichtenheft

Information an Presse Information ins Internet Überlegung, ob populäre Adresse möglich


Seitenaufbau - Pflichtenheft

Transparente Struktur Klare Navigation

Kurze Ladezeiten Kein graphischer Schnickschnack (anim. Gif)


Seitenmanagement - Pflichtenheft

Aktualitätsgrad bestimmen (z.B. wöchentl.) Abgesicherte Aktualisierung Verantwortlichkeiten festlegen

Wer gibt Informationen? Wer verarbeitet die Informationen (Red.)? Wer hat Authorisation zur Änderung (Red.)?

„Dienstweg“ festlegen: z.B. Kontrolle 1.BV Darf jemand informationell tiefer gehen?


Information - Pflichtenheft

Schnellinformation (Schlagzeilen) Keine „Bleiwüsten“ Weitere Infos nur optional (Link)


Inhalte – das MUSS

Das Willkommen (Opener) Adresse Wer macht was? Wann macht wer was ? Was liegt aktuell an (Schwerpunktthema) Presse


Inhalte – das KANN

Arbeitsinhalte der Fachgebiete Termine Darstellung der Personengruppen Offene und / oder geschlossenes Forum Offener und / oder geschlossener Dialog Online-Services (z.B. Beitritt)


MUSS-Architektur

Willkommen

Unser Team Kontakt

Aktuelles Presse


Die Navigation: Kontakt

KontaktAktuelles Presse

Unser Team

Service

Aktualisiert am 01.01.01 von Nicole Schomaker

Hier kommt die Adresse hin

Das hier ist die Tabellemit den Öffnungszeiten


Die Navigation: Presse


Unser Team

Service


Hier kommen die Überschriften der Mitteilungen hin

(interne Sprungbefehle)

Hier

kommen die Mitteilungen hin


Die Navigation: Aktuelles


Unser Team

Service


Überschriften von max.

3 Schwerpunktthemen (interne Sprungbefehle)

Hier

kommen die Themen hin


Die Navigation: Unser Team


Unser Team

Service


Name, Tel.-Nr., E-Mail, Funktion,

Aufgabenbeschreibung, unterstützt von: (Name, Tel.-Nr. + Fax, E-Mail)

Name, Tel.-Nr., E-Mail, Funktion,

Aufgabenbeschreibung, unterstützt von: (Name, Tel.-Nr. + Fax, E-Mail)


Die Navigation: Service


Unser Team

Service


Dies betrifft nur Kasse und Mitglieder (auch

im Gruppenbild)

Name, Tel.-Nr., E-Mail,

Aufgabenbeschreibung


Maßnahmen 1

Fotos Porträtfotos der SekretärInnen (ident. Hintergrund) Gruppenfoto der Bürokolleginnen (alle) Gruppenfoto Service Gruppenfoto Bürokolleginnen ohne Service Foto des Gewerkschaftshaus

Mitteilung an Presse Internetredaktion der IG Metall Bremer Stadtserver


Maßnahmen 2

Klärung populärer Web-Adresse (D. Wesp)

Aufgabenbeschreibung Sekretäre / Service


Wer kümmert sich?

Was? Wer? Bis wann?

Fotos

Web-Adresse

Mitteilungen

Aufg-Beschreib.


Anhang / html

Für die Formatierung können neben den vorgegebenen Modulen auch Befehle aus der Programmiersprache Hypertext Markup Language (html) verwendet werden. In den vorgegebenen NetKey-Grund-Layouts besteht zusätzlich die Möglichkeit, eine Seite komplett nur mit html zu erstellen und die Einzelmodule nicht zu verwenden. Ebenso ist eine Mischform möglich, bei der in den Einzelmodulen html-Befehle integriert werden. Mit html lassen sich Befehlsketten (Sequenzen) erzeugen, welche einmal erstellt, mit ihrem Namen verwendet werden können und den Eingabeprozess erleichtern.

Anhang / Html-Syntax

Kleinschreibung und englisch jeder Befehl begínnt mit < (Bsp: ) jeder Befehl endet mit /> (Bsp: ) Befehlskombinationen sind möglich; (Bsp: )

müssen aber einzeln wieder beendet werden,(Bsp: )

Farben werden als Wort oder Zahl definiertBsp: dunkelblau ist darkblue oder 003366.Die Farbe Schwarz ist voreingestellt.

Formatbefehle gelten i.d.R. bis zu ihrer Aufhebung(Ausnahme u.a.: )

Anhang /gebräuchlichste html-Befehle 1

 Zeilenumbruch (break) Zeilenumbruch mit Leerzeile fett (bold) blau <center>zentriert</center> rechtsbündig kursiv (italic) Die Befehlskombination satzsatzsatzsatz ergibt folgendes: Der satzsatzsatz wird fett, kursiv, rot dargestellt. Nach Satzende erfolgt ein Umbruch mit Leerzeile.

Anhang / gebräuchlichste html-Befehle 2

Aktivierung von Text (link im Text) Beispiel: Harald hat eine eigene Homepage. Befehl:

Harald hat eine eigene<a href=http://www.harald-esker.de>Homepage</a>.

Mit <a href (=high reference) wird der Beginn einer Adresse angekündigt, nach der Adresse wird durch >Homepage der Name der Adresse bezeichnet und anschließend wird mit </a> der Befehl geschlossen.

Anhang / gebräuchlichste html-Befehle 3

Aktivierte Personennamen (E-Mail) Mail-Adressen sind bei Eingabe automatisch aktiv

([email protected]) In Fließtexten kann diese Art jedoch störend wirken.Besser ist: Für Nachfragen steht die Kollegin Antje Edel zur Verfügung.Der Befehl lautet: <a href=mailto:[email protected]>Antje Edel</a>

Mit mailto: wird das Folgen einer Mail-Adresse angekündigt; die anderen Befehlsbestandteile sind analog zu denen bei „link im Text“.

Anhang /gebräuchlichste html-Befehle 4

Interne Sprungbefehlewerden zur schnellen Navigation innerhalb einer Seite benutzt, z.B. bei Teilüberschriften in langen Fließtexten Beispiel: <a href=#1>Zu Punkt 1<a/>

<a href=#2>Zu Punkt 2<a/> <a href=#3>Zu Punkt 3<a/>

<a name=1>Punkt 1. FließtextFließtext Fließtext Fließtext FließtextFließtext Fließtext<a name=2>Punkt 2. Fließtext FließtextFließtext Fließtext Fließtext FließtextFließtext Fließtext<a name=3>Punkt 3. Fließtext FließtextFließtext Fließtext Fließtext FließtextFließtext Fließtext

Anhang / Erzeugung einer freien Liste

Ich will •die Namen•die Adressen•die Bilder

in einer einfachen, freien Liste im Fließtext darstellen.

Der Befehl lautet:

Ich will <ol><li>die Namen</li><li>die Adressen</li><li>die Bilder</li></ol>in einer usw usw.

<ol> = order list <li> = list

Anhang / html-Sequenzen

Sequenzen dienen der Erleichterung In NetKey werden u.a. folgende Sequenzen für die

Schriftformatierung eingesetzt: H1 { font-weight: bold; font-size: 22px; font-family: "Arial"; }

Nicole H2 { font-weight: bold; font-size: 20px; font-family: "Arial"; }

Nicole H3 { font-weight: bold; font-size: 18px; font-family: "Arial"; }

Nicole H4 { font-weight: bold; font-size: 16px; font-family: "Arial"; } H5 { font-weight: bold; font-size: 14px; font-family: "Arial"; }

So sieht <h2>Nicole</h2>aus.

Anhang / Befehlssammlung

 fett kursiv unterstrichen blau Zeilenumbruch Umbruch mit Leerzeile rechtsbündig <center> zentriert <h1> bis <h5 > Formatsequenz (o. <>) geschützt. Leer-

zeichen Bsp: IG&nbspMetall

IG Metall Bremen im Internet NetKey 3.0 - Projekt 462.

Documents

Transcript of IG Metall Bremen im Internet NetKey 3.0 - Projekt 462.