Benutzer Dokumentation für die Administration der Internetseiten des TSV Goddelau e.v.

Transkript

1 Benutzer Dokumentation fürdieadministration derinternetseitendes TSVGoddelaue.V. Stand: ChristianLorenz SüdlicheRingstr Riedstadt Goddelau Seite1

2 1.ÄnderungenandiesemDokument Datum Änderungen Autor Dokumenterstellt(ersterEntwurf) ChristianLorenz Mail Userguidenuneigenes ChristianLorenz Dokument; kompletteüberarbeitung NordicWalkingergänzt ChristianLorenz TeaserundKontaktedokumentiert, ChristianLorenz vordefiniertelink Zieledokumentiert Mail Linkskorrigiert(Doppelpunkte ChristianLorenz sinddurch%3azuersetzen) GrössederPortrait Bilderauf75x100 ChristianLorenz korrigiert, HinweisefürdieErstellungder Portrait Bilderergänzt, Inhaltsverzeichnisergänzt KapitelNewsletterhinzugefügt ChristianLorenz NeueScreenshots&Icons ChristianLorenz übernommen;dokumentationder Teaserangepasst;Änderungenam Desin GuidefürBilderund Portraitsfotos Seite2

3 Inhaltsverzeichnis 1.ÄnderungenandiesemDokument Einleitung Anmelden/EinloggenindasCMS Kennwortändern ErstelleneinerneuenSeite ErstellenneuenInhaltsinnerhalbeinerSeite BesondereInhalte Kontakte TerminierteInhalte Teaser Newsletter EinrichtungderNewsletter Benutzerseite AdministrationderEmpfängerliste ÄndernundLöscheneinzelnerMailadressen Massenimport Massenänderung ErzeugeneinesNewsletters BerarbeiteneinesNewsletters VorabansichtdesHTML Newsletters VersendeneinesNewsletters Statistiken Mailadressen InhaltederNewsletter DesignGuide Seitenstruktur Inhalte Mailadressen InterneLinks ExterneLinks Bilder Portraitfotos VerwendungvonHTML Code URLszurVerlinkungderTSV WebSeite...40 Seite3

4 Seite4

5 2.Einleitung DerTSVGoddelauhatTypo3alsContentManagementSystems(CMS)fürdiePflege seinerinternetseiteneingeführt. ZielderNeugestaltungderTSV Web SeitenistdieVereinheitlichungderverschiedenen AngeboteinnerhalbdesVereinsunddiesedurchgängigzugestalten.Weiterhinistauch eineklaretrennungzwischendenrollendes Web Masters undden Redakteuren. DieAdministrationdurchdenWeb MasterderTSV Web Seitenumfasst: EinrichtungdesCMS UmsetzungeinesabgestimmtenDesignsderSeite AdministrationderBenutzerundderenZuständigkeiten UnterstützungvonBenutzern Datensicherung StatistischeAuswertungen AdministrationderDomänenundMailboxen UnterstützungderSpartenbeimPublizierenvonInhalten. DieAdministrationdurchdenWeb Masterumfasstnicht: dasanfordernvoninhaltenbeidenspartenoderdemvorstand, dieerstellungvoninhaltenzurpublizierung, diessindaufgabender Redakteure. DiesesDokumentbeschreibtdieAdministrationderInternetseitenfür Redakteure. Seite5

6 3.Anmelden/EinloggenindasCMS ZumEinloggenindasCMSrufstdudiefolgendeURLindeinemInternetbrowserauf: goddelau.de/typo3/ DerAnmeldebildschirmsolltedannzusehensein: DeinBenutzername(Username)undKennwort(Password)solltendirineinerseparaten Mail zugesendet worden sein. Falls nicht, wende dich bitte an goddelau.de. Nachdemdudichautorisierthast,erscheintderfolgendeBildschirm: Seite6

7 GrundsätzlichistaufderlinkenSeiteimmerdieNavigationsleistezusehen,inderdie entsprechendenbereicheundaktionenausgewähltwerdenkönnen.amoberenrand findestdueinenknopf,mitdemdudichabmeldenkannst. 3.1Kennwortändern Nach deinem ersten Anmelden, solltest Du dein Kennwort ändern. Damit ist sichergestellt,dassnurdudieentsprechendenbereicheimcmsbearbeitenkannst. DazuwählstduinderNavigationsleisteaufderlinkenSeiteunterBenutzerdenEintrag Einstellungenaus.DerfolgendeBildschirmerscheint: Seite7

8 IndenFeldern NeuesPasswortund NeuesPasswort(Wiederholung)gibstDudein neuespasswortein. Achtung:bittewählekeinePasswörter,dieleichtzuerratensind.VersucheBuchstaben undzahlenzumischen.oderdenkedireinensatzaus,dendudirmerkenkannst;die WortanfängeergebendanndeinneuesPasswort. EbenfallsindiesemDialog,kannstdudeinePräferenzenunddein adressefürdas CMShinterlassen. Seite8

9 4.ErstelleneinerneuenSeite Imfolgendensollgezeigtwerden,wieeineneueSeiteerzeugtwird.Dazuwählstdu zunächstunterwebdenmenüpunktseiteindernavigationsleisteaus.derbildschirm solltedannden Baum allerwebseitenzeigen,aufdenduzugriffhast.evtl.musstdu einzelneteilenoch Ausklappen indemduaufdie + Zeichenklickst. Klicke nun aufdas Symbol oberhalb derbaumansicht zumanlegen einerneuen Seite.EserscheintfolgendeAnsicht. Seite9

10 HierwählstdudiegenauePosition,anderdieneueSeiteimBaumerscheinensoll. DanacherscheinteineSeiteaufderdunundenTitelderneuenSeitedefinierst. Seite10

11 NebendemSeitentitelsindnochdiefolgendenFelderinteressant: Allgemein/Seite verbergen: falls dieser Punkt markiert ist, wird die Seite nicht öffentlich sichtbar sein. Du kannst die Seite nach wie vor bearbeiten. Das ist nützlich, wenn eine Seite noch in der Vorbereitung ist und noch nicht alle Informationenzusammengetragenwurden. Allgemein/ImMenüverstecken:fallsdieserPunkmarkiertist,wirddieSeitefür Benutzer nicht über das Navigationsmenü zu finden sein. Dies ist nur dann sinnvoll, wenn Seiten z.b. aus einem Newsletter heraus referenziert werden sollen,dieaufnormalemwegeebennichtsichtbarsind. Zugriff/Start:FallsdieSeiteerstzueinembestimmtenDatumsichtbarseinsoll, gibstduindiesemfelddasentsprechendedatumein. Zugriff/Stop:FallsdieSeitenacheinembestimmtenDatumnichtmehrsichtbar seinsoll,gibstduindiesemfelddasentsprechendedatumein. Seite11

12 UmnundenSeiteninhaltzuspeichern,klickstduaufdasentsprechendeSymbol: SpeichernderaktuellenÄnderungen,aberdenDialoggeöffnetlassen. SpeichernderaktuellenÄnderungen,undWebseitenansichtöffnen. SpeichernderaktuellenÄnderungenunddenDialogschliessen. AktuelleÄnderungenverwerfenunddenDialogschliessen. Da damit allerdings erst eine neue Seite definiert ist, aber dieser noch kein Inhalt zugeordnet,wirdindervorschaunochnichtvielzusehensein.allerdingssolltedie SeiteimMenüunsererTSVGoddelau SeiteerscheinenunddamitfürBenutzerdirekt anwählbarsein. Seite12

13 5.ErstellenneuenInhaltsinnerhalbeinerSeite Um einen neuen Inhalt zu einer Seite hinzuzufügen, wählst du zunächst in der Baumansicht die Seite aus innerhalb der du einen neues Inhaltselement anlegen möchtest. Nunwählstdu Seiteninhaltanlegen aus.indemdannfolgendendialogwirdzunächst festgelegt,welchentypsderinhaltist: Seite13

14 NachdemdudengewünschtenTypausgewählthast,erscheintderfolgendeDialog: Seite14

15 Füge den entsprechenden Text ein. Falls Du den Text mit einem Bild versehen möchtest, musst das Inhaltselement vom entsprechenden Typ sein. In diesem Fall kannst du mit dem Symbol die Dateiauswahl öffnen. Es öffnet sich der folgende DialogineinemneuenFenster. Achtung:solltesichkeinneuesFensteröffnen,könnteessein,daseinInternetbrowser dieses als sogenanntes PopUp blockiert. Falls dem so ist, solltest du goddelau.dedasöffnenvonpopupsgestatten. Seite15

16 Nun kannst Du entweder aus den vorhandenen und angezeigten Bildern die gewünschtenauswählen,oderaberneuebilderaufdenwebserverhochladen. Seite16

17 6.BesondereInhalte 6.1Kontakte AufderjeweiligenStartseiteeinerAbteilungistinderrechtenSpalteeinSeiteninhalt anzulegen,derdenspartenleiterbenennt. Auf einer Unterseite z.b. Training sollten analog dazu die jeweiligen Trainer, Übungsleiter,o.ä.genanntwerden. DiessolldannfürdieBesuchersoaussehen: UmeinensolchenKontaktzuerstellen,gehstduwiefolgtvor: Auf der jeweiligen Seite erstellst du einen neuen Seiteninhalt für die rechte Spalte. DabeistellstdudiefolgendenAttributeein: Typ:TextmitBild. Überschrift: hier trägst du den Titel ein (also z.b. Abteilungsleiter, Trainer, Übungsleiter,Mannschaftsführer,...). Justierung:links. Verweis:bleibtleer. Text: hier wird der Text wie folgt eingegeben (halte die Zeilenumbrüche bitte genausoein,diesewerdenzueinemsog.paragraphen;<br>stehtfüreinen einfachen Zeilenumbruch): Christian Lorenz Telefon:<br>06158/ goddelau.de?subject=tsv:%20badminton>mailsenden</link> Bilder:wählebittegenaueinPortrait BildausdemUnterverzeichnis portrait in demabteilungseigenendateispeicheraus.solltefürdenjeweilgenkontaktkein Bildvorhandensein,sowähle FotoNiemand.jpg alsplatzhalteraus. Position:wähle ImTextlinks. Seite17

18 Rahmen:ja. Breite:75. Höhe:100. Klick vergrössern:nein. Bildtext:bleibtleer. diesonstigeninhaltebleibenimnormalfallleer. BittebeachtetzudemdieRegelnfürdiePortraitfotos(sieheKapitel Design Guide ). WeiterhinistfürjedePerson,dieaufunserenSeitenaufdieseWeisedargestelltwird, eine Einverständniserklärung einmalig einzuholen und an den Webmaster weiterzuleiten. Diese Einverständniserklärung findet ihr im Service Bereich unter den FormularenaufunserenWebseiten. Seite18

19 6.2TerminierteInhalte TerminierteInhaltesindSeitenoderSeiteninhalte,dieeinStart und/oderstopdatum haben. IstdasStartdatumgesetzt,sowirdderbetreffendeInhaltnurdannangezeigt,sobald dasstartdatumerreichtist. IstdasStopdatumgesetzt,sowirdderbetreffendeInhaltnurdannangezeigt,solange dasstopdatumnochnichterreichtist. Ist das Start und das Stopdatum gesetzt, so wird der Inhalt nur dann angezeigt, solangedasaktuelledatumzwischenstart undstopdatumliegt. DasStart undstopdatumkannamendeeinerseitebzw.einesseiteninhaltimreiter Zugriffeingestelltwerden. 6.3Teaser Miteinemsog.Teaser(engl. etwasverlockendes )könneninhalteaufanderenseiten in einer Zusammenfassung dargestellt werden, um z.b. Aufmerksamkeit für den jeweiligenseiteninhaltzuerhalten. Beispiel: Die Abteilung Badminton hat am letzten Sonntag ein wichtiges Spiel gewonnen. Es wurdebereitseineseiteodereininhaltmiteinemspielberichtangelegt.umnunauf diesebadminton SeitebereitsaufderStartseitedesTSVhinzuweisen,wirddieSeite umeinenteasererweitert. FürdenBesucherderSeitesolltesichderTeaserwiefolgtzeigen: Seite19

20 AufderStartseitesowieinallenAbteilungenwerdenTeaserautomatischdargestellt, sofernfürdiejeweiligeabteilungeinaktuellerteaserexistiert. InnerhalbdesWeb ModulsunterhalbderSeite,diedeneigentlichenInhaltenthält(also deninhalt,aufdenderteaserverweisensoll),wirdeineneueseiteangelegt.inderen SeiteneigenschaftenmüssendiefolgendenAttributegesetztsein: ImReiterAllgemein: Typ:wählehierVerweisaus. Seiteverbergen:nein,esdenn,derTeasersollmanuellabgeschaltetwerden. ImMenüverstecken:ja. Seitentitel:WählehierdenNamen Teaser.Sollte Teaser nichteindeutig sein, so erweitere den Namen um einen sinnvollen Zusatz, damit das AuffindendiesesTeasersbereitsinderBaumansichtvereinfachtwird. Alias:bleibtleer ImReiterVerweis: VerweisaufSeite:hieristdieSeiteauszuwählen,diedeneigentlichenInhalt bereitstellt(alsoz.b.../abteilung/aktuelles/). ImReiterOptionen: Verweismodus:bleibtimNormalfallleer. AllgemeineDatensammlung:bleibtleer ImReiterZugriff: Start: fallsnotwendig,stelledasdatumein,abwannderteaserzusehen seinsoll Stopp:wählehierdasEnddatumaus. DerBildschirmsolltedannetwasoaussehen: Seite20

21 SpeicheredieSeiteneigenschaften. NunwählstduaufderlinkenSeiteinnerhalbdesWeb ModulsdieFunktionListe,wobei in der Baumdarstellung die zuvor angelegte Seite ausgewählt bleibt. Der Bildschirm solltedannsoaussehen: Seite21

22 Klickenunaufdas SymboloberhalbdesArbeitsbereicheszumAnlegeneinesneuen Datensatzes.EserscheintdiefolgendeAnsicht: Seite22

23 Hier wählst du nun den Typ Seitenteaser aus. Danach erscheint der folgende Bildschirm: Seite23

24 HiersindnundiefolgendenFelderwiefolgtzufüllen: Titel Optionen:wähle AndererTitel(BenutzedasfolgendeTextfeld) Text für Titel: hier ist eine kurze Überschrift einzugeben, mit der der Teaser überschriebenwerdensoll. Beschreibung Optionen: wähle Anderer Beschreibungstext (Benutze das folgendetextfeld). Beschreibungstext:hieristnuneinkurzerTextfürdenTeasereinzugeben. Teaser Bild:Wählehierz.B.dasIconderAbteilungaus. AlleanderenFeldersolltenleerbelassenwerden. HiernocheinpaarTipsfürdieVerwendungvonTeasern: WähledieÜberschriftunddenTextdesTeaserssoknappwiemöglich,aberso ausführlichwienötig. Seite24

25 DieÜberschriftsolltedenAbteilungsnamenenthalten. Wähle die Dauer für die Anzeige des Teasers sinnvoll. Wird z.b. ein Anmeldeschluss geteasert, so sollte der Teaser nach dem Termin nicht mehr angezeigt werden. Der Teaser eines gewonnenes Rundenspiels sollte zum TermindesnächstenSpielsnichtmehrangezeigtwerden. Seite25

26 7.Newsletter Das beim TSV eingesetzt Content Management System Typo3 unterstützt mit der ErweiterungDirectMaildenVersandvonNewslettern. SoferneineAbteilungNewsletterverschickenmöchte,istdazuderTSV Webmasterzu kontaktieren, damit die entsprechenden Vorbereitungen und Konfigurationen vorgenommenwerden. DanachstehendemWebmasterderjeweiligenAbteilungdiefolgendenFunktionenzur Verfügung: EinrichtungeinerSeite,aufderBenutzerdenNewsletterbestellen,abbestellen undihrekonfigurationändernkönnen, Administration der Empfängerliste des Newsletters (Einzeländerungen, Massenimportund änderungen), ErstellungeinesNewsletters, VersendeneinesNewsletters, Statistiken. ImFolgendenwerdendieeinzelnenSchrittebeschrieben. 7.1EinrichtungderNewsletter Benutzerseite UmBenutzerndasAn undabmeldenzudemjeweiligennewsletterzuermöglichen, wirdinnerhalbderabteilungsseiteneineneueseitebenötigt.dieseseitewirdvomtsv WebmastergeliefertunddirektunterhalbderAbteilungunterdemNamen Newsletter abgelegt.dortkannsievomwebmasterderabteilungmodifiziertwerdenbzw.auch verschobenwerden. ÜberdieseNewsletter BenutzerseitekanndanneinBenutzer dennewsletterbestellen, seineeinstellungenändern(name,mailadresse,formatdesnewsletters), dennewsletterabbestellen. Seite26

27 InjedemFallistdabeigarantiert,dassnurderEignerderjeweiligenMailadresseden Newsletter bestellen kann und die Änderungen vornehmen kann, da generell alle TransaktionenüberLinksgeführtwerden,dieperMailversendetwerden. 7.2AdministrationderEmpfängerliste 7.2.1ÄndernundLöscheneinzelnerMailadressen Hierzuwähltman: Modul:Web>Seite Baum:/Newsletter/<NamederAbteilung> Arbeitsbereich:ListeallerEmpfänger MitderOption Adresse kannmanzwischendendarstellungen KurzeListe, Adressliste, PersönlicheInformationen wählen DenDatensatzkann man wiegewohntbearbeitetwerdenumz.b.fehlerimnamen oderdermailadressezukorrigieren. In der Ansicht Persönliche Informationen kann man auch bereits in der Liste den Statuserkennen:derStatus Versteckt bedeutetdabei,dassderbenutzersichzwarauf derwebseitezumnewsletterangemeldethat,dieanmeldungallerdingsnochnichtüber denlink,derihmgesendetwurde,bestätigthat. AlsalternativeDarstellungderEmpfängerlistekannmanauch Modul:Web>Liste Baum:/Newsletter/<NamederAbteilung> Arbeitsbereich:eserscheintdieListeallerEmpfänger IndieserAnsichtkannmaneineAdressezudemleichtlöschen Massenimport Typo3bietetmitHilfederExtension DirectMail auchdiemöglichkeiteinelistevon MailadressenauseinerCSV Datei(ColonSeparatedValues)zuübernehmen. DieCSV DateisolltedabeidasfolgendeFormathaben: Seite27

28 <VornamedesBenutzers>;<NachnamedesBenutzers>;<MailadressedesBenutzers> Beispiel: #Vorname;Nachname;Mailadresse UmdieseDateizuimportieren,gehtmanwiefolgtvor: Modul:DirectMail>Empfängerliste Baum:/Newsletter/<NamederAbteilung> Arbeitsbereich:wähle ImportCSV Datei DieCSV DateienkönnennunwahlweisevoneinerlokalenDateigeladenwerden (z.b.auseinemexportausopenofficeodermsexcel),oderaberdirektindas Eingabefeld CSV Daten kopiertwerden imnächstenschrittistderspeicherort(alsodersystem Ordner)zuwählen,dem diezuimportierendenadressenzugeordnetwerdensollen, imnächstenschrittwirddasformatdercsv Datenbeschrieben, imdarauffolgendenschrittistderzeichensatzunddiefeldzordnungzuwählen ( Vorname, Nachname und E Mail ), Zusatzoptionen:AlleEmpfängernbekommenHTMLNewsletter:ja imabschließendenschrittwerdendanndiedatenimportiert. SollteninderCSV DateiVornameundNachnamenichtinunterschiedlichen Feldern vorliegen und statt dessen nur der Name als eine Zeichenkette, so ist bei der Feldzuordnungnicht Name,sondern Vorname zuwählen(dasfeld Name istimmer diesummeaus Vorname und Nachname ) Massenänderung Umsicherzustellen,dassindenNamenundMailadressenderEmpfängerlistenkeine fehlerhaftenoderdoppelteeinträgevorhandensind,kannmittelsdertypo3 Extension DirectMailCompaniondiejeweiligeEmpfängerlistewiefolgtbereinigtwerden: Modul:Web>Funktionen Seite28

29 Baum:/Newsletter/<NamederAbteilung> Arbeitsbereich: Funktion Direct Mail Begleiter wählen (ganz oben im Arbeitsbereich) Arbeitsbereich:eserscheinendiejeweiligenOptionen EsempfiehltsichnacheinemMassenimporteinLaufmitdenfolgendenOptionenzu wählen: Whitespace,Anführungszeichenund ume Mailadressenentfernen EinträgemitoffensichtlichungültigenE Mailadressenlöschen EinträgemitleerenE Mailadressenlöschen Dublettensuchen,diesowohlinfe_usersalsauchintt_adressvorkommen Dubletteninnerhalbvonfe_userssuchen Dubletteninnerhalbvontt_adresssuchen In einem Testlauf kann man sich zunächst das Ergebnis anschauen, um dann gegebenenfallsdieänderungenauszuführen. 7.3ErzeugeneinesNewsletters GenerellwirdeinNewsletterwieeineTypo3 Seiteerzeugt. Modul:DirectMail>DirectMail Baum:/Newsletter/<NamederAbteilung> Arbeitsbereich: InterneSeite anklicken Arbeitsbereich:dieOption Newsletter erstellenanklicken Arbeitsbereich: es erscheint die gewohnte Maske zur Erzeugung einer neuen SeiteundeineserstenTextelements.AndieserStellesindnundieInhaltedes Newsletterseinzufügen. Seite29

30 Seitentitel: z.b. Newsletter Fußball Juli 2008 DieserTextwirdspäternichtnurdas Betreff desnewsletterssein,sondern auch der Titel unter der der Newsletter im System gespeichert wird. Aus diesem Grund sollte eine eine Namenskonvention eingehalten werden, anhandmandenjeweiligennewslettereinfachidentifizierenkann(z.b.eben MonatundJahrindenSeitentitelmitaufnehmen), DasersteTextelementkannwiegewohntmitInhaltgefülltwerden. Wenn diese Seite gespeicherunt und beendet wird, so können weitere Inhalte hinzugefügtoderauchbestehendeinhaltebearbeitetwerden(siehenächsterabschnitt). 7.4BerarbeiteneinesNewsletters SoferneinNewsletternurErzeugtwurde,abernochnichtversendetwurde,kannerwie folgtbearbeitetwerden: Modul:Web>Seite Baum:/Newsletter/<NamederAbteilung>/<NamedesNewsletters> Arbeitsbereich:hierkannderInhaltnunwiegewohntbearbeitetwerden.Essollte allerdingsdaraufgeachtetwerden,dassnurdie normale SpalteimNewsletter verwendetwird. 7.5VorabansichtdesHTML Newsletters DerNewsletterkannvordemVersandbereitsbegutachtetwerden. Modul:Web>Anzeige Baum:/Newsletter/<NamederAbteilung>/<NamedesNewsletters> Arbeitsbereich: hier erscheint der Newsletter so, wie er später als HTML Mail versendetwird. Seite30

31 7.6VersendeneinesNewsletters NachdemderNewsletternunvorbereitetist,kanndieserandiejeweiligeEmpfängerliste versendetwerden. Modul:DirectMail>DirectMail Baum:/Newsletter/<NamederAbteilung> Arbeitsbereich: InterneSeite anklicken Arbeitsbereich:eserscheitdieListedervorhandenenNewsletter. Schritt1:wähledenzuversendenenNewsletter, Schritt2:prüfedieEinstellungenfürdenVersand,dann weiter klicken, Schritt3:hierkönnenKategorienfürdenNewslettereingestelltwerden(wirvom TSVderzeitnichtgenutzt), weiter klicken, Schritt 4: Testmail versenden HierkannmanzumdenNewsletteraneineeinzeln adresseversenden,um z.b.auchdiedarstellungimmailprogrammzubegutachten.indertestmailwird derlinkzumabbestellendesnewslettersamendedermailnichtkorrektersetzt, da der Newsletter ja nicht an einen registrierten Benutzer gesendet wird. Sofernallesokist, weiter klicken, Schritt 5: Auswählen der Empfängerliste <Name der Abteilung>. Weiterhin kann hier auch ein Datum setzt werden, zu dem der Versand des Newsletters beginnen soll. Zum endgültigen Versand dann auf An alle Empfänger der Versandgruppe versenden klicken. NachdemVersandkannnunnochderVersandstatusbeobachtetwerden: Modul:DirectMail>Versant Status Baum:/Newsletter/<NamederAbteilung> Arbeitsbereich:eserscheinteinesListederNewslettermitdendazugehörigen Daten DieNewsletterwerdennichtaufeinenSchlaganalleBenutzerverschickt,sondernin kleineneinheitenineinemfestgelegtentakt(derzeit50mails/5minuten). Seite31

32 DerCronjobStatussolltehieraufOKstehen.SolltedasnichtderFallsein,sowende dichbitteandenwebmaster. 7.7Statistiken NachdemVersandeinesNewsletterskönnenStatistikenüberdenNewsletterabgerufen werden: Modul:DirectMail>Statisiken Baum:/Newsletter/<NamederAbteilung> Arbeitsbereich:Newsletterauswählen Arbeitsbereich:eserscheintdieStatistikzudemausgewähltenNewsletter 7.8Mailadressen GenerellwerdendieNewslettervonderMailadresse der Abteilung>.tsv-goddelau.de versendet.werdenantwortenan dies adressegesendet,sowerdendieandie folgendenmailadressenweitergeleitet: der Abteilung>.tsv-goddelau.de der Abteilung>.tsv-goddelau.de Damit kann sich der und derwebmaster der jeweiligenabteilungeumdierückmeldungenkümmern. 7.9InhaltederNewsletter HiernocheinigeBemerkungenüberNewsletterimAllgemeinen: BeziehteurenAbteilungsleiter/SpartenleiterindieErstellungdesNewslettersein, dennletztlichmusserbzw.der1.vorsitzendedennewslettervertreten, VersendetNewsletternichtzuhäufig, Seite32

33 Seid sparsam mit grafischen Elementen (Fotos usw.) und prüft die zulässige VerwendungvonFotos, DieNewsletterwerdeautomatischmitImpressumversehen, DieNewslettererhaltenautomatischeinenLink,überdenderjeweiligeBenutzer seine Newsletter Einstellungen ändern kann, oder den Newsletter abbestellen kann. Seite33

34 8.DesignGuide 8.1Seitenstruktur Macht die Struktur der Seiten nur so kompliziert wie nötig und so einfach wie möglich.nichtnurihrselbstoderabteilungsangehörigemüssensichdortzurechfinden können. 8.2Inhalte Versucht die Seiten so zu gestalten, dass auch (abteilungs )fremde Besucher etwasmitdeminhaltanfangenkönnen. Denktdaran,dassdieInhalteöffentlichsind,d.h.derTSVbzw.ihrselbstseidfür dieinhalteverantwortlich. Auf der Startseite der Abteilungen sollte die Abteilung beschrieben werden. Weiterhin ist dort auf der rechten Seite der Kontakt zum Abteilungsleiter mit Name,TelefonundMaileinzufügen. Verwendetet terminierte Inhalte wo es Sinn mach. Alte Inhalte sollten ausgeblendetwerden,dasiebeibesucherndeneindruckhinterlassen,dassdie Seite nicht gepflegt und die Inhalte nicht aktuell sind. Wenn alte Inhalte dargestellt werden, so sollte dies in einer eigenen Rubrik (z.b. Archiv ) geschehen. VerwendetTeaserumbesondereEreignisseinAbteilungenaufderStartseitezu publizieren. Seite34

35 8.3Mailadressen Grundsätzlich sollen auf den Seiten des TSV die TSV eigenen Mailadressen verwendetwerden.diejeweilig adressewirdimmail Systemsokonfiguriert, dass diese entweder weitergeleitet oder im Web Mailer des Web Hosters abgerufen werden kann. Im Dokument TSV Goddelau Mail Userguide findest DueineListeallerMailadressenmitderaktuellenKonfiguration. Falls Private Mailadressen verwendet werden sollen, so ist darauf zu achten, dass dem Benutzer klar kommuniziert wird, um wessen Mailadresse es sich handelt,soferndiesnichtausdermailadresseselbsthervorgeht. DieTSV MailadressensindzudemniemalsdirektaufderSeitezuhinterlegen, umspameinzudämmen.typo3unterstützthierzumail Links,diedi adresse derart modifizieren, dass diese durch Spam Crawler nicht zu finden sind. Mailto Links <link sollen wie folgt gesetzt werden: einemsinnvollenbetreff. 8.4InterneLinks Um z.b. in den Abteilungen auf die jeweilige Sportstätte hinzuweisen, kann in der AbteilungeinLinkwiefolgtgesetztwerden: Unser Training findet Donnerstags immer in der <link kreissporthalle>kreissporthalle</link>ingoddelaustatt. Typo3wirddenLinksosetzen,dassdieSeitederKreissporthallekorrektreferenziert wird. DieLink Zielewerdendurchdassetzeneines Alias imjeweiligenseitentitelerzeugt. ZurZeitstehendiefolgendenLink ZielezurVerfügung: Seite35

36 NamedesLinks Ziel vorstand TSVVorstands Seite jugendausschuss Jugendausschuss badminton Abt.Badminton fussball Abt.Fussball fussballjugend Abt.Fussball/Jugend handball Abt.Handball karate Abt.Karate kinderturnen Abt.Kinderturnen koronoar Abt.Koronar kungfutoa Abt.KungFuTo'a lauftreff Lauftreff leichtathletik Abt.Leichtathletik nordicwalking NoricWalking tanzen Abt.Tanzen turnen Abt.Turnen fastnacht Abt.Fastnacht search Such Formular sportheim Sportheim sportplatz Sportplatz cbh Christoph Bär Halle gshgoddelau Kreissporthalle/Großsporthalle Goddelau (SporthallederMartin Niemöller Schule) gsherfelden GroßsporthalleErfelden shcrumstadt SporthalleCrumstadt turnhalle KleineTurnhallederMartin Niemöller Schule Seite36

37 8.5ExterneLinks Grundsätzlich sollen keine externen Abteilungsseiten mehr verlinkt werden. Deren Inhalt soll stattdessen in das CMS des TSV eingepflegt werden. Stattdessen sollten diese externen Abteilungsseiten sofern diese tatsächlich noch notwendig sind direkt auf die jeweilige Abteilung innerhalb des CMS verweisen und weiterleiten. Im Anhang B befindet sich eine Liste mit den unterstützenurlsinnerhalbdescms. Grundsätzlich sollen keine externe Seiten verlinkt werden, ohne diese dem Benutzerklarzukommunizieren.DerLinksselbstsollentwederdieURLselbst sein, oder aber der gebräuchliche Name der verlinkten Seite: Beispiel: Falsch: Ergebnisse des Spiels finden sie <link Richtig: Ergebnisse des Spiels finden sie auf <link EsdrüfennurexterneSeiteverlinktwerden,derenBetreiberklarerkennbarist unddieexternenseitenmiteinemimpressumversehenist. ExterneLinksmüssenimmerineinemneuenFenstergeöffnetwerden,d.h.bei der verwendung von externen Links ist folgende Syntax zu verwenden: <link external_url _top>externe seite.de</link> wobei für external_url die externe URL und für externe seite.de der NamederSeiteeingesetztwerdenmuss. Externe Inhalte dürfen nicht mittels Frames, Iframes oder Image Tags (o.ä.) eingebettetwerden.eineausnahmesindhierz.b.ergebnissevonseiteneines Ergebnisdienstes,soferndieserdieEinbettungunterstütztundexplizitgestattet. Seite37

38 8.6Bilder Alle Bilder müssen als JPEG (Endung.jpg) oder GIF (Endung.gif) im abteilungseigenenbereichabgelegtwerden. Da die Bilder für die Darstellung über das Web verwendet werden, macht es keinensinnbildermitauflösungengrösser1200x800bildpunktenabzulegen,da diesenurunnötigspeicherplatzverbrauchen.imnormalfallwerdenbildernoch deutlichkleinersein. VeröffentlichtkeineBilderderenHerkunftundVerwertungsrechteunbekanntsind odereineveröffentlichungausschließen. Wenn Bilder veröffentlicht werden, solltet ihr darauf achten, dass die dargestelltenpersonennichtunvorteilhaftdargestelltwerdenunddaspersonen nicht Es bedarf keiner Genehmigung um Bilder zu veröffentlichen, sofern nicht einzelnepersonenalssolchedarstellenundzusätzlicheinformationenzudiesen Personen veröffentlicht werden, d.h. TeambilderoderSzenen aus Hand oder FußballspielenstellenkeinProblemdar. Weiterhin sollte man natürlich darauf achten, dass niemand auf einem Bild unvorteilhaft dargestellt wird auch wenn es im ersten Moment nicht den Eindruckmacht(z.B.beiBildernvonWeihnachtsfeiern). VerzichtetimZweifelsfalllieberaufeineVeröffentlichung. BeschränktdieAnzahldergezeigtenBilderundsuchtstattdessendiebestenaus wenigeristmehr! 8.7Portraitfotos FürPortraitfotosdiez.B.AbteilungsleiteroderVorstandsmitgliederdarstellen,geltendie folgendenregeln: DieBildermüssenalsJPEG(Nameserweiterung"jpg")gespeichertwerden. Seite38

39 DieBildermüssennachdemMuster VornameNachname.jpg benanntwerden, d.h.vornameundnachnamemüssenverwendetwerden,dabeisollaberkein Trennzeichendazwischenverwendetwerden.WeiterhinsindmitAusnahmeder ersten Buchstaben von Vorname und Nachname nur kleine Buchstaben zu verwenden(auchindernamenserweiterung jpg ).Umlauteund ß invor bzw. Nachnamenmüssendurch ae, oe, ue bzw. ss ersetztwerden. Die Bilder müssen im Portraitformat (also hochkant) mit einer Auflösung von 300x400Punktenaufgenommen,zugeschnittenbzw.skaliertwerden. DieBildermüsseneinenneutralenHintergrundhaben. Die Bilder müssen ausreichen ausgeleuchtet sein und sollten ohne Blitz bei ausreichendtageslichtgemachtwerden DieBildermüssenscharfundunverwackeltsein. DieBildermüsseninFarbegemachtwerden. DieBilderdürfennichtelektronischverfremdetwerden. DieBilderdürfennureinePersonzeigen. DieBildermüssendenKopfderabgebildetenPersonmiteinemangemessenen Randdargestelltsein. DieabgebildetePersonsolltebeiderAufnahmeindieKameraschauenundein freundlicheslächelnwärenichtschlecht. DieabgebildetePersonmussgutzuerkennensein,d.h.beiderAufnahmesollte aufmützen,kappen,sonnenbrillen,u.ä.verzichtetwerden. 8.8VerwendungvonHTML Code Mit der Verwendung von HTML Code soll sparsam umgegangen werden. Versuche nicht, dass verwendetet Template des CMS durch den Einsatz von HTML Code zu umgehen.diesführtletztenendesnurzueinemuneinheitlichenbilddergesamtseite undbringtzudeminkompatibilitätenzuweb Browsernmitsich.Ausserdembedeuten diesemehraufwand,sobalddastemplategeändertwird. DerEinsatzvonHTML CodesolltesichaufdiefolgendenTagsbeschränken: Seite39

40 Tag Bedeutung Bemerkung a,link Anchor,Link nurumlinksinnerhalbvontextzu platzieren. b,i,u Bold,Italic,Underlined img Image nur um Bilder/Icons innerhalb von Text zu plazieren. Nur in Ausnahmefällen, da dies das Handling von Grafiken von Typo3 umgeht. ol,ul,li Ordered List, Unordered List, List Entry DenktbeimgestaltenderSeitenimmerdaran:wenigeristmehr! 8.9URLszurVerlinkungderTSV WebSeite UmdieTSV Web Seitein Verbänden,allg. Verzeichnissen, Mailsignaturen,Plakaten o.ä.zuverlinkenstehendiefolgendenurlszurverfügung. EsistdamitmöglichdieTSV Web SeitedirektmitderjeweiligenAbteilungöffnenzu lassen. Linkauf URL URL(alternativ) Startseite goddelau.de/ goddelau.de/ Badminton goddelau.de/badminton goddelau.de/ Fussball goddelau.de/fussball goddelau.de/ Fussballjugend goddelau.de/fussballjugend goddelau.de/ Handball goddelau.de/handball goddelau.de/ Handballjugend goddelau.de/handballjugend goddelau.de/ Karate goddelau.de/karate goddelau.de/ Kinderturnen goddelau.de/kinderturnen goddelau.de/ Koronar goddelau.de/koronar goddelau.de/ Seite40

41 Linkauf URL URL(alternativ) KungFu To'a goddelau.de/kungfutoa goddelau.de/ Lauftreff goddelau.de/lauftreff goddelau.de/ Leichtathletik goddelau.de/leichtathletik goddelau.de/ NordicWalking goddelau.de/nordicwalking goddelau.de/ Tanzen goddelau.de/tanzen goddelau.de/ Turnen goddelau.de/turnen goddelau.de/ Jugendausschuss goddelau.de/jugendausschuss goddelau.de/ Fastnacht goddelau.de/fastnacht goddelau.de/ Seite41