Home

Anleitung - KompoZer

1. H Einstellungen 9 1 Voreinstellungen Kompozer bietet Ihnen einige M glichkeiten die Arbeitsweise des Programms individuell anzupassen Einige dieser Optionen sind im Men Extras Einstellungen zu finden Zu s tzlich k nnen die Symbolleisten ber das Men Ansicht Anzeigen Verstecken durch den Benutzer individualisiert werden Standardwerte Die Voreinstellungen von Kompozer d rften im Allgemeinen sinnvoll sein Men Default Extras Einstellungen Allgemein Maximale Anzahl an aufgelisteten Seiten 10 Formatierung des Quelltextes erhalten aktiviert HTML Quelltext neu formatieren 2 20u000200000n0n0nnnnnnnnnnnnnnnnnnnnn nn nn nn ann ann nicht aktiviert Grafiken und andere eingebundene Dateien gemeinsam mit Seiten speichern nicht aktiviert Immer Publizieren Dialog beim Publizieren von Seiten anzeigen nicht aktiviert Tabellen Layout beim einf gen oder L schen von Zeilen erhalten aktiviert CSS Stile statt HTML Elementen und Attributen verwenden aktiviert Neues Dokument immer als Tab ffnen aktiviert Extras Einstellungen Schriftarten Webseiten erlauben andere Schriftarten zu benutzen aktiviert Die anderen Einstellungen werden im folgenden Text erl utert Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 103 Kompozer Extras Autor Standardfarben des Lesers Hintergrundbild Sprache Einstellungen Schreibrichtung Zeichensatz Extras Einstellungen Erweitert
2. Dieses Fenster ge ffnet lassen nachdem das Publizieren Dieses Fenster ge ffnet lassen nachdem das Publizieren abgeschlossen ist abgeschlossen ist 7 Nach kurzer Zeit sollten Sie die Best tigung der erfolgreichen Publizierung erhalten Publizierung Seite ber Haustiere Publizieren zur Seite Fiat Site URL ftp www jeurgen klose de millecinquecento Publizierungs Status Publizierung fehlgeschlagen Der Server ist nicht verf gbar berpr fen Sie Ihre Verbindung und versuchen es nochmal 2 haustiere html vi Erfolgreich Fehlgeschlagen Probleml sung Dieses Fenster ge ffnet lassen nachdem das Publizieren abgeschlossen ist Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 116 Kompozer 8 Falls das Publizieren nicht erfolgreich war erhalten Sie eine Fehlermeldung Eine m g liche Ursache kann eine Firewall sein die den Zugang zum Server sperrt Die Probleml sungs Schaltfl che f hrt Sie zum Kompozer Hilfesystem das aber zu die sem Zeitpunkt gegenw rtig keine wesentlichen Aussagen bereith lt Andere m gliche Probleme k nnen sein e Einige erforderliche Dateien fehlen e Datei oder Ordnernamen wurden falsch geschrieben denken Sie auch an Gro und Kleinschreibung Wenn Sie eine Seite bereits einmal ver ffentlicht haben und Sie diese nach einer nde rung erneut ver ffentlichen m ssen sollte Kompozer Ihre Einstellungen z B Unterver zeichnisse beibehalten
3. Allgemein Seiteneinstellungen Version 1 01 vom 07 06 2008 Allgemein Letzte Seiten Men Maximale Anzahl an aufgelisteten Seiten 10 Beim Speichern oder Publizieren von Seiten C Formatierung des Original Quelltextes erhalten HTML Quelltext neu formatieren v7 Grafiken und andere eingebundene Dateien gemeinsam mit Seiten speichern _ Immer Publizieren Dialog beim Publizieren von Seiten anzeigen Tabellenbearbeitung Tabellen Layout beim Einf gen oder L schen von Zellen erhalten Cascading Style Sheets C55 Bearbeitung c55 Stile statt HTML Elementen und Attributen verwenden Seitenwerwaltung Neues Dokument immer als Tab ffnen Abbrechen Seite 104 Kompozer Wenn Sie den Quellcode neu formatieren werden einige Tags einger ckt um die Lesbar keit zu verbessern Es werden aber auch Leerzeilen eingef gt Beachten Sie dass die Quellansicht und der aktuelle Dateiinhalt nicht exakt bereinstimme Formatierung des Original Quelltextes erhalten f gt eine Anzahl von Leerzeilen be sonders im lt HEAD gt Bereich ein aber wenn die Dateien z B zu einem HTML Validator bertragen werden stimmen die Zeilennummer f r die Fehlermeldungen ungef hr ber ein HTML Quelltext neu formatieren f gt keine Leerzeilen ein teilt aber Zeilen auf dadurch stimmen die Zeilennummern weniger gut berein Grafiken und andere eingebundene Dateien gemeinsam mit Seiten speichern Wenn Sie ber das Kommando
4. Einrichten eines ID Styles 1 Starten Sie CaScadeS 2 Wenn das Stylesheet in dem Sie die Klasse einrichten m chten bereits existiert markieren Sie es klicken Sie auf das Palettensymbol Sonst Klicken Sie auf das Palettensymbol Im Style und Regel Fenster sehen Sie ein neu es internes Stylesheet 3 Aktivieren Sie den Radiobutton Individuelle Style Regel 4 Neben dem leeren Eingabefeld k nnen Sie auf den DropDown Pfeil dr cken um ei ne Liste der Ids zu sehen die bereits auf dieser Seite verwendet werden Wenn Sie einen Eintrag verwenden m chten klicken Sie darauf 5 Wenn Sie einen neuen Style f r ein ID anlegen m chten geben Sie einen Namen ein der auf dieser Seite noch nicht benutzt wurde Das Doppelkreuz steht schon im Eingabefeld 6 Klicken Sie auf Style Regel erstellen Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 85 Kompozer 7 Sie erhalten jetzt ein Fenster mit der Uberschrift Style Regel mit der Angabe des ausgew hlten ID Das Fenster listet die Style Deklarationen diese Elementes aus nat rlich ist es jetzt noch leer 055 Stylesheets Cl si e t 4 Allgemein Sheets und Regeln Neue Style Regel Binternes Stylesheet 0 Style Regel f r Elemententyp 26 hi 05 Style Regel einer Klasse zB meineklasse Neu erstellen einer Le Individuelle Style Regel zB header Erweiterte Individuelle Style Regel 26 div header a hower infokasterl Style Regel erstellen abbre
5. 7 Vorlagen 7 1 Was sind Vorlagen Vorlagen sind Seiten die bereits einen wiederverwendbaren Inhalt enthalten z B ein Briefkopf der benutzt werden kann um andere Seiten zu schreiben Vorlagen werden dabei nicht ge ndert und k nnen immer wieder f r neue Seiten verwendet werden Die einfachste Vorlage ist vermutlich eine leere Seite die mit einem Stylesheet verbunden wird Gebr uchlicher ist eine Seite mit einem Banner und vielleicht einem Men das auf jeder Seite erscheinen soll Es kann letztendlich ein komplettes Seitenlayout f r alle oder viele Seiten einer Webpr senz mit Platzhaltern f r individuelle Eintragungen sein Diese Vorlage kann dann in der ganzen Site als Ausgangspunkt f r alle anderen Seiten benutzt werden Man kann Vorlagen als aus zwei Teilen bestehend betrachten den festgelegten Teil oder Textbaustein boilerplate der auf jeder Seite steht und dem editierbaren Teil der bei der endg ltigen Abfassung der Seite ge ndert werden kann Kompozer kennt zwei verschiedene Typen von editierbaren Bereiche Block oder Flie text Blockbereiche sind allein stehende Objekte wie Abs tze die lt Div gt Elementen zugewie sen werden auch das erlaubt eine Formatierung ber die Statuszeile Blockelemente sind wie andere HTML Bl cke und k nnen aus Abs tzen oder DIVs bestehen die wiederum mehrere Bl cke enthalten K nnen Bl cke k nnen wiederholbar sein so dass bei Bedarf Kompozer Anleitung Version 1 01 vom
6. Eine neue Seite kann erstellt werden entweder ausgehend von einer leeren Seite oder durch das ffnen einer bereits bestehenden Seite Anmerkung Es gibt h ufig verschiedene Handlungsm glichkeiten bei Kompozer In die ser Anleitung werden die Schaltfl chen in der Bearbeitungs Symbole genutzt F r die Ar beit mit dem Men siehe Abschnitt 9 3 Einstellungen Symbolleisten Wenn eine be stimmte Schaltfl che nicht vorhanden ist kann es sein dass die Symbolleiste vom Benut zer ge ndert worden ist Auch hier siehe Einstellungen Symbolleisten Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 10 Kompozer 3 2 1 Dokumenttypen Doctype Webseiten verwenden Hyper Text Markup BM Language HTML Es gibt eine Anzahl Va A rianten der Sprache einige Details werden enel Letzte Score im Anhang 3 ausgef hrt Kompozer ist in Ai Maximale Anzahl an aufgelisteten Seiten 10 der Lage in vier Varianten Dokumente zu Aw f Eem Speichern oder irn von Saten e Formatierung des Original Quelltextes erhalten schreiben und zu bearbeiten aber Im Inte Seiteneinstellungen O HTML Quelltext neu formatieren resse der einfacheren Erkl ru na empfehle ET raien Und steigeren Data gaeran mit Sokar apelan i ch d en B enutz ern di e Stri ct Vari ant e Ich Erweitert O Immer Publizieren Dialog beim Publizieren von Seiten anzeigen empfehle auch dass Sie im Men Extras RN Einstellungen Allgemein das Kontr
7. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt Neque porro quisquam est qui dolorem ipsum quia dolor sit amet consectetur adipisci velit sed quia non numquam etus modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem Sie denken vermutlich dass Sie ein ziemlich elegantes Verfahren anwandten und ein fle xibles Werkzeug entdeckten Ver ndern Sie die Breite des Fenster um zun chst ein brei teres und dann ein schmaleres zu erhalten Denken Sie immer noch so Sie haben ledig lich den Text so eingestellt dass er an festgelegten Position beginnt und eine festgelegte Breite hat Er bricht nicht mehr automatisch um Betrachten Sie dass Besucher sich Ihre Seiten mit kleine oder sehr gro en Schirme ansehen k nnen Werden sie alle sehen was Sie w nschen Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 19 Kompozer Unbenannt KompoZer Datei Bearbeiten Ansicht Einf gen Format Tabelle Extras Hilfe e i e _ EH 7 a Y o e 3 bk 8 e n R ckg ngig zelle Link Grafik Tabelle Formular CaScadeS nen E 2 S Neu ffnen Speichern Publizieren Vorschau Druck D Absatz
8. Kompozer Anleitung F r Kompozer Version 0 7 10 Charles Cooke 2005 2007 Dieser Text wird herausgegeben unter der Creative Commons Licence http creativecommons org liceneses by sa 2 0 Ins Deutsche bersetzt und erg nzt von Jurgen Klose Kompozer Inhalt T Emitiendo A a 6 A A A 6 1 2 F r wen ist Kompozer geeignet cnccc oooonnnncccccncncnncccnoconnncnononnnnnonononnnnnnnononnnnnnnnnnnnnnnnnonnnnnnnnnnnnnrnnennnnannans 6 ta Umtang der EE a seele 6 e o o A eier 6 1 5 IKOMpPpozer Eine D VE 7 2 UE Eeer 7 2 1 A A O 7 22 EMencus Sella KEE 7 23 Eme Vvornanden Sete EE 7 2 4 Bearbeiten einer Webeete 7 2 5 Spelchem einer Sella sl A A 8 2 6 Betrachten einer Seite im Browser 8 27 Hille seien ee ers ee 8 3 KOMPOZE el Le CT EE H 31 Orienlieren sie sich N EE pai ii dados ido 9 Se Erstellen einernelen Selle aia 10 3 2 1 DOKUMEHIIYDERDOCLVBE busto aa 11 3 2 2 Optionen f r das Erstellen einer Seile sninn aan aai a a ai aeaa iia 11 3 3 Edern In Reine LEE 13 3 3 1 T tonal KUZ EmN Bis be RR OU EE 13 332 EE Eeer EE 14 33 3 A II 16 A e O A A A 16 3 4 1 E e ANS calce 16 3 4 1 1 A e o een 16 3 4 1 2 Bloc oder MNE rata tr area 16 342 Texto maletines a ac 17 34 3 TEM POSO Sra iii ia an 18 3 4 3 1 Textbreite festlegen ct an 19 3 4 4 E en Po ee ee 21 3 4 4 1 Nummerierte und unsortierte Leien 21 3 4 4 2 Bci Pe A 21 3 4 4 3 Ree EE 22 3 45 Weitere Formatierungsm glichkeiten nennen nnnnnnn nennen 22
9. Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 119 Kompozer lt IDOCTYPE HTML PUBLIC W3C DTD HTML 4 01 Transitional EN http www w3 org TR html4 loose dtd gt HTML Strict lt IDOCTYPE HTML PUBLIC W3C DTD HTML 4 01 EN http www w3 org TR html4 strict dtd gt XHTML Transitional lt IDOCTYPE HTML PUBLIC W3C DTD XHTML 1 0 Transitional EN http www w3 org TR xhtml1 DTD xhtml1 transitional dtd gt XHTML Strict lt IDOCTYPE HTML PUBLIC W3C DTD XHTML 1 0 Strict EN http www w3 org TR xhtml1 DTD xhtml1 strict dtd gt Festlegen des Doctypes f r eine neue Seite 1 W hlen Sie im Datei Men den Punkt Neu 2 Bestimmen Sie im folgenden Dialog den Typ Neue Seite oder Vorlage erstellen Welche Art Datei wollen Sie erzeugen _ Eine xHTML Seite erstellen Strict DTD O Eine neue Seite basierend auf einer Vorlage Eine leere Yorlage Erstellen in Neuer Tab we Erstellen Abbrechen A3 3 Unterschiede zwischen Transitional und Strict DTD In HTML 4 01 Strict werden Elemente und Attribute die f r die Formatierung bestimmt sind als deprecated abgelehnt bezeichnet zu Gunsten von CSS Deshalb ist HTML 4 01 Strict eine verk rzte Version von HTML 4 01 und wird eher von einer gro en Anzahl von Programmen und Medien unterst tzt die Eigenschaften die weggefallen sind k nnen durch CSS ersetzt werden sodass die Funktionalit t n
10. RHinternes Stylesheet 7 Puffer nicht angegeben Aufhebung nicht angegeben nacheinkest fody Position nicht angegeben w Overflow nicht angegeben z index Breite H he Min Breite Min H he Max Breite Max H he aleia leial la lela lela le Aubenabstand Innenabstand ES 3 z z DI di A 4 pla P canana d In den Eingabefeldern die ein Ma erfordern schreiben Sie zun chst die Zahl dann w h len Sie die Ma einheit ber das DropDown Feld Au enabstand Margin stellt den Abstand zwischen den Boxen der Elemente und den umgebenden oder benachbarten Boxen ein Anmerkung Wenn eine berschrift einen unteren Rand von 20px hat und einem Absatz mit einem oberen Seitenrand vorausgeht der auf 10px eingestellt ist wird der Abstand zwischen ihnen durch das gr ere Ma 20px und nicht durch die Summe px 30 be stimmt Innenabstand Padding steuert den Abstand zwischen dem Boxinhalt und seinem Rand Breite und H he geben die Abmessungen einer Box an Diese k nnen absolute Werte oder Prozents tze der umgebenden Box sein E 9 A A Wm a wbd margin top border top padding top padding bottom yar ndseu yoj 19pJ0q yas Bumpped ALBAD 1yb6u Bupped JUbLI 19pP100 border bottom margin bottom LGS width Tabelle 2 Inhalt Padding Rahmen und Margin Anmerkung Die Drehfelder neben jedem Eing
11. e la b c ld je jf lg h lio jj k i Im In 2 lp lg r s lt ju v w lx ly z HW h Lg AA A AA E COC CC CCA G E ba 22 r WwW gd po L 1 lo EEE Y aaa EC O ee gt N JO OJO O_O x u u j U Y Ip q l a la l l le eo le je le hN 11 M Elo li lo l le l je I le fu u lo lo ly l abelle 9 ASCII und Latin 1 Zeichen Hexadezimalcode f r die Zeichen Oberes Byte in Zeilen und unteres Byte in Spalten Die Zeichen sp Leerzeichen nbsp No break space shy soft hyphen k nnen ausgegeben werden sind jedoch normalerweise unsichtbar Latein 1 entspricht dem ISO 8859 1 Satz der f r Webseiten auf Englisch und vielen ande ren westeurop ische Sprachen zust ndig ist Tragen Sie den Code in eine Datei ein und das entsprechenden Zeichen erscheint A6 3 2 150 8859 Den Anforderungen vieler Sprachen europ ischer und anderer kann durch hnliche Zei chens tze die auf dem ASCII beruhen und an einigen Positionen Zeichen austauschen entsprochen werden Das f hrt zu 15 Standards in ISO 8859 Serien Sie k nnen heraus finden durch welche Codierung bestimmte Sprachen inklusive der Liste von Zeichen unter st tzt wird im Wikipedia Artikel Ref 9 Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 129 Kompozer Um das zu umzusetzen ist es klar das mehr als 256 Zeichen erforderlich sind obwohl nur 256 Speicherstellen darunter eine Reihe von Steuerzeichen verf gbar sind um sie zu an
12. Bearbeitungs Symbolleiste Format Symbolleiste Format 2 Symbolleiste Editiermo dus Symbolleiste Statuszeile Lineale Seitenverwaltung Die drei Symbolleisten an der Oberkante des Bildschirmes enthalten Schaltfl chen deren Funktion in einem Quickinfo angezeigt wird wenn Sie mit dem Mauszeiger dar ber fahren Sind einige abgeblendet sind sie im gegenw rtigen Bearbeitungsmodus nicht aktiv Anmerkung Nicht alle Symbole werden bereits nach der Installation angezeigt Die kom plette Liste wird in Abschnitt 9 3 vorgestellt In der Mitte des Bildschirms sind zwei Fenster angeordnet Links die Seitenverwaltung und rechts eine noch leere neue Webseite Die Seitenverwaltung ist ein Werkzeug das in Ab schnitt 8 beschrieben wird Da es jetzt noch nicht ben tigt wird kann es durch einen Klick auf das Schlie en Kreuz oder durch die Funktionstaste F9 geschlossen werden Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 9 Kompozer Am oberen Rand des Seitenbereichs gibt es ein Register Tab das den Namen der Seite Unbenannt tr gt In der Kompozer Hilfe wird dieses als die Tab Browser Symbolleiste bezeichnet Wenn Sie mehrere Seiten ge ffnet haben k nnen Sie durch Anklicken des jeweiligen Tabs schnell zu der gew nschten Seite umschalten Am unteren Rand der Seite liegt der Bereich der Editiermodus Symbolleiste die vier Re gister enth lt ber die eine von vier Editiermodi f r die Seitenbearbeitung Normal HTML Tags HTML
13. Seiteneinstellungen Abbrechen Hier werden einige Einstellungen f r die Abfassung neuer Seiten festgelegt Andere finden Sie im Neue Seite oder Vorlage erstellen Fenster das erscheint wenn Sie ber das Men Datei Neu gehen Einstellungen ps Allgemein Autor Standard Seitenerscheinung Schriftarten G Standardfarben des Lesers Keine Farben in Seite setzen Seiteneinstellungen O Eigene Farben verwenden Normaler Text Link Text Erweitert Aktiver Link Besuchter Link Hintergrundbild 3 Durchsuchen L ndereinstellungen Sprache Schreibrichtung Keine Richtung angegeben x Zeichensatz 150 8859 1 Abbrechen Kompozer Anleitung Seiteneinstellungen Sprache w hlen Zeichensatz w hlen Version 1 01 vom 07 06 2008 Geben Sie hier den Namen ein wenn Sie m chten dass der Name im HEAD Abschnitt aller Seiten erscheinen soll F r einzelne Seiten k nnen Sie mit dem Befehl Format Seitentitel und eigenschaften den Namen festlegen Standardfarben des Lesers Lassen Sie die Option aktiviert Die Alterna tive Eigene Farben verwenden erlaubt die Bestimmung von Farben der Links durch deprecated Attributen die in Seiten mit dem Doctype Strict nicht erlaubt sind CSS Styles stellen alternative Mittel f r die se Einstellungen zur Verf gung Abschnitt 4 2 5 2 Seite 106 Kompozer Hintergrundbild Select l
14. Websiteverwaltung integriert Kompozer ist grunds tzlich dasselbe Produkt wie Nvu wurde aber weiterentwickelt durch die Beseitigung einiger Fehler in Nvu und durch die Verbesserung der Benutzeroberfl che Er bietet einen Webseiten Editor der eine einfache graphische Benutzerschnittstelle hat Wysiwyg What You See is what you get was Sie sehen ist was Sie erhalten Mit Kompozer werden Anf nger schnell und leicht in der Lage sein neue Webseiten zu produ zieren und vorhandene Seiten leicht zu aktualisieren Die verschiedenen Ansichten der Seiten erm glichen die Bearbeitung der Seiten direkt auf HTML Code Niveau Der Ausgabe Code ist in einem hohen Ma e zu den neuesten Richtlinien der entspre chenden Websprachenspezifikationen kompatibel und die Seiten k nnen auf ihre G ltigkeit direkt vom Kompozer mit dem W3C Validator berpr ft werden Kompozer enth lt einen Site Manager der schnellen Zugang zu den Dateien sowohl auf der lokalen Maschine als auch Remote Servern bietet Er kann mehrere Sites verwalten und schnell zwischen ihnen umschalten Von Kompozer aus k nnen Seiten und mit ihnen verbundene Dateien zu einem Web Server hochgeladen werden Kompozer unterst tzt den Gebrauch von Styles CSS und zwar sowohl eingebettete als auch externe Stylesheets Es verf gt ber einen CSS Editor der CSS 2 1 konformen Code erzeugt 1 2 Fur wen ist Kompozer geeignet Kompozer ist geeignet f r alle die ein modernes kosten
15. Wenn Sie Erweiterungen installieren lie en m chten Sie vielleicht manchmal Kompozer ohne die Erweiterung ausf hren Daf r brauchen Sie zwei Profile haben eines mit instal lierten Erweiterungen und eines ohne Das n chste Kapitel erkl rt wie man das erreicht A4 4 Profile verwalten Um Profile einzurichten oder zu verwalten m ssen Sie zun chst Kompozer mit aktivierten Profilen starten Profile aktivieren 1 Klicken Sie mit der rechten Maustaste das Kompozer Icon auf dem Desktop an 2 W hlen Sie Eigenschaften Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 124 Kompozer 3 Indem Eigenschaften Fenster sehen Eigenschaften von Verkn pfung mit kompozer E E3 Sie im Feld Ziel z B den Eintrag ne IA Allgemein Yerknupfung Kompatibilit t Sicherheit C Programme Kompozer kompozer Ate un De exe be Verknupbung mit kompozer exe 4 nderung Sie den Eintrag indem Sie ein Leerzeichen und p hinzuf gen Das Ergebnis soll dann so aussehen as w Ziel CAProgrammerKompozerskompozer exe p C Programme Kompozer kompoz Ser e er exe p Zieltyp Anwendung Zielort kompazer Ausfuhren in CS ProgrammesKompozer Tastenkombinatior Keine Ausfuhren Normales Fenster Kommentar el suchen Anderes Symbol Erweitert Abbrechen KompoZer Choose User Profile ay Wen
16. ern Einf gen einer neuen tieferen Ebene in einer bestehenden Liste 2 Klicken Sie auf das Ende des Absatzes unterhalb dessen die neue Einr ckung vor genommen werden soll 3 Dr cken Sie Umschalt Enter 4 Klicken Sie auf den betreffenden Listen Button in der Format Symbolleiste 5 Geben Sie den Inhalt der Listenelemente gefolgt von Enter ein Jede Ebene einer verschachtelten Liste kann entweder dasselbe oder ein unterschiedli ches Format haben Kompozer bestimmt kein Format als Standard Die Browser stellen normalerweise alle Ebenen nummerierter Listen im Dezimalzahlformat dar w hrend jede Ebene einer unsor tierten Liste unterschiedliche Symbole erh lt Sie k nnen auch in einer bestehenden Liste Einr ckungen vornehmen 1 Setzen Sie den Cursor in das einzur ckende Listenelement bz 2 Klicken Sie auf das Symbol Texteinzug vergr ern 3 Falls ein Element h her gestuft werden muss klicken Sie auf das Symbol Texteinzug verkleinern 3 4 5 Weitere Formatierungsm glichkeiten Das Men FORMAT bietet viele Arten der Textformatierung an In einigen F llen k nnen Sie einfach innerhalb der Textregion klicken in anderen m ssen Sie den betreffenden Ab schnitt des Textes markieren Einige Formatierungen werden verst rkt bei wiederholtem Klicken andere werden wieder aufgehoben Die angebotenen M glichkeiten schlie en das Einr cken des Textes ein Diejenigen die mit Webdesign noch nicht vertraut sind vermissen vi
17. erscheinen entweder im Standardformat das der Benutzer im Browser eingestellt hat oder im Style der f r das entsprechende Element de finiert wurde In der Statuszeile zeigt Kompozer neben den Tags Normal Fo HTML Tags Quelltext H auch die Klassen die diesen zugeordnet sind lt body gt lt p class meineklasse gt 4 1 3 Verwenden von Styles 4 1 3 1 In Line Styles Innerhalb eines Dokuments k nnen Styles in drei Varianten verwendet werden Diese k n nen nach Belieben gemischt und angepasst werden Die erste leichteste und einfachste Variante soll einen Style nur f r den einmaligen Einsatz definieren Solch eine Style wird im Code in der Quellansicht in dem Tag eingetragen auf den er angewandt wird mit der Struktur style wenn Sie den Code betrachten Keine Sorge Kompozer versteckt das alles vor Ihnen Wenn Sie ein anderes Element mit dem gleichen Style formatieren m chten muss dieser Code wiederholt werden Dieses bl ht die Seite auf Dieses ist bekannt als Inline Style In den meisten F llen m ssen sich die Kompozer Benutzer nicht mit dieser Methode besch f tigen obgleich Kompozer sie manchmal ohne Ihr Wissen verwendet Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 62 Kompozer 4 1 3 2 Interne Styles Die zweite M glichkeit Styles zu verwenden ist die Einbettung einer Liste von Style Definitionen innerhalb des HEAD ABSCHNITTS einer Seite Diese Defin
18. k nnen diese Einstellungen ge ndert werden Abs tze und berschriften erstrecken sich von einer Seite des Bildschirms bis zur ande ren Das ist eine elegante Eigenschaft Versuchen Sie in Kompozer die Fenstergr e neu Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 18 Kompozer zu bestimmen Der Text wird umformatiert damit er noch in das schmalere Fenster passt er wird dadurch nat rlich l nger Das l sst sich so weit treiben bis das Fenster so schmal wird dass nichts mehr hineinpassen kann Es ist f r das Verst ndnis des Web grundle gend zu wissen dass es prim r f r die Informations bertragung und nicht f r die Pr senta tionen bestimmt war Webdesigntools erlauben uns die Darstellung zu verfeinern Wenn wir aber den Bogen berspannen k nnen wir Probleme bekommen Wir sollten dem Browser so viel Freiheit wie m glich gew hren 3 4 3 1 Textbreite festlegen Kompozer erlaubt Ihnen die Breite von Abs tzen zu begrenzen dasselbe trifft auf ber schriften und viele andere Elemente zu Der technische Begriff daf r ist Block Versuchen Sie es Stellen Sie die Fenstergr e so ein dass sie ein wenig schmaler als die Breite des ganzen Schirmes ist damit Sie Spielraum haben und zwar so dass sie verschm lern oder verbreitern k nnen Nehmen Sie zwei l ngere Abs tze die sich ber die H lfte des Schirmes erstrecken Kli cken Sie in einen hinein Sie sehen die Lineale links und an Oberseite des Bearbeitu
19. um den eingesetzten Text unterzubringen Andere Zellen in der gleichen Spalte haben die gleiche Breite Dadurch reduziert sich der Raum f r die angrenzenden Spalte Vielleicht versucht der Browser die Aufteilung auszugleichen indem er in jeder Spalte ein Umbruch des Textes vornimmt Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 35 Kompozer Tabellen k nnen eine unbestimmte Breite haben oder ein vorgegebenes Ma entweder in Pixel oder in Prozent der Schirmbreite Wenn eine Tabelle eingef gt wird ist automatisch das Schnell Register aktiv Dieses l sst Kompozer die Entscheidungen treffen Wenn das Pr zise Register gew hlt wird kann der Benutzer die Breite in Pixel oder als Prozentsatz sowie die Randbreite eingeben s oi Tabellen deren Breite in Prozenten angeben werden oder gar nicht bestimmt werden sind bei unterschiedlichen Fenster oder Schirmma en anpassungsf higer und werden empfoh len Browser m ssen die Anweisungen nicht sklavisch befolgen Wenn eine Tabellenangabe zu schmal ist um den Zelleninhalt unterzubringen wird die Tabelle ber ihre Begrenzungen hinaus wachsen Dieses kann geschehen wenn ein gro es Bild oder ein langes Wort wie Antidisestablishmentarianism eingef gt wird 3 6 2 7 Tabelleneigenschaften Das Tabelleneigenschaften Fenster ffnet rs sich wenn Sie innerhalb der Tabelle die Ta zon bellen Schaltfl che anklicken oder das Kon Ge nn textmen aufrufen Tabellen und Zellen k n ie ei
20. zugewiesen wurde der obere Bereich erhielt keine Zuweisung divclas Variable Breite Y D TO S L je H divtest 470px 5 e Das ist der Absatz Das ist eine Tabelle Das ist ein besuchter Link Das ist der Absatz Das ist eine Tabelle Das ist ein besuchter Link 4 5 3 Ein Layer mit DIV einrichten In Abschnitt 3 10 3 merkten wir an dass die Layer in DIVs eingerichtet werden Tats chlich ist ein Layer einfach ein div der Styles und eine Position hat und vielleicht einen Z Index Wenn Sie mit Kompozer ein Layer legen wird ein Inline Style im lt div gt Tag eingef gt Es ist ebenfalls m glich einen Layer einzuf gen indem man eine passende Klasse ein richtet und diese dann auf einen div anwendet Wenn ein Layer auf diese Weise eingerichtet wird stellt Kompozer ihn als normalen Layer dar mit einem umgebenden Rahmen sowie mit Anfassern f r Gr e und Position Auf den ersten Blick ist er von irgendwelchen anderen Layern nicht zu unterscheiden Solche Layer k nnen nat rlich genau platziert werden in den erweiterten Eigenschaften und sind nicht den Ungenauigkeiten des manuellen Ziehens ausgesetzt Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 90 Kompozer 5 Skripte Skripte sind kurze Programme die in HTML Dokumenten eingeschlossen sind und folglich aus alphanumerischen Zeichen bestehen die im Browser laufen und die Darstellung der Seiten auf verschiedene Weise ndern
21. 06 2008 Seite 24 Kompozer In Ihrem Dokument sehen Sie vielleicht falsch geschriebene W rter die rot unterstrichen werden Eigentlich ist das eine Hilfe kann aber beim Entwickeln einer Seite andere Details gelegentlich berdecken Sie k nnen diese automatische Rechtschreibpr fung ausschal ten indem Sie das Kommando Extras Einstellungen w hlen und im Register Erweitert die Option Unterstreiche falsch geschriebene W rter deaktivieren Warnung Diese Einstellung muss vorgenommen werden nachdem die Seite ge ffnet wurde Anderenfalls brechen Sie die Arbeit ab laden die Seite erneut und stellen die Option ein Anmerkung Die Rechtschreibpr fung verschlingt enorme Prozessorressourcen ffnen Sie jeweils nur eine Datei wenn die Rechtschreibung aktiviert ist Wenn Sie an langen Do kumenten arbeiten und Ihr Rechner nahezu schlapp macht deaktivieren Sie die Echtzeit Rechtschreibpr fung 3 4 8 1 Benutzerw rterb cher Wenn Sie W rter der Rechtschreibpr fung hinzuf gen schaffen Sie ein benutzerspezifi sches W rterbuch Die Rechtschreibpr fung wird W rter als Fehler kennzeichnen wenn sie entweder in den normalen oder in kundenspezifischen W rterb chern nicht erscheinen Das Benutzerw rterbuch wird als eine Textdatei unter dem Namen persdict dat im Chro me Ordner in Ihrem Profil Ordner gespeichert Siehe den Anhang 4 2 f r die Speicherorte von Profilen 3 4 8 2 Weitere W rterb cher installieren Wenn Sie eine andere
22. 07 06 2008 Seite 143 Kompozer 15 CSS 2 1 Spezifikation http www w3 org TR CSS21 16 HTML 4 01 Spezifikation http www w3 org TR html4 cover html 17 Unicode Site http www unicode org Andere Quellen 18 Penn State University http tlt its psu edu suggestions international web unicode html also hat eine exzel lente Seite ber Getting Started Unicode welche Betriebssysteme Browser fonts etc abdeckt 19 W3C http www w3 org International tutorials tutorial char enc en all html bietet ein mehr technisch orientiertes Tutorial das sich haupts chlich mit Codierung befasst 20 Eric Meyer http meyerweb com eric tools stellt eine Toolbox mit dem URL Decoder Encoder zur Verf gung 21 AllChars http allchars zwolnet com bietet eine Freeware Utility an die es erlaubt jedes Windows 1282 Zeichen mit wenigen Tastendr cken zu erzeugen A7 Seiten f r den Ausdruck A7 1 Vorbemerkung A7 1 1 Einleitung Wenn Webseiten gedruckt werden sind die Ergebnisse manchmal unbefriedigend Web Autoren k nnen h ufig eine bedeutsame Verbesserung erreichen durch die Verwendung von CSS obwohl die Browser Unterst tzung f r einige Druckregeln noch etwas beschr nkt sind Obwohl Webseiten meistens auf dem Bildschirm angesehen werden m chten die Besu cher sie manchmal ausdrucken Das ist besonders so bei Seiten mit Information ber Be stellungen oder Best tigungen gilt aber allgemein f r fast alle Seiten Eine Ann
23. 62 EX een 79 MI iio 62 A ande 63 OSM lines arnet 86 mehreren Elementen ZuUWelsen 75 SE EE 61 Symbol tn ade delia 108 T Tabelle dal ata 14 30 52 53 110 Hintergrundfarbe oooooonncnnnnncncnnnnnccnnnnnnnnos 33 Tabellen E Le EE 34 AUSC EE 37 Ent sense 30 33 farDi g estalle seee ese 35 Formatie tehes 32 Hintergrundbilder 33 LOSA nur een 33 REMO neuen 35 ZE 37 Tabulo ses ae 22 A 117 Text Importieren ea 22 Ree 18 Utd da 13 In Tabellen bewegen 39 O nn 16 56 67 U Upload ante 111 UMD 118 V A O aa 111 V erer DUNS nut 55 86 Reg ne E 110 EE 92 W KEE 118 Seite 156 Kompozer A DO Mis 110 HTML 118 A is ne ee 50 Z EE 30 Postskriptum Diese Anleitung entstand aus Anmerkungen f r den pers nlichen Gebrauch Ich ver ffent lichte sie in den Nvu Foren und erhielt positive und ermutigende Meldungen so dass ich mich entschied weiterzumachen Ich bedanke mich bei denen einschlie lich jener vom Nvu und WysFree Forum die eine Reihe von den n tzlichen Vorschl gen gemacht haben die ich wo immer es m glich war ber cksichtigt habe Besonderer Dank geht jedoch an Gerard Talbot www gtalbot org dessen Wissen ber das Web HTML und CSS meines bei weitem bersteigt und der eine Reihe von Korrekturen angebracht hat Diese haben so glaube ich das Resultat erheblich verbessert Weiter gilt mein Dank Ju
24. A6 3 7 Symbole Traditionell haben sich Computer auf spezielle Schriftarten wie Symbol oder Wingdings gest tzt um Symbole zu erzeugen Das ist auf Webseiten nicht notwendig Da solche Schriftarten Unicode nicht unterst tzen wird jeder Versuch sie zu verwenden unerwartete Ergebnisse zur Folge habe die sich zudem von Browser zu Browser unterscheiden k n nen Gl cklicherweise unterst tzt Unicode eine gro e Auswahl von Symbolen die viele Anfor derungen erf llt Das Eingeben von speziellen Symbolen Es gibt bei Kompozer mehrere M glichkeiten Symbole in eine Seite einzuf gen 1 ber das Einf gen Men W hlen Sie Einf gen Schriftzeichen und Symbole Eingef gt werden Buchstaben mit Akzenten und viele gebr uchliche Symbole Zeichen einf gen ES Kategorie O Akzent gro 0 Akzent klein C andere grol andere klein 2 Windows Zeichentabelle Aufruf ber Start Ausf hren Charmap In der Standardschriftart wird das gew nschte Symbol ausgew hlt und kopiert in die Zwischenablage Dann wird es in Kompozer an der passenden Stelle eingef gt J ngste Versionen der Zeichentabelle erlauben eine Gruppierung der Zeichen ent sprechend den Unicode Teilbereich so ist es leichter ein besonderes Symbol zu finden Dazu m ssen Sie das Kontrollk stchen Erweiterte Ansicht ankreuzen Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 133 Kompozer TC Zeichemiahelle Schriftart o Arial CH
25. Datei zu speichern die bis jetzt Mo 1 A X noch keinen Titel hat k nnen Sie auf einfache Weise der Datei einen Titel geben Klicken Sie auf die Speichern Schaltfl che Ein Seitentitel Eingabefeld erscheint Geben Sie der Seite einen Titel und klicken Sie auf OK Seitentitel Geben Sie bitte einen Titel f r die aktuelle Seite ein Dieser Titel identifiziert die Seite im Fenstertitel und in den Lesezeichen Meine erste Seit Abbrechen Danach ffnet sich das Speichern Dialogfenster Anmerkung Wenn Sie Windows so eingestellt GES haben dass registrierte Erweiterungen z B doc Allgemein Ansicht Dateiypen Dffinedateien XIS htm e nicht angezeigt werden k nnen Sie AA k nnen de Ansicht z B Details oder Kacheln diese beim Speichern nicht ndern Die Anzeige re dieser Erweiterungen wird gesteuert bei Windows EECH Ale zunickseizen ber die Systemsteuerung Ordneroptionen Hier TEN entfernen Sie im Registerblatt Ansicht den Haken bei E Dateien und Ordner Erweiterungen bei bekannten Dateitype ausblenden ee ee cn ees H Y Dateigro einformationen in Ordnertipps anzeigen Nachdem Sie Dateien editiert haben m ssen Sie sie rein Diebe erneut speichern Klicken Sie dazu die Speichern Erweiterungen bei bekannten Dateiypen ausblenden Schaltfl che an Da die Datei bereits einen Namen pra ee er hat wird nicht mehr nach Titel oder Dateinamen 7 Ebert sd cegg gefragt Wiederherstellen Anmerkung K
26. Du verhalten der ENTER Taste werhalten der ENTER Taste Erweitert Erweitert ENTER Taste in einem Absatz erzeugt immer einen neuen Absatz ENTER Taste in einem Absatz erzeugt immer einen neuen Absatz Echtzeit Rechtschreibpr fung Echtzeit Rechtschreibpr fung PF Unterstreiche falsch geschriebene W rter FT Unterstreiche Falsch geschriebene W rter Spezielle Zeichen Spezielle Zeichen Die folgender Zeichen als Entities ausgeben Die folgenden Zeichen als Entities ausgeben Nur amp lt gt und nicht umbrechbare Leerr ume Y Nur amp lt gt und nicht umbrechbare Leerr ume hd Ma Es lt gt und nicht Umbrechbare Leerr ume Obenstehende und Latin 1 Buchstaben FP Keine Kodierung von gt ausserhalb von Attributen C Keine Kodierung von Spezialzeichen in Attributen Spezialzeichen in HTML 4 Benutze amp Darstellung f r alle Nicht ASCII Zeichen Abbrechen OK Im Bereich Spezielle Zeichen gibt es vier Optionen unter Die folgenden Zeichen als Entitys ausgeben e Nur lt gt und nicht umbrechende Leerr ume e Obenstehende und Latin 1 Buchstaben e Spezialzeichen in HTML 4 e Benutze amp Darstellung f r alle Nicht ASCII Zeichen Die Optionen beziehen sich auf die auf der Seite eingegebenen Zeichen die f r den Besu cher dieser Seite lesbar sein sollen Unabh ngig von der getroffenen Wahl wird die Dar stellung auf dem Schirm gleich bleiben Erste Option e Nur amp
27. Format Seitentitel und eigenschaften gesetzt werden e Links zu Stylesheets Abschnitt 4 1 3 3 e Definitionen f r interne Styles Abschnitt 4 1 3 2 Die Quelltext Ansicht erlaubt Benutzern mit HTML Kenntnissen weitere Informationen hin zuzuf gen 3 15 Ansichten Kompozer liefert vier Ansichten f r die Seiten Normalansicht HTML Tags Quelltext und Vorschau Diese werden mit dem Register in der Editiermodus Symbolleiste ausgew hlt Alle Ansichten erlauben das Editieren der Seite Der Vorschau Modus liefert fast die gleiche Ansicht wie ein Browser jedoch zus tzlich mit Linealen und Boxen zur Gr en nderung Die Hauptunterschiede sind dass Skripte nicht laufen Ihre Wirkungen werden nicht ersichtlich und Links funktionieren nicht Tooltips ar beiten jedoch Gelegentlich werden Klassen nicht richtig dargestellt Normale Ansicht ist der Vorschau sehr hnlich aber hier werden Tabellenumrisse darge stellt und Markierungen f r Anker erscheinen HTML Tags Ansicht ist f r jene die mit HTML vertraut sind Es gibt gelbe Markierungen f r die Start Tags aller Elemente Die End Tags werden ausgelassen Das Klicken auf ein Tag markiert das ganze Elements Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 58 Kompozer Anmerkung Wenn beim Anklicken eines Elements dieses nicht markiert wird bet tigen Sie die Strg Taste und klicken erneut 2 inh file inh html KompoZer Al fl Datei Bearbeiter Ansicht
28. Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 127 Kompozer Selecta character sel Select Ehe charset you would like Eo use Character sets Yietnamesisch ISCIII ietnamesisch VD tietnamesisch Mtindows 1258 Westlich IBM 850 Westlich I50 8859 15 Westlich MacRoman Westlich Citindoms 1252 Zenkraleurop isch IBM 552 Zentraleurop isch 1 50 9959 2 Westlich 150 B859 1 Other e Aus dem Men Extras w hlen Sie Einstellungen und dann Erweitert Im Bereich Spezielle Zeichen berpr fen Sie die Einstellung bei Die folgenden Zeichen als Entitys ausgeben Nur amp lt gt und nicht umbrechbare Leerzeichen Einstellungen Z TTA Allgemein Verbindung A ee Br Zunft AS i a Yerbindungs Einstellunger Schriftarten HTML HTML Sprache 2 HTML A C KHTML 1 Seiteneinstellungen F DTD O Transitional S Strict erhalten der ENTER Taste ENTER Taste in einem Absatz erzeugt immer einen neuen Absatz Echtzeit Rechtschreibpr fung c Spezielle Zeichen Die Folgenden Zeichen als Entities ausgeben Mur amp lt gt und nicht umbrechbare Leerr ume _ Keine Kodierung von gt ausserhalb von Attributer _ Keine Kodierung von Spezialzeichen in Attributen MESA Abbrechen Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 128 Kompozer e F r die zwei K
29. OpenOffice kopiert worden ist beh lt diese Details bei und wird korrekt von den Browsern dargestellt Wenn Sie ein Zeichen ben tigen dass auf diese Weise nicht zu erhalten ist stehen meh rere Alternativen zur Verf gung 1 Die Windows Zeichentabelle Suchen Kopieren und Einf gen des Zeichen Aufgeru fen wird die Zeichentabelle am einfachsten durch Start Ausf hren chamap exe 2 Direkt ber die Tastatur w hrend Sie die ALT Taste gedr ckt halten geben Sie ber die Zifferntastatur eine Null gefolgt vom dreistelligen Dezimalcode des Zei chens ein Dieser Code wird f r eine Anzahl von Zeichen in der rechten unteren Ecke der Windows Zeichentabelle angezeigt Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 23 Kompozer 3 Durch das Editieren des Quellcodes Siehe Abschnitt 3 16 Zeichen k nnen einge f gt werden entweder durch Einsatz des Dezimalcodes des Zeichens oder durch das Einf gen des mnemonischen Zeichens Entity Dem Dezimalwert muss die Zei chenfolge amp vorangehen und dem Entity ein Ein Semikolon muss jeweils folgen Es d rfen hier keine Leerzeichen eingef gt werden Die HTML Spezifikation Siehe Anhang 2 listet im Abschnitt 24 die Zeichen auf Eine Beispiele finden Sie Bindestrich hier Langer Bindestrich un Ellipse Linkes Zitatzeichen Ersatzzei Dezimalwert chen amp amdash amp 8212 amp hellip amp 8230 amp lsquo amp 8216 Rechtes Zitatzeichen m
30. Seite basierend auf einer Eine en ER e Vorlage A Geben sie die Web Adresse URL oder die Datei an die Sie ffnen wollen 3 W hlen Sie ber den Durchsuchen Fled Dokumente 20und s20Einstellungenfn Durchsuchen Knopf die Vorlage O Ene lesre Vorlage Anmerkung Vorlagen haben die Erwei deen Ineurtd terung mzt Abbrechen 4 Klicken Sie dann auf Erstellen Die neue Seite enth lt e Den festen Text boilerplate e Label der editierbaren Bereiche in farbigen Registern mit abgerundeten Ecken e Beispieltexte in den gepunktete Rahmen um die editierbaren Bereiche Ausf llen der Seite 1 Klicken Sie in die editierbaren Bereiche 2 L schen Sie den Beispieltext und ersetzen Sie ihn durch neuen Text 3 In einem wiederholbaren editierbaren Bereich erscheint ein kleines Quadrat inner halb des Labels Wenn der Mauszeiger dar ber schwebt wechselt die Farbe auf Rot Klicken erzeugt eine Kopie Kopien haben kleine Kreise die als L schtasten dienen 4 Wenn ein Bereich als optional deklariert wurde erh lt er einen kleinen Kreis mit ei nem x im Label Bei Ber hrung mit der Maus wird er rot und ein Klick l scht den Ein trag Unbenannt H Testworlage Er px DY BoD BO teraturga O O N N OO O DD EE EAR A emige Passagen vor 45px Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 98 Kompozer In den ersten beiden Flusstext Bereichen wurde der F lltext erset
31. Seiten bearbeiten Su a e Li Name Gr Zuletzt ge ndert E Fiat 1500 jpg 89141 Sun 27 May 2005 14 49 00 Lo draufsicht jpg 1119142 Sun 27 May 2005 14 55 00 e draufsicht_small 1624 Sun 27 May 2005 14 49 00 e email cif 2234 Sun 27 May 2005 14 49 00 el index html 5515 Sun 27 May 2005 14 58 00 e made with Nvu 3715 Sun 27 May 2005 14 49 00 El petersburg css 518 Sun 27 May 2005 14 49 00 L tacho jpg 1007575 Sun 27 May 2005 14 55 00 o tacho_small jpg 1728 Sun 27 May 2005 14 49 00 Dieses ffnet das Fenster Publizierungseinstellungen Publizierungseinstellungen Publizierungssites Seiten Name Fiat Server Information HTTP Adresse Ihrer Homepage 2 B http www meinprovider de meinbenutzername Login Informationen Publizierungs URL z B ftp ftp meinprovider at meinbenutzername cr Als Standard festlegen Benutzername Seite entfernen Passwort L Passwort speichern W hlen Sie einen passenden Namen f r Ihre Site Sie k nnen ihn vielleicht Meine lokale Site nennen um sie von einer sp teren Meine publizierte Site zu unterscheiden und tra gen Sie ihn in das Feld Seiten Name ein Im Publizierungs URL Eingabefeld klicken Sie auf Durchsuchen und navigieren Sie zu dem Ordner in dem die Site sich befindet markieren diesen Ordner und klicken auf OK In Eingabefeld steht jetzt etwas wie file C Dokumente Der Hinweis ber dem Eingabe feld bezieht sich
32. Sie Ihr XHTML Dokument je doch als HTML Datei speichern wird es auch als text html ausgeliefert Anmerkung Die Benutzer der Rechner k nnen unterschiedliche Browser als Standard anwendungen f r unterschiedliche Dateitypen bestimmen Kompozer kann Seiten mit jedem dieser Doctypes ffnen und editieren Das Doctype Statement ist allerdings nicht editierbar und Kompozer kann den Typ auch nicht ndern Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 121 Kompozer Beim Erstellen und Editieren der Dokumente erzeugt Kompozer Code der dem deklarier ten Doctype entspricht es werden nur die zul ssigen Elemente und Attribute verwendet Das hei t dass einige Eigenschaften abh ngig von der Art des Dokumentes nicht zur Verf gung stehen k nnen blicherweise kann dann der Einsatz von CSS Styles den Ef fekt zu erzielen der mit einem HTML Attribut nicht zug nglich ist Kompozer wandelt nicht von einem Doctype in einen anderen um Deshalb wird wenn der Doctype nicht mit dem Code der Seite bereinstimmt das Resultat nicht vorhersehbar sein Weil Kompozer den Dokumententyp nicht ndern kann empfehle ich mit dem bestehen den Typ weiterzuarbeiten Wenn Sie den Typ dennoch ndern m chten k nnen Sie den Inhalt einer Seite per Kopieren und Einf gen im Normal Modus in ein Dokument mit dem gew nschten Doctype bertragen Sie m ssen jedoch beim Einf gen die Option Einf gen ohne Formatierung w hlen und alle Formatierungen
33. Sie in einer gelben Markierung einen Anker 3 7 1 4 Verbindung mit benannten Zielen Verfahren Sie wie oben beschrieben bei der Verlinkung von Text Wenn das Fenster Link Eigenschaften sich ffnet klicken Sie auf den DropDown Pfeil Es ffnet sich eine Liste mit Ankernamen Ihr Ankername sollte dort ver zeichnet sein Dem Namen geht ein voraus Klicken Sie ihn an und dann auf OK Wenn Sie Ihre Seite im Browser berpr fen und den Link anklicken wird die Ansicht so verschoben dass Sie die Position des Ankers sehen Anmerkung Wenn Ihre Seite nur kurz ist Ziel Eigenscha ften zielname oben Erweitert Link Eieenschaften Link Texk oben Link Adresse Geber Sie eine Webseiten Adresse eine lokale Datei oder eine Email Adresse ein oder w hlen Sie ein benanntes Ziel oder eine berschrift aus der Popup Liste ze RI relatius ole Durchsuchen e Mehr Eigenschaften l Abbrechen HilFe werden Sie m glicherweise die Wirkung nicht betrachten k nnen Sie m ssen es mit einer langen Seite ausprobieren bei der der Anker z B ganz oben und der Link ganz unten ein gerichtet wird Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 41 Kompozer 3 7 1 5 Gr ere Spr nge Sie k nnen direkt an die Position eines benannten Anker auf anderen Seiten springen Lei der ist das bei Kompozer nicht so einfach zu konstruieren 1 Klic
34. Sie sollten die Instal lation in dem Ordner C Programme Kompozer vornehmen Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 122 Kompozer Mit dem ZIP Archiv 1 Laden Sie die Datei kompozer 0 7 10 win32 zip von der Download Seite 2 Speichern Sie die Datei an einem beliebigen Ort vielleicht in Eigene Datei en Downloads Die Erweiterung ist zip 3 Entscheiden Sie sich f r einen Ordner in dem das Programm installiert werden soll Empfehlung CAProgramme 4 F hren Sie einen Doppelklick auf die zip Datei aus und extrahieren Sie die Dateien in dem gew nschten Ordner 5 Suchen Sie in diesem Ordner die Datei kompozer exe 6 Richten Sie eine Verkn pfung zu dieser Datei auf dem Desktop ein indem Sie die Datei markieren auf die rechte Maustaste klicken und im Kontextmen den Befehle Senden an und dann Desktop Verkn pfung erstellen w hlen Kopieren Sie wenn Sie m chten die Verkn pfung in das Startmen oder in die Taskleiste Beim ersten Programmstart wird ein Profil eingerichtet Siehe n chsten Abschnitt Anmerkung Bei fr heren Versionen von Kompozer wurde Ihnen empfohlen Kompozer und Kompozer nicht gleichzeitig auszuf hren Das gilt nicht mehr A4 2 Reinstallation Aktualisieren Es ist nicht zu erwarten dass Kompozer nach der Version 1 0 noch einmal aktualisiert wird aber es kann erforderlich sein dass Sie von einer fr heren Version ein Upgrade auf die aktuelle durchf hren oder vielleicht
35. Speichern einer Seite Um ein Dokument als HTML Datei zu speichern klicken Sie in der Bearbei ET tungs Symbolleiste auf das Symbol Speichern e Wenn es ein neues Dokument ist werden Sie aufgefordert einen Titel f r de Fr Seite einzutragen Dieser erscheint im Register an der Oberseite des Editorfensters Den ken Sie daran dass dieses NICHT der Dateiname ist Klicken Sie auf OK es erscheint dann ein Speichern Dialogfenster in dem Sie Ihrer Datei einen Namen geben und den Ordner ausw hlen k nnen Der voreingestellte Dateityp ist HTML 2 6 Betrachten einer Seite im Browser Um zu sehen wie Ihre Seite in Ihrem Standardbrowser aussieht klicken Sie auf Vorschau in der Bearbeitungs Symbolleiste u 97 Hilfe Yorschau Die Kompozer Hilfe Funktion ist der erste Anlaufpunkt f r die Informationsbeschaffung W Kompozer Hilfe iE Se _Erstellen einer neuen Seite Index Suche Kate If suchen In diesem Abschnitt Erstellen einer neuen Seite n Erstellen einer Kompozer ist ein HTML Hypertext Markup Das Standardverhalten von Tabe He Eat Language Editor mit dem Sie Webseiten erstellen Hinzuf gen von Tabellen Formatieren Ihrer und bearbeiten K nnen kormmpozeristein Tabellen einf gen Webseiteh PHYS HS What You see ls WhatYou Geb Editor Tabellen verschieben kopieren u e Benutzen von style a HAB ER US Mel He Erstelliing sahen knnen Sheets wie die Seite spater im Weh verf gbar sein wird Sie Hinzuf gen vo
36. Speichern unter werden die eingebundenen Bilder und Stylesheets in demselben Ordner wie die Seite gespeichert wenn die genannte Option gew hlt wurde Das mag gelegentlich n tzlich sein aber wenn eine Site mit vielen Seiten in mehreren Ordnern strukturiert werden soll ist dieses Verhalten hinderlich Immer Publizieren Dialog beim Publizieren von Seiten anzeigen Wenn dieses Kontrollfeld angekreuzt ist zeigt Kompozer immer die Publizieren Dialogbox beim Publizieren einer Seite Im anderen Fall wird die Dialogbox nur gezeigt wenn mehr Informationen f r den Vorgang erforderlich sind Tabellen Layout beim Einf gen oder L schen von Zellen erhalten Tabellen werden normalerweise als ein regelm iges Raster erstellt so hat jede Zeile die selbe Anzahl von Zellen Wenn dieses Kontrollk stchen aktiviert ist wird beim Einf gen einer Zelle in einer Zeile auch in den anderen Zeilen eine Zelle eingef gt um die Regelm Bigkeit zu erhalten Mit dem Kompozer 0 7 10 funktioniert das allerdings noch nicht CSS Style statt HTML Elementen und Attributen verwenden Urspr ngliches HTML verwendet f r die Formatierung von Seiten Elemente und Attribute Viele von diesen sind allerdings nicht erlaubt wenn der Doctype Strict gew hlt wurde CSS bietet Alternativen und eine gr ere Flexibilit t Neues Dokument immer als Tab ffnen Wenn Seiten ge ffnet werden erstellt Kompozer immer ein neues Fenster Tab Wenn die Option gew hlt w
37. Sprache als die des Standard W rterbuches verwenden oder eine regionale Rechtschreibung bevorzugen ist es m glich Alternativen zu installieren Sind alternative W rterb chern installiert k nnen Sie zwischen ihnen ausw hlen Ein W rterbuch w hlen 1 Klicken auf den Rechtschreibungs Button 2 in der Rechtschreibpr fungs Fenster klicken Sie auf den DropDown Pfeil bei Spra che 3 W hlen die erforderliche Sprache aus Die ausgew hlte Sprache wird der Standard bis sie wieder ge ndert wird Die Recht schreibung wird dieses ausgew hlte W rterbuch zus tzlich zu dem benutzerdefinierten W rterbuch verwenden Wenn Sie mehr als ein Profil verwenden m ssen Sie die W rterbuch Einstellungen f r jedes Profil vornehmen Sie k nnen Details ber Profile im Anhang 4 2 finden Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 25 Kompozer Rechtschreibprufung Fehlerhafte W rter Lorem Seite erneut pr fen Ersetzen mit Losem Wort berpr fen Vorschl ge Lore L re Alle ersetzer Alle ignorieren Pers nliches w rterbuch wort hinzuf gen hinzuf ger Bearbeiten a Sprache Deutsch Deutschland Cal Schlie eri Weitere herunterladen Deutsch Deutschland Englisch vereinigten Staaten won Amerika Das Anf gen von W rterb chern W rterb cher werden mit xpi Erweiterungen versehen Sie k nnen von einer Vielfalt von Quellen geladen werden beispiel
38. Stylesheets Abschnitt 4 4 setzen oft mehrere allgemeine Eigenschaften f r den Body um die mehrfache Formatierung in den einzelnen Seiten zu vermeiden Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 55 Kompozer Durch Inline Styles kann die Body Breite kleiner eingestellt werden als die volle Fenster breite In diesem Fall kann die Seite im Fenster zentriert werden Eine Seite im Fenster zentrieren 1 Klicken Sie in der Statuszeile auf den gelben Body Tag Der komplette Inhalt wird markiert Rechtsklick auf den Body Tag in der Statuszeile W hlen Sie Inline Styles und dann das Box Registerblatt Im Breite Feld w hlen Sie die gew nschte Breite der Seite aus Inden Au enabstand Feldern tragen Sie f r Links und Rechts jeweils das Wort au to ein Klicken Sie auf OK Inline Styles Allgemein Hintergrund Box Anzeige nicht angegeben w Sichtbarkeit nicht angegeben a ES Puffer nicht angegeben v Aufhebung nicht angegeben Position nicht angegeben v Overflow nicht angegeben z index Breite Spe H he Min Breite Min H he l RR efe lalo lalo Max Breite Max H he Au enabstand Innenabstand Offsets Oben Rechts auto Unten Links autd RK RR lalrlelrtalotalo Lele tale lalale le y a El E Se le El Anmerkung In der HTML Tag Ansicht sehen Sie die neue Ausrichtung nich
39. Webseite Der Begriff Tag l sst sich mit Etikett bersetzen RN Meine erste Seite file meine_erste_seite html Nyu Datel Bearbeiten Ansicht Einf gen Format Tabelle Extras Hilfe Pal q M d y LL 3 Neu ffnen ut Publizieren Vorschau i DUCTYPE html PUBLI lt html lang de gt lt head gt lt meta contenr textr htrml charser 130 8859 1 iv content type gt e erste Seite lt ftitle gt vol 1 2 K 5 6 V 5 lt meta content Jzuuml rgen Klose name author gt lt head gt lt body gt lt br gt lt fhody gt lt html gt Normal IE HTML Tags Quelltext La Vorschau Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 13 Kompozer Anmerkung In den meisten F llen treten Tags in Paaren auf die Start Tags und die End Tags Die End Tags beginnen immer mit einem Schr gstrich Slash Die ganze Seite besteht derzeit aus einem lt Br gt Tag der eine Zeilenschaltung darstellt die selbstverst ndlich unsichtbar ist Mit fortschreitendem Seitenaufbau werden viel mehr Tags hinzugef gt In den meisten F l len umgeben die Tags Elemente aus denen die Seite aufgebaut wird Elemente wie Ab s tze berschriften Tabellen Bilder Die Tag Namen sind normalerweise entweder die Elementnamen oder deren Abk rzungen Einige Beispiele e table f r Tabelle e img f r Bild e pf ur Absatz Paragraph e Brf r Zeilenumbruch ungew hnlich weil es kei
40. auf ffnen Kompozer terung aus die installiert werden soll wird ge Navigieren Sie zu dem Ordner in dem die xpi Datei gespeichert wurde und klicken Das Software Installation Fenster ffnet sich Bet tigen Sie jetzt die Schaltfl che Jetzt installieren EIER W hlen Sie die Erweiterung aus die installiert werden soll Deutsches DE Sprachpaket 0 7 10 20070830 Kompozer in Deutsch Launchy 3 3 0 Open links and mailto s with external applications like Internet Explorer Netscape Opera Outlook etc LoremIpsum Nyu 0 3 1 Erstellt einen Lorem ipsum Blindtext 3 OF om ViewSourceWith_0 0 9 S E ConfigDate_0 3 7 xpi e deutsches_w_ouml_rterbuch 1 0 1 fx zm tb xpi ko HandCoder 0 3 3 de 2 xpi E HandCoder 0 3 3 de xpi A KaZcadeS 1 1 win32 xpi E kpz langpack deDE xpi Es kz 075 langpack deDE xpi fe launchy 380 xpi E ismConText 0 3 1 de xpi Arbeitsplatz Installieren Ka Deinstallieren G5 Updaten Software Installation B swilige Software kann Dateien auf Ihrem Computer besch digen oder Ihre Privatsph re verletzen Sie sollten Software nur von Quellen installieren denen Sie vertrauen Jetzt installieren Abbrechen 3 5 Arbeiten mit Bildern Erweiterungen herunterladen Dateiname spell de DE xpi D Netzwerkumgeb Dateityp Erweiterungen xpi Das neue W rterbuch wird in der Liste der Erweiterungen brigens nicht angezeigt Sie sollten sicherh
41. aus Blocksatz Format Ausrichtung Blocksatz Linksb ndig Format Ausrichtung links Rechtsb ndig Format Ausrichtung rechts SS SS AA eent O A O O A a 1 O O A ra O ERR EE E Einzug vergr ern Format Einzug vergr ern Kursiv Format Schriftschnitt Kursiv Schrift vergr ern Format Schriftgrad vergr ern Nummerierte Liste Format Liste nummeriert ffnen Datei ffnen pri o re mme Format Schriftschnitt Unterstrichen 10 Das Web ver ffentlichen 10 1 Einf hrung Kompozer Eine Site zu ver ffentlichen bedeutet das Transferieren der Site mit allen HTML Seiten den Bildern und den einbezogenen Stylesheets auf einen Web Server von dem aus sie weltweit erreicht werden kann Dieser Prozess wird Hochladen oder Upload genannt Vor dem Ver ffentlichen gibt es einige berpr fungen die unbedingt durchgef hrt werden soll ten 10 2 berpr fung Validierung einer Site Die Validierung bedeutet einfach das Pr fen ob die Seite oder die Site wie beabsichtigt funktioniert Designer k nnen auf ihrem Rechner eine F lle Dateien haben von denen ei nige bereits berholt sind oder nicht mehr f r die aktuelle Site erforderlich sind Deshalb ist es sinnvoll f r die Dateien die wirklich erforderlich sind eine neuen Ordnerstruktur zu schaffen Dieses kann mit Ihrem blichen Dateimanager wie z B dem Windows Explorer aber auch mit der Kompozer Seitenverwaltung
42. besonders 4 2 1 3 erlangen Sie jedoch die vollst ndige Kontrolle ber alle Tabellenelemente Um einen Rand f r die Elemente Tabelle normale Zellen berschrift Zellen zu setzen m ssen Styles f r table td th angepasst werden Das Tabelleneigenschaften Fenster erlaubt auch dass das F llung Ma Padding ein gestellt wird F llung ist der Abstand zwischen dem Zelleninhalt z B dem Text und dem Rand der Zelle Dadurch ergibt sich eine Alternative zum Einstellen des Raumes zwischen den Inhalten der benachbarten Zellen Das Ma des F llung bestimmt alle vier R nder ei ner Zelle und betrifft alle Zellen einer Tabelle Auch hier ist eine genauere Steuerung durch Stylesheets m glich 3 6 2 5 Tabellen farbig gestalten Dieses Thema wurde bereits in Abschnitt 3 6 2 2 besprochen Kompozer stellt jedoch meh rere Wege zur Farbformatierung von Tabellen oder Zellen zur Verf gung Dazu geh ren e Rechtsklick auf die Tabelle und Auswahl von Tabellenzelle Eigenschaften e Benutzen Sie den Button Tabelle um das Tabelleneigenschaften Fenster zu oft nen e Rechtsklick in der Tabelle und Anwahl des Befehls Tabellen oder Zellenhinter grund Farbe 3 6 2 6 Zellgr en W hrend Sie in einer Tabelle arbeiten k nnen die Gr en der Zellen sich ndern Es ist hilfreich zu verstehen wie Browser Tabellen behandeln Wenn die Gr e einer Tabelle oder der Zelle nicht auf irgendeine Weise begrenzt wird erweitert eine Browser die Zelle
43. bis zum Guru 3 Kompozer verwenden Seite ber Haustiere file haustiere htmI KompoZer Datei Bearbeiten Ansicht Einf gen Format Tabelle Extras Hilfe Men leiste A di P PA EE r D D 2H Q s D de H m 4 Bearbeitungs Symbolleiste b Neu ffnen i Publizieren vorschau Chaos Ziel Link Grafik Tabelle Formular CascHeS Zee Variable Breite E PIR A Bi VE 32 ormat mbolleiste TEA Seite ber Haustiere STRICTPINS Jete PA PE Seitenverwaltung d 987px Ansicht alle Dateien E x e H e Saso li Das sind unsere Haustiere Name E Haustiere qe Seitenregister el g html g haustiere htmi el index html E index txt e meine_erste_seite html A pinguin html el pinp html r E rahmen html Li n eal e STRICTPING html 2 bc jpg tux_klein jpg z l zelle html Site Editierbereich Manager Dieser schr ge Vogel hei t nat rlich Tuz Editiermodus Symbolleiste Statuszeile Normal rm HTML Tags Quelltext Vorschau lt body gt lt h1 gt 3 1 Orientieren Sie sich in Kompozer Wenn Kompozer startet sehen Sie oben auf dem Bildschirm eine Men leiste Datei Bear beiten Ansicht usw Darunter sehen Sie drei Symbolleisten Um sicherzustellen dass alle Symbolleisten angezeigt werden w hlen Sie im Men Ansicht den Befehl Anzei gen Verstecken und berpr fen Sie dass jede der folgenden Symbolleisten angezeigt wird
44. das Verwenden von Rahmen an Bildern und Tabellen besprochen Das Ma der Steuerung variiert von Fall zu Fall und auf die Verwendung von Stylesheets f r die Gewinnung der vollst ndigen Kontrol le haben wir uns schon bezogen Es gibt eine weitere Methode die sehr einfach nicht nur einzelnen Elemente wie z B Ta belle und oder Zellen Bilder berschriften Abs tze und Formulare anzuwenden ist sondern auch f r eine Gruppe von Elementen Die Methode verwendet alle Rahmenoptio nen von CSS So stehen folgende Varianten zur Verf gung e Farbe des Randes e Starke Breite des Randes e Style fest punktiert gestrichelt doppelt usw e Unterschiedliche Linien f r jede Seite L El Einen Rand einrichten 1 Markieren Sie einen Block oder eine Gruppe von Bl cken 2 Klicken auf den R nder Button an Anmerkung Der R nder Button ist nicht in der Standardeinstellung der Formatsymbolleis te vorhanden Um sie zug nglich zu machen gestalten Sie diese Symbolleiste neu Siehe Abschnitt 9 3 Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 53 Kompozer Borders Alle wier Seiten verwenden den gleichen Rahmenstil Breite Farbe Se fm lese fm Oben gestrichelt B Ecg K ei Steeg fc Links doppelt K vw 33cc00 v 000000 Rechts Ka Unten solid ffff66 j i Abbrechen Hilfe Lassen Sie das Kontrollk stchen angekreuzt und stellen Sie den Stil
45. des Breite Eintrages l schen wird die Tabelle ohne eine definierte Breite angelegt Die se Einstellung wird bei Tabellen die sp ter entstehen jedoch nicht gelten Erweitert Anmerkung CSS Styles erm glichen eine genauere Steuerung der R nder Siehe Ab schnitt 4 2 1 3 Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 31 Kompozer Noch mehr M glichkeiten Ob Sie nun das Schnell oder Pr zise Register gew hlt haben das Blatt Zelle gew hrt noch weitere Optionen 1 Horizontale Ausrichtung in der Zelle En 2 Vertikale Ausrichtung in der Zelle 3 Textumbruch 10 4 Cell spacing Abstand zwischen den Zellen Horiz Ausrichtung Zentriert 5 Cell padding Abstand zwischen Zellenrand Vert Ausrichtung Mitte und dem Text innerhalb der Zelle Textumbruch 6 Gr e von Tabelle und Zellen Cellspacing 7 Hintergrundfarbe Cellpadding 8 Auswahl der Zellen als Normal oder Header Zellen die berschriften f r Spalten Erweitert oder Zeilen darstellen sollten als Header deklariert werden Normalerweise werden L o Abbrechen diese dann fett dargestellt 3 6 2 Tabellen formatieren 3 6 2 1 Tabellengr e Tabellen mit der vollen Fensterbreite bieten den maximalen Platz f r Daten Die Breite passt sich an Schirm oder Fenstergr e an Es ist m glich die Breite auf einen Prozentsatz der Fenstergr e oder auf eine feste Gr Be in Pixeln einzustellen Festgelegte Tabellen si
46. die Konsistenz der Erscheinung der kompletten Web Site zu erreichen Die Methode benutzt ein externes Stylesheet das mit einer oder mehren Seiten verbunden wird Jede Seite muss die Verbindungsinformationen f r sich enthalten Ein externes Stylesheet enth lt die gleiche Liste von Definitionen wie sie auch in der inter nen Liste eingeschlossen sein w rde Es ist wirklich ein einfaches Textdokument wie Sie es mit einem Texteditor wie Windows Notepad schreiben k nnen Die Datei liegt norma lerweise im gleichen Ordner Verzeichnis wie die Seite mit der sie verbunden wird Sie kann allerdings auch woanders gespeichert werden und normalerweise hat sie den Datei typ css Auch das ist kein Zwang aber es erleichtert die Handhabung wenn Sie sich an diese Konvention halten Wie wei eine Seite dass sie ein Stylesheet benutzen muss Eine Code Zeile die Kom pozer f r Sie im HEAD Abschnitt Ihrer Seite einsetzt sorgt daf r Der Code sieht so aus lt link rel stylesheet type text css href mystylesheet css gt 4 1 3 4 Cascading Stylesheets Sie wundern sich vielleicht Wenn Sie ein externes Stylesheet haben m glicherweise auch interne Style Definitionen und Inline Styles droht da nicht ein Durcheinander Hier kommt jetzt der Begriff Cascading ins Spiel Ihr Browser sollte zuerst immer seinen Default Style verwenden was immer er auch sein m ge Wenn er einen passenden Style in einem ex ternen Stylesheet findet benutzt er i
47. dr cken m ssen In der Ansicht HTML Tags unterst tzt Kompozer das Editieren der Blocktags per Drag and Drop W hlen Sie ein Tag indem Sie die Strg Taste dr cken und dann den Tag ankli cken Eine M glichkeit schneller zu arbeiten stellt Kompozer s Reaktion auf den Doppelklick dar In einigen F llen wie Links Bilder und Tabellen ffnet sich nach einem Doppelklick mit der linken Maustaste ein Dialogblatt Kompozer bietet viele Stufen des R ckg ngigmachens und Wiederholens Jedoch k nnen die Anderungen die in der Quell Ansicht vorgenommen werden nicht annulliert werden nachdem Sie in eine andere Ansicht umgeschaltet haben 3 3 1 Tutorial Kurze Einf hrung in HTML HTML steht f r Hyper Text Markup Language Es ist die Publishing Sprache des World Wide Web Idealerweise sollte es m glich sein Kompozer ohne irgendeine Kenntnis dieser Sprache und ohne Wissen um deren Details zu verwenden Sicherheitshalber ist jedoch ein gewisses Verst ndnis w nschenswert Dieses Tutorial behandelt ein Minimum an De tails bei der Vorstellung einiger n tzlicher F higkeiten von Kompozer Richten Sie wie oben beschrieben eine neue leere Seite ein Klicken Sie in der Editiermodus Symbolleiste auf das Quelltext Register Sie Bas sehen eine Anzahl von Ausdr cken die innerhalb der spitzen Klammern lt gt El Queltext stehen Dieses sind HTML Tags Alles was zwischen lt BODY gt und lt BODY gt steht er scheint auf Ihrer
48. ee 14 58 81 Hexadezmalwert 12 HUF ank ON E 8 SN E 2er a Hintergrundbild 33 34 54 103 106 Hintergrundfarbe oooooonnccnnnnncnnnnnnnncnnnnnnnnnos 17 Boch N een 111 Horizontale Linie 91 110 A A 71 72 HTML As A 59 Hvperinktarben seen 42 I IS EEEENEE RER 84 AS AAA a 62 Ra 5 56 38 Inline En TEE 20 EE 63 J A A sr 90 O A 100 E AAA PP 21 Seite 155 Kompozer K Klasse 52 57 62 63 76 77 79 87 91 Klassennamen 63 76 77 82 kommentar 92 L Layo een 48 Lesezeichen sarah 41 A A es esse 9 A A 91 Links And EE 45 Pa DeM ee eine 42 ICM ties 45 E EE 17 18 21 68 69 110 M Made with Kkompozer 91 Markup Cleaner assi aa 111 Men leiste e e ed ado 7 O BU eh E EE 7 15 44 80 116 P PNG anne statten eier lili 27 Positionierungsgitter 0 50 Pseudo Klassen oocoococncnococnocoroncncconcononos 83 Publizieren 110 R A re 47 49 53 73 Rinder A a 73 Rechtschreibpr fung eeeeseessseeeeeesssssseee 24 relative Groben 70 Remote Site sssesessererssesesserarereresesesssrareses 99 A a 71 72 S Schrftfarhe 71 72 SCHEIN STORE nennen 17 69 70 Seitenttel 14 SEIHENVELWANUND ee 98 Selektoren ooooococnocoronconnocononcoroncnncnnonos 82 A A 90 SA O 18 Speichern A een 14 A EE 82 Kompozer Anleitung Version 1 01 vom 07 06 2008 Nora leia 93 AS A 10 Statuszeile cd 61 O O dE
49. eine zerst rte Installation reparieren m ssen Nvu speichert mehrere Einstellungen in Dateien im Profil Ordner Kompozer macht das ebenso und richtet einen getrennten unabh ngigen Profil Ordner ein Das Profil umfasst e Einige Standardeinstellungen e Details der Seiten die Sie im Seite Betriebsleiter eingerichtet haben e Pusblishing Einstellungen e Details der installierten Erweiterungen e Ihr spezielles W rterbuch Das Nvu Team empfiehlt dass dieser Ordner vor der Installation einer neuen Version von Kompozer gel scht wird Das bedeutet dass diese Einstellungen verloren gehen und im Anschluss an die neue Installation wieder neu eingegeben werden m ssen Es ist ratsam dieser Empfehlung zu folgen Der Standard Profil Ordner wird in AppData Nvu abgelegt Z B in C Dokumente und Einstellungen juergen Anwendungsdaten Nvu Dasselbe gilt f r Kompozer Das Verfahren f r die Aktualisieren sieht so aus nur auf Nvu anwendbar 1 Laden Sie die letzte Version des Programms herunter 2 Stellen Sie sicher dass Sie eine Sicherung Ihrer Publishing Site Einstellungen ha ben 3 Deinstallieren Sie das Programm auf die bliche Weise z B ber Start Systemsteuerung Software Programme ndern oder entfernen 4 L schen Sie den Profil Ordner 5 Installieren Sie die neue Version von Nvu Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 123 Kompozer 6 Rekonstruieren Sie die Einstellungen f r den Site Manager und d
50. equiv Content Type content text html charset utf 8 gt lt title gt Ohne_Titel_1 lt title gt lt head gt lt frameset rows 64 gt lt frame name Banner noresize noresize target Inhalt src banner htm scrolling no gt lt frameset cols 150 gt lt frame name Inhalt target Hauptframe src inhaltsverzeichnis htm gt lt frame name Hauptframe Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 45 Kompozer src anzeige htm gt lt frameset gt lt noframes gt lt body gt lt p gt Diese Seite verwendet Frames Frames werden von Ihrem Browser aber nicht unterst tzt lt p gt lt body gt lt noframes gt lt frameset gt lt html gt 3 9 Formulare 3 9 1 Einf hrung Formulare stellen dem Betrachter ein Mittel zur Verf gung Daten zur Verarbeitung zum Host Computer Server zu schicken Dabei kann es sich im einfachsten Fall um eine E Mail Nachricht handeln aber auch um ein Auftragsformular im eCommerce Diese Formu lare enthalten gew hnlich Auswahllisten Texte oder numerische Daten oder Ja Nein Antworten auf Fragen Formulare erfordern passende Software auf dem Server um die Antworten zu verarbeiten Formulare k nnen auf normalen Webseiten als Blockelemente platziert werden In der Normalansicht umgibt Kompozer die Formulare mit einem punktierten cyanfarbigen Rah men Formulare k nnen weitere Standard Blockelemente Abs tze berschriften eben so wie spezielle Formularele
51. erneut vornehmen Ob Sie diese M glichkeit w hlen h ngt von den Umst nden ab R ckg ngig Einf gen Einf gen ohne Formatierung Alles markieren Textstile unterbrechen Link erstellen A3 6 Browser Reaktionen W hrend Browser Seiten ungeachtet des Doctypes darstellen treten Unterschiede bez g lich der Browser Reaktionen auf Doctype switching von David Hammond ist das Resultat einiger vorz glicher Recherchen und dokumentiert das Verhalten der wichtigsten Browser Informationen ber ltere Browser werden von Henri Sivonen geliefert CSS Enhancements in Internet Explorer 6 nennt viele Details dieses Browsers AA Installation von Kompozer und seiner Erweiterungen A4 1 Kompozer installieren Das Programm kann heruntergeladen werden von der Adresse http www nvu composer de oder http www kompozer net Gegenw rtig ist dort die Version 0 7 10 er h ltlich Das Archiv enth lt keinen typischen Installer Der Inhalt des Archivs muss gleich in das richtige Verzeichnis hinein ausgepackt werden Einen Installer f r Windows h lt J C Steele auf http ww2 coastal edu jcsteele kompozer bereit Mit der Installer Version 1 Laden Sie den Windows Installer von der genannten Download Seite 2 Speichern Sie das Programm an einem beliebigen Ort vielleicht in Eigene Datei en Downloads 3 starten sie die Installation mit einem Doppelklick 4 Beantworten Sie auf die bei der Installation gestellten Fragen
52. gt ist Alle Webseiten m ssen diese Tags an diesen Positionen enthalten Es ist unwichtig ob die Tags gro oder klein geschrieben werden gleichwohl ist es weit verbrei tete Praxis Kleinschreibung zu verwenden F r XHTML ist die Kleinschreibung vorge schrieben Die erste Zeile geschrieben in einer anderen Farbe spezifiziert den Doctype Das ist ein Hinweis auf die Art des HTML Dokumentes Kompozer tr gt den Typ ein nach den Optio nen die Sie bei der Anlage der Seite gew hlt haben H ufig verwendete Typen sind Strict und Transitional Wenn Sie eine Seite bearbeiten beh lt Kompozer deren Typ bei und stellt ihn bei einem Versuch ihn zu ndern sogar wieder her Zum Schluss geben Sie dem Dokument einen Namen und speichern es 3 3 2 Dateien speichern Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 14 Kompozer Klicken Sie auf Datei Speichern unter Im Speichern Dialogfenster k nnen Sie den gew nschten Ordner ausw hlen Sie finden im Eingabefeld Dateiname Hi Speichern Seite speichern unter f E SR Speichen tere m bereits den um die Erweiterung html erg nzten D messe Seitentitel Sie m chten vielleicht diesen Namen re verk rzen oder alles klein schreiben aber Sie Di en m ssen es nicht Die Dateiart ist voreingestellt als Desktop html die Erweiterung k nnen Sie jedoch auch auf htm ndern Eigene Dateien 9 Kompozer m chte f r alle Dateien Titel haben Wenn he Sie versuchen eine
53. herung an dieses Thema ist das Angebot einer speziellen druckerfreundlichen Version einer Seite Sie kann derart formatiert werden dass ein gutes gedrucktes Ergebnis erzeugt wird Darauf wird ber einen Hyperlink auf der Seite zugegriffen Eine Strafe daf r ist dass zwei Versionen einer Seite gepflegt werden m ssen mit der damit einhergehen den Gefahr dass sich der Inhalt der zwei unterscheiden kann Die andere ist dass der Be sucher den Link zu dieser speziellen Seite nicht erkennt und die normale Methode verwen det die Seite zu drucken alle Anstrengung war umsonst Gl cklicherweise stellen CSS Stile eine alternative Ann herung an das Problem zur Verf gung Eine spezielle Drucker Formatvorlage kann entwickelt werden mit der alle Seiten einer Site verbunden werden k nnen kein spezielles Editieren der einzelnen Seiten ist er forderlich Eine Seite kann dann einfach in jedem Browser gedruckt werden ber das Men Datei Druck Diejenigen die mit CSS noch nicht vertraut sind sollten zun chst zum Abschnitt 4 der An leitung zur ckkehren und nachlesen wie man Styles in Kompozer verwendet bevor das Verfahren zur Druckausgabe studiert wird Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite144 Kompozer A7 1 2 Drucker Formatvorlagen Drucker Stylesheets k nnen entweder intern oder extern verlinkt sein Erforderlich ist die Identifizierung des Zweckes der Styles Das kann durch zwei alternative Methoden erreicht
54. k nnen Skripte m ssen in einer passende Skript sprache geschrieben werden aber diese ist nicht Teil der HTML Spezifikation Das Ma der Unterst tzung f r Skript Sprachen h ngt vom eingesetzten Browser bzw Server ab Die gebr uchlichste Skript Sprache ist wahrscheinlich Javascript Diese Sprache wird im Gegensatz zu PHP im Browser ausgef hrt Die meisten modernen Browser unterst tzen diese Sprache aber manchmal kann die Ausf hrung von Javascript deaktiviert sein wenn es der Benutzer auch aus Sicherheitsgr nden gew nscht hat Eine andere Skriptsprache ist PHP Sie l uft auf dem Server und ist von dem durch den Server zur Verf gung gestelltem Support abh ngig Wenn Autoren PHP codieren sollten Sie die vollst ndigen Tags verwenden also lt php gt und nicht die Kurzfassung lt gt welche Kompozer nicht unterst tzt Kompozer erlaubt den Gebrauch von Skripten auf Seiten f hrt sie jedoch nicht aus Der Effekt des Skripts wird weder in der Normalansicht HTML Tag Ansicht noch in der Vor schau deutlich der Code erscheint aber selbstverst ndlich in der HTML Quellansicht Um die Ausf hrung des Codes zu sehen klicken Sie auf das Symbol Vorschau TE im Browser Anmerkung Einige Skripts enthalten Sonderzeichen die bei der Codierung durch Kom pozer Fehler produzieren wenn das Skript l uft Um das zu vermeiden aktivieren Sie im Men Extras Einstellungen Erweitert das Kontrollk stchen Keine Kodieru
55. nnen auf jedem Niveau des Verzeichnisses enthalten sein Die ausgew hlten Ab Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 56 Kompozer s tze werden gekennzeichnet indem man eine speziell zu diesem Zweck erzeugte be nannte Klasse Abschnitt 4 2 3 auf sie anwendet Wahlweise kann ein lt div gt Abschnitt 4 5 dem eine benannte Klasse zugewiesen worden ist benutzt werden Das Erzeugen und das Verwenden eines Verzeichnisse auf diese Art hat den Vorteil dass nderungen an der Seite automatisch ber cksichtigt werden Eine Verzeichnis arbeitet nur innerhalb der Seite in der es sich befindet Verbindungen zu anderen Seiten m ssen manuell eingetragen und gepflegt werden 3 13 2 Einf gen eines Inhaltsverzeichnisses Ein Verzeichnis einf gen 1 Setzen Sie den Cursor an die Stelle an der das Verzeichnis eingetragen werden soll 2 Klicken Sie auf Einf gen Inhaltsverzeichnis Einf gen an 3 Das Inhaltsverzeichnis Fenster erscheint d In der Spalte Tag w hlen Sie f r jedes Niveau das betreffende Tag aus Sie k nnen die Ebenen auch verschieben wenn Sie also keine berschriften H1 und H2 haben weisen Sie den Ebenen 1 und 2 Ebene 1 die Tags H3 und H4 zu F r alle Uberschriftsebe Ebene2 he vi nen die im Verzeichnis nicht ber cksichtigt Ebene 3 werden sollen w hlen Sie Ebene 5 Wenn Sie anstelle der berschriften Abs tze mit Ebene 5 Klassen oder DIV verwenden m chten w hlen Sie O BR bei den Tags entwede
56. sp ter in eine andere Position gezogen wird die Anheftung annulliert und muss erneut angewandt werden 3 10 6 Layer und Styles Ein Objekt durch Ziehen zu platzieren liefert ein ziemlich ungenaues Ergebnis Kompozer erm glicht die absolute Positionierung von Layern durch CSS Eine pr zise Steuerung kann erreicht werden indem man die Style Parameter editiert Inder HTML Tag Ansicht klicken Sie mit der rechten Maustaste auf den lt Div gt Tag f r den Layer und dann auch Erweiterte Eigenschaften Wenn Sie Schwierigkeiten haben das Tag zu treffen setzen Sie den Cursor einfach in den Layer und klicken in der Statuszeile mit der rechten Maustaste auf den lt div gt Tag Im Registerblatt Inline Style CSS k nnen nach Markieren der einzelnen Eigenschaften deren Werte ge ndert werden Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 51 Kompozer Erweiterte Einstellungen Aktuelle Attribute f r DIN Eigenschaft Wert absolute Klicken Sie auf einen Eintrag oben um seinen Wert zu bearbeiten Eigenschaft Wert top 200px Die im Dialogblatt aufgef hrten Eigenschaften sind abh ngig von der Anheften Option In der Tabelle finden Sie einen berblick mel ms mme e me ms me Det WerederEienschalen Posiion _ arme e a em absolut e Oben nr rn Am be mmer IE mm e ee 3 10 7 Verwenden von Klassen Anstatt einen Layer manuell zu konfigurieren kann dem lt Div gt Tag der den Layer enth l
57. tigen Sie die Schaltfl che Stylesheet erstellen C55 Stylesheets Erwin e Sheets und Regeln Neues verlinktes Stylesheet El Internes Stylesheet Typ text css Alternativ Alternatives Stylesheet erstellen URL G Durchsuchen Media Liste sm Titel Stylesheet erstellen D ierrupg Dokument speichern bevor ein lokales Stylesheets zugewiesen w Aktualiseren wenn das Stylesheet nicht direkt heruntzB laden wird ox abreche Das neue Stylesheet erscheint im linken Fenster als Internes Stylesheet es muss daher noch umgewandelt und als Datei gespeichert werden 5 Klicken Sie wieder auf den Namen des Stylesheets Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 80 Kompozer C55 Stylesheets t 4 Poeren a Sheets und Regeln E Internes Stylesheet Typ texticss Deaktiviert Stylesheets deaktivieren wird nicht PEINE URL keine ins Dokument eingebunden Media Liste al Nummer der Regeln Stylesheet exportisren und auf externes Stylesheet urastellen 6 Klicken Sie auf Stylesheet exportieren und auf externes Stylesheet umstellen 7 Sie werden aufgefordert dem Stylesheet einen Namen zu geben Sie sollten die Erweiterung css angeben und vorzugsweise im gleichen Ordner wie Ihre Seite spei chern 8 Dr cken Sie im Speichern Dialog auf Speichern CSS Stylesheets ETTE t Vase a Sheets und Regeln E steilschiet css
58. vielen Elementen vorkommen am h ufigsten im href Attribut Jedes Latin 1 Zeichen kann in einer URL Adresse vorkommen aber nur denjenigen die auf einem gr nen Hintergrund in der Tabelle A6 5 1 gezeigt werden k nnen frei verwendet werden Dieser Satz schlie t alphabetische Zeichen Bindestrich und Unterstrich ein Meh rere Zeichen die besondere Bedeutungen haben werden reserviert Das schlie t die Mehrzahl der verbliebenen ASCIlI Zeichen ein Solche Zeichen k nnen verwendet werden um einen Teil der Struktur von anderem zu trennen z B trennt der Doppelpunkt die Pro tokollangabe vom Domainnamen Diese Zeichen nach den gegenw rtigen Spezifizierun gen werden auf einen orange Hintergrund gezeigt Wann immer ein solches Zeichen an ders verwendet wird als f r den vorgesehenen Zweck muss es codiert werden um Irritati onen zu vermeiden Die Verwendung der brigen Zeichen h ngt von den Besonderheiten der URL Adresse oder einem Teil der eingeschlossenen Adresse ab HERE EG EG a EG EG EG KH T Da E RP W W BEN rett Tabelle A6 5 1 Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 141 Kompozer Erlaubte Zeichen in einer URL Wenn die Codierung in einer URL ADRESSE erforderlich ist wird eine neue Methode die als Prozentzeichen Codierung bezeichnet wird verwendet Ganz einfach bestehen derart codierte Zeichen aus einem Prozent Zeichen gefolgt von zwei Zeichen die die hexadezi male Position des Zeichens im Lat
59. wird nur so viel vom Bild angezeigt wie in die Tabelle passt Wenn das Bild kleiner als Tabelle ist kann es ber verschiedene Einstellungen vertikal horizontal oder in beiden Richtungen zentriert werden Es kann wiederum horizontal oder vertikal wiederholt werden bis die Tabelle gef llt ist Ka cheln Wenn ein Bild in Kacheln dargestellt wird sollten Designer darauf achten dass die Verbin dungen zwischen den Einzelbildern passen Die meisten Fotografien passen nicht in die rechteckige Rasterstruktur Ein Hintergrundbild einf gen 1 Schalten Sie in die HTML Tag Ansicht um und markie ren die Tabelle oder Zelle Hintergrund Begrenzungen Box Listen T ne Inline Styles Um Objekte in der HTML lg MW Tag Ansicht leichter zu a ie EK markieren halten Sie die Bild file E jEigene 20Dsteien _wehsinwujtiere tu Durchsuchen Strg Taste beim Klicken ge Kacheln horizontal und vertikal l dr ckt Bild scrollt mit der Seite 2 Inder Statuszeile klicken Sie Position mit der rechten Maustaste auf den hervorgehobenen lt table gt Tag f r die Tabelle oder den lt td gt Tag f r eine Zelle 3 W hlen Sie Inline Styles und dann Hintergrund Eigenschaften 4 ber Durchsuchen navigieren Sie zu dem gew nschten Bild 5 sie k nnen die Kacheln dann so w hlen wie oben beschrieben Links Mitte Rechts Anmerkung Hintergrundbilder sind in der Norma
60. wird zus tzlich um den Standardrand des Browsers erweitert Webauto ren sollten deshalb nicht zu gro e R nder auf Seiten f r den Druck ansetzen sie sollten es aber dem Besucher berlassen die Einstellungen im Browser vorzunehmen Wenn die Standardformatvorlage einen Rand von 10 oder 15px aufweist kann das wahrscheinlich ignoriert werden aber wo der gr er ist sollte in der Druckformatvorlage der Rand auf Null gesetzt werden Das Nebeneinander der beiden Angaben f r die R nder kann f r die Tatsache verantwort lich sein dass viele Browser die Page Regel nicht unterst tzen Wenn der Style der Seite einen breiten Rand auf jeder Seite und einen zentrierten Inhalt vorsieht ist es anzuraten die Textbreite in Zoll oder Zentimeter anzugeben und die linken und rechten R nder auf Auto stehen zu lassen Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 147 Kompozer A7 2 1 2 Fonts Nach den R ndern sind die Schriftarten die wichtigsten Details Obwohl die CSS Regeln die Angabe der Schriftartgr e auch f r gedruckte Medien in allen m glichen Einheiten erlauben sollte die f r Druckmedien allgemein verwendete Einheit Punkt ist verwendet werden Es gibt eigentlich keinen guten Grund irgendwelche anderen Einheiten zu ver wenden Eine m gliche Druckformatvorlage k nnte so aussehen media print Pe NA Ul Ol Tady a Tone s1ze s lapt hl font size 24pt h2 font size 18pt h3 font size 14pt h
61. zu sp t einf llt m ssen Sie zuerst alle folgen den Bearbeitungsschritte annullieren Sie k nnen einen Absatz direkt und einzeln formatie ren oder reformatieren Das gibt Ihnen die genauere Kontrollm glichkeit anstelle des Zie hens der Markierungen im Lineal Schalten Sie um in die HTML Tag Ansicht klicken Sie auf die gelbe p Markierung eines Absatzes in der Statuszeile klicken Sie mit der rechten Maustaste auf das hervorgehobene p Symbol W hlen Sie dann im Kontextmen Inline Styles aus Im Register Allgemein l schen Sie wenn vorhanden den Text Inline Styles Inline Styles Box VER z algemein Tea mern Anzeige nicht angegeben Sichtbarkeit nicht angegeben wer Puffer nicht angegeben Aufhebung nicht angegeben ka margin left 442px A width 517px Position nicht angegeben s o Overflow nicht angegeben w Y ie Be Min Breite Min H he Max Breibe Max H he Au enabstand Innenabstand El Gi gew hlte Formate f r lt P gt Il eje tele lale SE Sg d Unten Extrahieren und allgemeiner Style anlegen ap inks ul la ela lela Lela e Lalela lela leale OK Abbrechen W hlen Sie jetzt das Register Box Das erlaubt das pr zise Formatieren der Box in dem der Absatz enthalten ist Tipp Anstatt die HTML Tags Ansicht zu w hlen kommen Sie schneller zu Erfolg wenn Sie in den Absatz klicken und dann den dazugeh ren
62. 07 06 2008 Seite 93 Kompozer mehrere hnliche Punkte hinzugef gt werden k nnen Blockelemente werden entspre chend den normalen Blockregeln formatiert Ein Flie text Bereich befindet sich in einem Block in einem Text z B um ein oder zwei W rter in einem Absatz auszutauschen Jedem editierbaren Bereich muss ein Name zu gewiesen werden Dieser erscheint als Label und auch als Ausgangstext der sp ter im Dokument ersetzt wird 7 2 Erstellen einer neuen Vorlage Vorlagen werden mit Kompozer genauso wie jede andere Seite vorbereitet und editiert Eine neue Vorlage einrichten 1 W hlen Sie im Men Datei den Befehl Neu und dann Eine leere Vorlage Neue Seite oder Vorlage erstellen Welche Art Datei wollen Sie erzeugen 0 Eine leere Seite len E Strict DTD Eine neue Seite basierend auf einer Vorlage El Eine leere Vorlage Erstellen in Neuer Tab Erstellen Abbrechen Anmerkung Alle Vorlagen werden mit dem Transitional HTML Doctype angelegt 2 F gen Sie jetzt den Inhalt hinzu der auf allen Seiten erscheinen soll die auf der Vorlage basieren 3 Formatieren Sie in der gewohnten Weise 4 Wenn die Formatierung auf einem Stylesheet basieren soll bereiten Sie dieses so vor wie in Abschnitt 4 2 4 beschrieben In diesem Fall muss die Vorlage zun chst gespeichert werden 5 F gen Sie die editierbaren Bereiche hinzu 6 F llen Sie die Bereiche mit Dummy Text so dass ein komplette
63. 1 01 vom 07 06 2008 Seite 145 Kompozer 3 Uberschreiben Sie das Wort All bei Median Liste mit print 4 Schlie en die CaScadeS Wenn der Ok Button nicht verf gbar ist klicken Sie auf ir gendein Stylesheet und dann auf eine beliebige Regel und dann auf OK Wenn Sie jetzt den Code untersuchen wird sich diese nderung ergeben haben F r ein externes Stylesheet lt link media print rel stylesheet href stylefile css ty pe text css gt F r ein internes Stylesheet lt style media print type text css gt Anmerkung Wenn Sie Kompozer verwenden und CaScadeS erneut ffnen wird sich der Eintrag bei Media Liste nicht ge ndert haben Das ist ein Bug not a feature Um zu das zu korrigieren speichern Sie die Datei und kehren dann zur ck Jetzt gilt dieses Stylesheet nur f r den Ausdruck Ohne ein Mediaattribut gilt ein Stylesheet f r alle Medien Anmerkung Obwohl CaScades in der Medialiste all anzeigt dieses ist in der Tat ein an erkanntes Medienformat enth lt das Stylesheet selbst diese Information nicht Jedoch wird es auf alle Medienformate angewandt A7 1 2 2 Individuelle Stil Regeln media Sheets die f r alle Medien gelten k nnen einzelne Regeln enthalten die nur f r den Aus druck gelten Um dieses zu erreichen muss diese Regel in der Media Regel einge schlossen werden Zum Beispiel konnte der Body so formatiert werden dass der Rand und der Hintergrund entfernt wird und die Schrif
64. 34 6 Importieren des Textes ae dd 22 3 4 7 A 23 SS SN er Ee leie El e DEN 24 3 4 8 1 Benutzernworterbucher ooccccconcccccconcncoconcnnononnnnnononnnnononnnnononnnnnnnnnnnnnnnnnnnonnnnnnonannnnononnnnnonaneness 25 3 4 8 2 Weitere W rterb cher installieren nenn 25 A AAPP 27 3 5 Arbeiten mit Blest is 27 3 5 1 EM UJEM VON PBI salada 28 3 5 2 Position und Gr e der Bilder bestmmen nn nnnnnnnnnenennnnnnnnnnnnnnnnn 28 30 Table da oi 30 3 6 1 Teens eiii id 30 3862 Ke EEN Belg EE 32 3 6 2 1 ll ooo a a a E 32 3 6 2 2 Farbgestaltung Hinzuf gen L schen und Verbinden von Zellen Zeilen und Spalten 33 3 6 2 3 Hintergrungpilder ne Ra ee 34 3 6 2 4 Einstellung des Zellrandes und des Abstandes nn 35 3 6 2 5 TabellenTarbig gestalten ns dd 35 3 6 2 6 ee re ee ee ee 35 3 6 2 7 Tabelleneigensch ftenz EE 36 30 3 HEXteinitgensinsa een A au 37 3 6 3 1 Kale Tee aca ico ua 37 304 Zenmeren der abel o ie 37 Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 2 Kompozer 365 Oplimierung von Tabellen eege 38 3 6 6 Kleines Tutorial In Tabellen bewegen ccccconnccnccccconconcccnooncnncnononnconnnononnnnnnnonnnnnnnononannnnnononannoss 39 A E ee ER ee 40 3 7 1 ex UDS e 40 3 7 1 1 Link zu einer anderen Date 40 3 7 1 2 Einf gen einer E Mail Adresse 40 3 7 1 3 Einf gen von benannten Zielen 41 3 7 1 4 Verbindung mit benannten Zielen ccccccconncnnccccconnnnnnccnoncnnnononancnnnnnnnnncnnnnnnnnnnnnnnnnnnn
65. 848217 Linkes Anf hrungszei MA sidanto 88220 chen Rechtes Anf hrungszei chen Unendlichkeitszeichen Alpha amp rdquo amp 8221 amp Alpha amp 913 amp alpha 844945 usw f r andere griechische Zeichen il 3 4 8 Rechtschreibprufung Einstellungen Verbindung Proxys f r den Zugriff auf das Internet konfigurieren Verhalten der ENTER Taste ke ENTER Taste in einem Absatz erzeugt immer einen ne Echtzeit Rechtschreibpr fung E Unterstreiche falsch geschriebene W rter Spezielle Zeichen Die folgenden Zeichen als Entities ausgeben Alle Zeichen die eine Entity Entsprechung in der HTML 4 Spezifikation haben berpr fung startet Kompozer Anleitung EJ Yerbindungs Einstellungen uen Absatz v Version In jeder Ansicht au er der Quelltextansicht kann die Rechtschreibpr fung einfach durch Klicken auf die Schaltfl che Rechtschreibung gestartet werden Wenn der Button nicht angezeigt wird siehe Abschnitt 9 3 m Rechtschreibung Ihnen wird nach der Installation zun chst ein W rterbuch Englisch Vereinigte Staaten ange boten aber Sie k nnen ihm Ihre eigenen W rter hinzuf gen Es ist auch m glich W rterb cher anderer Sprachen hinzuzuf gen Diese k nnen heruntergeladen werden ber die Links auf der Adresse http www nvu composer de Es ist m glich nur einen Teil des Dokumentes zu berpr fen indem man diesen Teil markiert und die 1 01 vom 07
66. Bildes was normalerweise nicht w nschenswert ist Eine pr zisere Einstellung kann ber das Grafik Eigenschaften Fenster erzielt werden Da zu klicken Sie doppelt auf das Bild W hlen Sie dann das Gr e Registerblatt Grafik Eieenschaften 2 Grafik Eigenschaften Gr le Erscheinungsbild Erscheinungsbild Link r Au enbereich Text an Grafik ausrichten K Links und rechts Pixel Benutzerdefinierte Gr e Proportional i k Oben und unten O Originalgr e Breite 300 Pixel Sa he Durchgezogener Rand Pixel Image Map H he 400 Pixel GraFikworschau GraFikvorschau e E Originalgr e w Originalgr e Breite 600 IA j Breite 600 H he 800 Erweitert H he 800 Erweitert abbrechen Hilfe Abbrechen Hilfe Anmerkung Es sollten f r Websites Bilder in der beabsichtigten Gr e vorbereitet und eingesetzt werden Die Gr e sollte im Editor nicht reduziert werden Durch die Gr en nderung wird die Datenmenge nicht reduziert und daher Bandbreite verschwendet Au Berdem k nnen bei Anderungen um kleine Betr ge unerw nschte Artefakte entstehen Bilder mitten in Abs tzen sind normalerweise nicht blich Sie k nnen sie entweder an der rechten oder linken Seite setzen und den Text herumflie en lassen Ausrichtung eines Bildes ndern Methode f r Transitional Doctypes 1 Markieren Sie das Bild 2 Klicken Sie auf den Bild Button in der B
67. Einf gen Format Tabele Extras Hilfe I MDR ee Mel ffnen Speichern Publizieren vorschau Drucken R ckg ngig Rechtschreibung Wie Absatz NA r WV NN 1 7 II LT u II ss ii kal SI TE re se s T H I i mixed GR K A BJ U H inh JT diria Editiermodus Symbolleiste D rem ipsum dolor sit amet consectetur adipisicing elt sed de eusmod tempor mncrhdunt ut labore e dolore magna aqua Ut entm ad minir M Enar eco cto evercitationl Normal rol um Tags gt Quelltext La Yorschau lt body gt lt p gt Markiertes Element Abbildung 1 Die Auswahl der Ansicht ber die Editiermodus Symbolleiste und das Markieren eines Elements ber die Statusleiste Sie sehen auch dass das Element in der Statuszeile markiert wird Siehe Abbildung Wenn Sie zur Quelltext Ansicht wechseln bleibt das Element markiert Anmerkung Das Element ist auf dem Schirm zu sehen aber oft ganz am unteren Rand Das ist eine gro e Hilfe beim Editieren Die Marker entsprechen mit einigen Ausnahmen den HTML Tags Anmerkung Benannte Anker werden gezeigt mit einem Symbol w hrend Links durch ein A bezeichnet werden die Markierung SPAN wird verwendet wenn bestimmte Anderun gen in einer Textzeile vorgenommen werden zum Beispiel wenn die Farbe f r ein ein zelnes Wort ge ndert w
68. Erg nzungsinformationen die ber sprungen werden k nnen Auf der anderen Seite m ssen Warnhinweise ber cksichtigt werden in den meisten F llen liefern sie Workarounds die ihre Bedeutung in dem Ma e verlieren wie Kompozer sich entwickelt 1 5 Kompozer und Nvu Die Entwicklung von Nvu wurde mit der Ver ffentlichung der Version 1 im Juni 2005 voll endet Eine weitere Entwicklung wird nicht erwartet weil der Entwickler Daniel Glazman von Disruptive Innovations http disruptive innovations com an einem neuen Produkt ar beitet das es wahrscheinlich ersetzen wird Nach der Ver ffentlichung der Version 1 wur den mehrere M ngel offenbar und ein unabh ngiger Entwickler der den Namen Kaze verwendet arbeitete an mehreren von diesen und ver ffentlichte ein verbessertes Produkt unter dem Namen Kompozer Fr he Versionen von Kompozer arbeiteten fast genau wie Nvu aber mit der Version 0 7 10 wurden mehrere bedeutende Verbesserungen eingef hrt die meisten von ihnen h ngen zusammen mit dem Gebrauch des CSS Editors CaScadeS Die Mehrheit der Nvu Benutzer hat wahrscheinlich bereits den Wechsel zu dieser Version vollzogen Das Programm ist v llig frei und kann von der Website von Kompozer http kompozer sourceforge net heruntergeladen werden Sie k nnen sowohl Nvu als auch Kompozer auf derselben Maschine installieren Von der Version 0 7 10 an ist das m glich und sicher beide Programme gleichzeitig auszuf hren zu lassen Di
69. Farben in Seite setzen VO Ist n d g e Ko ntro le be r d e Erwalt rt G Eigene Farben verwenden Farbgestaltu ng zu gewi nnen ist au ch Normaler Text MI Normaler Text hier der Einsatz von Styles Siehe Link Text mm e Are a Reg Abschnitt 4 2 5 2 Besuchter Link Elnterorand IC Besuchter Link Hintergrundbild Aktiver Link Durchsuchen Sprache de J Sprache w hlen Abbrechen L ndereinstellungen Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 43 Kompozer 3 7 2 Bilder als Hyperlinks Grafik Eigenschaften CO Eine Verwendung von Bildern als Links wird Se dann sehr wichtig wenn Sie auf Ihrer Webseite Geben Sie eine Webseiten Adresse eine lokale Datei oder eine Email Adresse ei ne Rei he von Fotos an biete n m chte n Die ein oder w hlen Sie ein benanntes Ziel oder eine berschrift aus der Popup Liste Ladezeiten wachsen stark an und nicht jeder Bin coc de Betrachter hat die Geduld so lange zu warten C Dies ist eine E Mail Adresse bis alle Bilder aufgebaut sind Daher sollten auf O are der Webseite zun chst nur kleine Vorschaubilder e eingef gt werden Diese haben eine geringere en Aufl sung und werden daher schnell geladen A gi SE Geen Aus den Originalbildern werden diese Thumbnails mit Hilfe von beliebigen Abbrechen op Grafikprogrammen erzeugt Diese Bilder werden verlinkt mit den hoch aufgel sten Originalen der Betrachter klickt die Mi
70. HSB Werten vor genommen werden Ein Feld mit der Aufschrift Hex zeigt den Hexadezimalwert der Farbe Sie k nnen diesen Wert sogar ndern ohne den Farbw hler Textfarbe zu ffnen indem Sie im Text Register den Hex Wert hinter einem neben dem Farbfeld ndern Das Farbfeld zeigt Ihnen sofort die neue Farbe an LU Black Gray Maroon Fa Yellow Lime Green Teal Olive Aqua Blue T A Navy Fuchsia Purple Silver White Benannte Farben Sie haben vielleicht bemerkt dass in dem Feld Name im Farbw hler die Farbbezeichnung beim Anklicken von einigen der 70 Farben erscheint Testen Sie schwarz oder rot um es zu berpr fen Die CSS Empfehlung kennt 17 Farben und diese Namen k nnen direkt in die Eingabefelder im Farbw hler oder im Textregisterblatt einge tragen werden Weitere Textformatierungen Diese sehen Sie unterhalb der Farbwahl und sind eigentlich selbsterkl rend 4 2 1 2 Hintergrund Registerblatt Farbe Die Hintergrundfarbe wird ebenso wie f r Schriftfarbe gew hlt Bild Sie k nnen eine Bilddatei als Hintergrund angeben Dieses erscheint hinter allen anderen Elementen auf der Seite Unter Kacheln k nnen Sie die Darstellung des Hintergrundbildes beeinflussen Wenn Sie keine w hlen erhalten Sie eine einzelne Kopie der Datei der Sie in Position bringen k nnen mit den Optionen Links Mitte und Rechts f r die horizontale und Oben Mitte und Unten f r die vertikale Ausrichtung Wenn Sie horizontal vertikal oder h
71. Hilfe SINEHEREEREHEERENENE COCA St KETTEL MM Gruppieren nach E Unicode nterbereich Hoch und Tiefstellungen Euchstabenarige Symbole ahlentormen Feiltasten Ylathematische Operatoren Technische Zeichen Steuerbilder und OCH Engen alphanum Zeichen Rahmenelemente Unicode Unterbereii oder markieren Sie sie 5 Klicken Sie in der Liste Unterbereich m Feld Gruppieren nach auf zeichenauswa hl Ausw hlen Lopare geg n gichen Die zu dieser eil geh renden Zeichen w y Erweiterte Ansicht genar E Erweiterte Ansic der Zeichentabelle ang Zeichensatz EEN A F hren Sie ont einen F Gruppieren nach Uncode Unterbereich ka suchen nach bech pe uf sbezielle Schriftarten 1142500 Rahmenelement Dunne horizontale Linie 3 Wenn Sie ein besonderes Symbol oft verwenden kann es leichter sein es durch ei nen Shortkey einzuf gen Mehrere Zeichen k nnen auf diese Weise eingef gt wer den Bei diesen Symbolen wird in der rechten unteren Ecke der Zeichentabelle die Tastenkombination angezeigt Das Eurosymbol kann z B eingef gt werden ber die Kombination ALT 0128 wobei aber die Zahlen ber den Ziffernblock eingege ben werden m ssen 4 AllChars Ref21 ist ein n tzliches Dienstprogramm das es jedem Programm er laubt alle Windows 1282 siehe unten Zeichen ber einige leicht zu merkende Shortkeys einzuf gen 5 Inder Kompozer Quellcodeans
72. N BE AU A A Wenn die Option gew hlt wurde ist es m glich eine neue Zeile am Ende eines Absatzes oder einer berschrift durch die Tastenkombination Umschalt Enter zu erzeugen Wenn die Box nicht aktiviert ist k nnen Sie aus einem Absatz entkommen indem Sie die Enter Taste zweimal bet tigen Dadurch wird ein neuer Absatz erzeugt und f gt einen Zei lenumbruch am Ende des vorhergehenden Absatzes ein Die meisten Benutzer werden es bevorzugen die Option einzuschalten Die Wirkung der Enter Taste in anderen F llen ist abh ngig von dem Kontext Z B wird in einer Tabelle eine neue Zeile eingef gt und in einer Liste ein neuer Aufz hlungspunkt Unterstreiche falsch geschriebene W rter ist eine n tzliche Option f r diejenigen die mit der Rechtschreibung auf Kriegsfu stehen und vergessen die Rechtschreibpr fung separat laufen zu lassen Allerdings verbraucht diese Option Systemressourcen so dass das System langsamer laufen kann Insbesondere die Zeit die zum Wechsel zwischen den Ansichten ben tigt wird kann sich merklich erh hen Es ist besser diese Option zu deakti vieren Die folgenden Zeichen als Entitys ausgeben F r den normalen Gebrauch sollten die Grundeinstellungen beibehalten werden Keine Einstellung wird Ihrer Datei schaden je doch bieten sich andere Werte nur f r den Einsatz w hrend der Entwicklung von Seiten an Keine Kodierung von gt au erhalb von Attributen bernehmen Sie die Voreinstel l
73. Proxys f r den Zugriff auf das Internet konfigurieren HTML Sprache DTD ENTER Taste in einem Absatz erzeugt einen neuen Absatz Unterstreiche falsch geschriebene W rter Die folgenden Zeichen als Entitys ausgeben Keine Kodierung von gt au erhalb von Attributen Keine Kodierung von Spezialzeichen in Attributen 9 2 Bearbeiten der Einstellungen Seiteneinstellungen kein Eintrag aktiviert kein Eintrag kein Eintrag keine Festlegung SO 8859 1 Direkte Verbindung zum Internet HTML 4 Strict aktiviert aktiviert Nur lt gt und nicht umbrechbare Leer r ume nicht aktiviert nicht aktiviert Kompozer kann in mehrfacher Hinsicht ber das Men Extras Einstellungen an die W nsche des Benutzers angepasst werden Alle Optionen k nnen jederzeit gew hlt wer Einstellungen den Sie werden sofort wirksam mit einer Ausnahme Die Anderungen bei den Seiteneinstellungen wirken sich nicht auf bestehende Seiten aus Schriftarten Es gibt vier Registerbl tter Allgemein Schriftarten Seiteneinstellungen und Erweitert Viele der Optionen sind selbsterkl rend und ben tigen keine ur weitere Erl uterungen Register Allgemein Die Option Formatierung des Original Quelltextes erhalten und HTML Quelltext neu formatieren ndern die Anzeige in der Quellansicht haben aber keinen Effekt wenn sie im Browser betrachtet werden Jede Option hat ihre Vorteile und Nachteile Kompozer Anleitung
74. Quelltext Vorschau ausgew hlt werden kann F r Details der Ansichten siehe Abschnitt 3 15 An der Unterseite des Fensters liegt die Statusleiste Das ist ein sehr n tzliches Werkzeug Sobald auf einer Seite Daten vorhanden sind wird beim Klick auf ein Objekt dessen Struk tur auf der Statusleiste angezeigt Jede auf ein Element angewandte Klasse oder id wird gezeigt zur Unterscheidung werden Inline Styles kursiv dargestellt Wenn Sie den Maus zeiger in der Statuszeile ber dem lt span gt Tag schweben lassen erhalten Sie ein Quickin fo mit der Styl Information Ein Klick auf ein Element in der Statusleiste markiert dieses in der normalen Ansicht wenn Sie dann in die Quelltextansicht wechseln bleibt die Markie rung erhalten Auf diese Weise vereinfacht sich die Navigation in der Quelltextansicht Anmerkung Die Abbildung zeigt die Symbole wie sie erscheinen nachdem Kompozer frisch installiert wurde Sie k nnen den individuellen W nschen entsprechend anders ar rangiert werden Siehe Abschnitt 9 3 Wenn dies der Fall ist kann einiges im Folgenden schwer nachzuvollziehen sein Um die Voreinstellung wieder herzustellen klicken Sie auf Ansicht Anzeigen Verstecken Symbolleisten anpassen Bearbeitungssymbolleiste Standard wiederherstellen und wiederholen Sie den Vorgang f r die Format Symbolleiste Mit einem Rechtsklick auf ein Symbol k nnen Sie die dazugeh rende Symbolleiste anpas sen 3 2 Erstellen einer neuen Seite
75. Symbolleiste reicht so immer bis zum rechten Fensterrand Mit dem DropDown Feld Zeige k nnen Sie w hlen ob nur Symbole nur die Symbolbe schriftung oder beides angezeigt wird Mit dem Kontrollfeld rechts daneben bestimmen Sie ob kleine oder gro e Symbole anzeigt werden Diese Einstellungen gelten immer nur f r die gerade bearbeitete Symbolleiste Die folgende Liste zeigt die Schaltfl chen die in den Kompozer Symbolleisten vornanden sind Die Schaltfl chen befinden sich normalerweise in den bezeichneten Symbolleisten Einige Buttons sind m glicherweise nicht in der Standardeinstellung vorhanden In diesem Fall kann die Symbolleiste wie oben beschrieben individuell angepasst werden Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 109 Kompozer Symbole der Bearbeitungssymbolleiste 7 _ Neue Seite 7 Lokale Da Se erstellen G tzen tel ffnen OREA Vorschau im A y 5 R ckg ngig P Warschau Browser R ckg ngig Wiederherstellen Link einf em Grafik ein DZ Link gen Grahk f gen Tabelle CSS Editor Sascades Symbole der Format Symbolleiste H Hervorhebung a EZ CS Einzug ver FE Einzug gr ern gt verkleinern E Text bzw Farbe f r Es E Hintergrund di Texthervor A farbe hebung B Fett I Kursiv U Linksb ndig Blocksatz bE E Tasten auf unbenannter Symbolleiste zweiter Teil der Formatsymbolleiste Nach vorne a el bringen m mm mm mm e m 57 Am rechten ka Ze
76. Typ texticss Deaktiviert _ Stylesheets deaktivieren wird nicht gespeichert URL De Eigene 20Dateien _webs nwujtiere steilschiet cs Ces Media Liste all Nummer der Regeln Wenn das externe Stylesheet angelegt wurde k nnen Sie dort Regeln anlegen wie in ei nem internen Stylesheet Wenn wir interne Styles verwenden werden sie auf unserer Seite im HEAD Abschnitt ein getragen Jetzt werden die Styles in einer externen Datei eingerichtet Wenn Sie in die Quelltextansicht schauen sehen Sie eine Zeile die sich auf die externe Datei bezieht und sie dadurch mit Ihrer Seite verbindet lt link rel stylesheet href steilschiet css type text css gt Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 81 Kompozer 4 2 4 2 ndern Sie ein internes Stylesheet in ein externes Stylesheet Wenn Sie bereits Ihre Seite mit internen Styles versehen haben k nnen Sie sie in ein ex ternes Stylesheet umwandeln und mit dem Dokument verbinden 1 Offnen Sie den CSS Editor 2 Im Fenster Sheets und Regeln markieren Sie das Stylesheet 3 Klicken auf der Allgemein Registerkarte auf Stylesheet exportieren und auf ex ternes Stylesheet umstellen Der weitere Vorgang wurde bereits weiter oben beschrieben 4 2 4 3 Verbindung Sie mit einem vorhandenen Stylesheet Wenn Sie ein Stylesheet verwenden m chten das Sie f r eine andere Seite geschrieben haben k nnen Sie Ihre Seite mit dem externen Stylesheet verbinden Verbinden
77. a Formularname Kontaktformular SE Aktioris URL mailto infomweiss nix E EE A EE ll ktions URL mailto info weiss nid Methode Post I r Methode post 3 OS a Weniger Eigenschaften e Mehr Eigenschaften Kodierung text plain ziel Frame E e Formular entfernen Erweitert gt Erweitert MEM Abbrechen OK Abbrechen 6 Klicken Sie auf OK Das Formular wird auf der Seite mit einem gestrichelten Rahmen angezeigt Nun tragen Sie feste Texte und Formularfelder in den Formularbereich ein 1 F gen Sie auf dem Formular berschriften Abs tze und Bilder ein Das Einf gen der Felder in ein Formular kann etwas knifflig sein Es ist manchmal einfacher zu erst etwas blinden Text als Platzhalter zu setzen und ihn sp ter zu l schen Es empfiehlt sich hier der Einsatz von Tabellen 2 Wo Formularfelder eingef gt werden m ssen markieren Sie die betreffenden Platz halter und klicken Sie auf den DropDown Pfeil an der Seite des Formular Button und w hlen Sie die erforderliche Feldvariante ei 7 Formular Rechtschreibung Formular definieren de Formularfeld Formulargrafik GI Textfeld Auswahlliste Schaltfl che definieren E H Beschreibung definieren Felderbereich definieren Indexsuche j 3 Geben Sie jedem Feld einen eindeutigen Namen 4 Jeder Feldtyp ben tigt spezifische Z
78. abefeld erlauben die einfache Feinjustie rung In den meisten F llen kann die Auswirkung in Echtzeit im Editorfenster beobachtet werden Puffer Float l sst Bl cke wie Bilder behandeln und positioniert sie an der rechten oder linken Seite eines Dokuments oder zum Rand des umgebenden Blockes Andere Elemen te k nnen diese Bl cke dann umflie Ben Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 74 Kompozer Position Offset und Z index sind die Parameter die sich auf dem Gebrauch von Layer beziehen Diese sind in Abschnitt 3 10 6 behandelt worden 4 2 2 Styling mehrerer Elemente Anstatt Styles f r ein Element nacheinander einzustellen kann es einfacher sein mehrere gleichzeitig zu bearbeiten M glicherweise sind alle Ihre berschriften in einer Schriftart z B Serif und alle anderen Elemente in einer anderen Sans Serif Sie k nnen h1 h2 h3 h4 h5 und h6 als Serif Schriftart in einem einzelnen Arbeitsgang bestimmen und im Eingabefeld die Tags auflisten und durch Kommata trennen Sp ter k nnen Sie z B die Gr e jeder einzelnen berschrift einzeln mit einer eigenen Regel festlegen CSS Stylesheets t 4 Algemein Hintergrund Box Listen T ne Mene Style Regel C Stvyle Regel f r Elemententyp Zb h2 Style Regel einer Klasse zB meineklasse Neu erstellen einer C Individuelle Style Regel Bearbeiten EE 2B Xheader Erweiterte Individuelle Style R egel 26 div header a hower h
79. ach Einstellungen Verbindung J Proxys f r den Zugriff auf das Internet gt A konfigurieren Yerbindungs Einstellungen Schriftarten Allgemein Ee O Manuelle Proxw Konfiguration en HTML Sprache HTML 4 O XHTML 1 HTTP Proxy Port Seiteneinstellungen G Gi SCH DTD O Transitional Strict SSL Praxy po Port Uu Verhalten der ENTER Taste S 1 ETP Proxy Pot ENTER Taste in einem Absatz erzeugt immer einen neuen Absatz Echtzeit Rechtschreibpr fung SOCKS Host Ki Port 1 Unterstreiche falsch geschriebene W rter Spezielle Zeichen kein Proxy f r Die folgenden Zeichen als Entities ausgeben Nur amp lt gt und nicht umbrechbare Leerr ume K Beispiel mozilla org 192 168 1 0 24 C Keine Kodierung von gt ausserhalb von Attributen O Automatische Froxy Konfigurations URL C Keine Kodierung von Spezialzeichen in Attributen A ATRIO OK Abbrechen Abbrechen Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 107 Kompozer HTML Die HTML Sprache und der DocType kann nach Belieben gesetzt werden Wir empfehlen jedoch Strict Anmerkung Wahrscheinlich w re diese Einstellung besser aufgehoben im Register Sei teneinstellungen brigens werden bereits bestehende Seiten nicht ge ndert ENTER Taste in einem Absatz erzeugt immer einen neuen Absatz Die Wirkung der ENTER Taste in oder am Ende eines Absatz beschreibt die folgende Ta belle a le FE EHE
80. ada tia 114 10 31 E e Se Cicas a a 114 10 92 Hochladen eee ic 115 TI ul ue EE 117 A1 A A A 117 A2 RETO Iza diia 119 A3 DOcWDes na ar en ieiin 119 A3 1 EIDIEINNG a ee ernennen 119 A3 2 Unterst tzte DOCS ui NA A A 119 A3 3 Unterschiede zwischen Transitional und Strict DTD 120 A3 4 Dis Wahlvon Sprache und DIE Dis it E 120 A3 5 KOMPOZETLS NOGIICHKEIEN ai nk 121 A3 6 BEOWSEF REAKUONEN WEE en 122 A4 Installation von Kompozer und seiner Erweiterungen uuusssessnsenennnnennennennennnn nennen nnennne nennen nennen 122 A4 1 KOMPOZEr installeren a AA 122 A4 2 Remstallation Axa lIS O accua is a a ti aos 123 A4 3 EnWelterungen installere ui daa dali iaa 124 AA A Beigl E EE 124 A5 REevISIONSOESCHIENTS EE 126 MB Zelicnencodiennd mesial coca 127 A6 1 EIREENLUN ri a a 127 A6 2 A A ee 127 A6 3 ENCOAMO TOM ratita TE 129 A6 3 1 ASB und LAIA lei WEEN 129 A6 3 2 a T EAEN E KUREN EUER E A 129 Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 4 Kompozer A6 3 3 Universal Character Se lucida 130 A6 3 4 ZEIC En Dee E O EE 130 A6 3 5 ZEICHENFEIETENZEN EE 131 A6 3 6 do ET RE Nr oO O O 132 A6 3 7 SEENEN 133 A6 3 8 Unieode U nterst tzung nes 135 A O 137 AG A Spezielle ZEICHEN E 138 A6 4 1 Entitys oder numerische Zechenreierenzen nnn 138 A6 4 1 1 Ausgabe der folgenden Zeichen 138 A6 4 1 2 Keine Kodierung von gt au erhalb von Attrbuten 140 A6 4 2 Codierung in Attribut Werten szene 140 A6 4 2 1 Keine Kodierung von Spezialzeic
81. altung bzw der Site Manager erlaubt Ihnen die einfache Navigation inner halb Ihrer Website oder zwischen mehreren Sites Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 99 Kompozer Die Seitenverwaltung kann ein oder ausgeschaltet werden durch die Funktionstaste F9 oder ber das Men Ansicht und das Kommando Anzeigen Verstecken Seitenverwal tung Die Seitenverwaltung kann Sites bearbeiten unabh ngig davon ob sie auf Ihrer lokalen Maschine oder auf einem Remote Server liegen Im letzten Fall wenn Sie ber eine Wahl leitung kommunizieren stellt der Site Manager die Verbindung f r Sie her Da Sie im All gemeinen eine Site auf einer lokalen Maschine erstellen und sp ter auf dem Web Server publizieren besch ftigen wir uns zuerst mit den Einstellungen der lokalen Maschine Die Seitenverwaltung stellt eine Site als Verzeichnisbaum hnlich der Ansicht des Win dows Explorers dar Es listet jedoch nur Verzeichnisse auf die Sie speziell als Site einge richtet haben Sie k nnen viele Sites aufbauen sie erscheinen in der Seitenverwaltung ungeachtet des Ortes an dem sie in einem normalen Verzeichnisbaum erscheinen 8 2 Sites erstellen Um eine neue Site wir nehmen an dass bereits Seiten f r die Site produziert worden sind einzurichten ffnen Sie die Seitenverwaltung und klicken auf das Symbol f r Seiten bear E i 4 Seiten bearbeiten beiten rersmazme Nyu Seitenverwaltung Ansicht Alle Dateien Y
82. anguage Geben Sie hier eine Bilddatei ein f r alle Sei select the language you would like to use ten Languages E Deutsch Deutschland de de Die Hauptsprache f r die Seite sollte ange Deutsch Liechtenstein de i geben werden um automatischen Tools wie o s Sprachsynthesizern die Arbeit zu erleichtern Deutsch sterreich de at Viele Sprachen bieten regionale Alternati D nisch da ven w hlen Sie diese oder eine allgemeine Englisen en Englisch Australieri en au Schreibrichtung Englisch Belize en bz A EnglischSrobibritannien en gb dt Ublicherweise kann hier die Voreinstellung _ HA T l l Ka Others e g en bz ar jo Keine Richtung angegeben bernommen werden Die Auswahl der Sprache bestimmt Abbrechen auch die Schreibrichtung Zeichensatz F r westliche Sprachen kann die Voreinstel lung ISO 8859 1 bernommen werden In Zweifelsf llen w hlen Sie UTF 8 Sie finden mehr ber die Codierung im Anhang 6 Anmerkung Die Bezeichnung Zeichensatz ist ungl cklich gew hlt Es sollte Zeichenco dierung hei en Erweitert Proxys f r den Zugriff auf das Internet konfigurieren In den meisten F llen ist die Einstellung Direkte Verbindung zum Internet die richtige Wahl berpr fen Sie die Einstellung durch Klicken auf die Schaltfl che Verbindungs Einstellungen Wenn es n tig ist andere Einstellungen vorzunehmen schauen Sie in der Kompozer Hilfe n
83. ann entweder sichtbar oder un sichtbar sein und die Gitterlinien oder auch R nder k nnen eine beliebige Farbe haben Die Zellen k nnen auch farbige Hintergr nde haben Das Rasterlayout muss nicht regel m ig sein die erste Zeile kann eine Zelle haben die zweite vier die dritte drei Jedoch ist eine Tabelle wenn Sie gerade eingef gt wurde immer regelm ig W3C empfiehlt dass Tabellen nicht lediglich als Mittel zum Dokumentenlayout verwendet werden sollten weil dadurch Probleme bei der Interpretation durch Sprachprogramme Barrierefreiheit entstehen k nnen Au erdem k nnen Tabellen wenn sie mit Graphiken verwendet werden Benutzer dazu zwingen horizontal zu scrollen Das Problem tritt dann auf wenn eine Tabelle auf einem System mit einer gr eren Aufl sung entworfen wurde Um diese Probleme zu minimieren sollten die Designer beim Layout anstatt Tabellen Sty lesheets verwenden HTML 4 01 Spezifikation Abschnitt 11 1 3 6 1 Tabellen einf gen Um eine Tabelle einzuf gen klicken Sie in der Bearbeitungs Symbolleiste auf Tabelle Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 30 Kompozer die Schaltfl che Tabelle 1 Das Tabelle einfugen Fenster erscheint 2 Wenn das Schnell Register gew hlt wurde kann der Mauszeiger ber die Matrix gezogen und bei Erreichen der gew nschten Zeilen und Spaltenzahl die untere rechte Zelle angeklickt werden 3 Die Zellen erscheinen auf dem Schirm mit Tabelle einf gen
84. as Publishing A4 3 Erweiterungen installieren Es gibt eine Anzahl von Erweiterungen f r Kompozer einschlie lich alternativer W rterb cher Erweiterungen werden anders als normale Programme installiert Das Verfahren ist wie folgt 1 Suchen Sie die Webseite auf von der die Erweiterung heruntergeladen werden kann 2 Laden Sie die Erweiterung herunter und speichern Sie diese auf Ihrer Festplatte in dem Sie mit der rechten Maustaste auf den betreffenden Link klicken und w hlen Sie dann Ziel speichern unter Starten Sie Kompozer Extras Erweiterungen Installieren Suchen Sie den Ordner auf in dem Erweiterungsdatei liegt und w hlen Sie die Da tei aus 6 Klicken Sie auf Offnen 7 Schlie en Sie Kompozer und starten Sie ihn erneut aS p Anmerkung Installierte W rterb cher werden im Fenster Erweiterungen nicht aufgelistet Software Installation Eine Website bittet um Installationserlaubnis f r Folgendes Objekt y woerterbuch_deDE_neu_z 0 Nicht signiert Erweiterungen File TE download mozilauwoerterbuch_deDE_n Deutsches DE Sprachpaket 0 7 10 20070830 Kompozer in Deutsch LoremIpsum Nyu 0 3 1 Erstellt einen Lorem ipsum Blindtext B swillige Software kann Dateien auf Ihrem Computer besch digen oder Ihre Privatsph re verletzen Sie sollten Software nur von Quellen installieren denen Sie vertrauen i i Abbrechen Installieren gt e Deinstallieren cI Updater ISEEN Erweil 7
85. as sind Layer Ein Kompozer Tipp sagt Kompozer Tipps O Wussten Sie dass Sie Elemente verschieben k nnen Setzen Sie einfach die Einfligemarke in den Block den Sie bewegen m chten und klicken Sie einmal den Layer Button der Block wird beweglich C Tipps beim Start anzeigen vorheriger n chster schlie en Die Objekte die Layer bilden werden aus dem normalen Dokumentenfluss heraus ge nommen und auf der Seite an absolute Positionen gelegt Diese Positionen k nnen z B im Verh ltnis zum Seitenrand genau definiert werden W hrend Layer dem Webdesigner ein hohes Ma an Flexibilit t bieten enthalten sie je doch auch eine gewisse Komplexit t die Neulinge zun chst abschrecken Dieser Abschnitt ist folglich f r die die sich eingehend mit diesem Instrument befassen m chten Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 48 Kompozer 3 10 2 Layer einrichten 1 Markieren Sie den Block der zum Layer werden soll o 2 Klicken Sie auf den Layer Button in der Formatierungs Symbolleiste 2 E l Layer besitzen Rahmen durch die eine Anderung der Gr e erm glicht wird An der Oberseite des Layers finden Sie einen Handle zur Positionierung gekennzeichnet durch einen Vierfachpfeil Um den Layer zu verschieben klicken Sie den Pfeil an und ziehen Sie an dem Handle Layer m ssen nicht aus einem einzelnen Block bestehen eine beliebige Folge von Ele m
86. benannte Klassen Abschnitt 4 2 3 sind die zwei Haupt Selektoren die f r Styles benutzt werden Ein Selektor kann als Verbindung zwi schen einer bestimmten Styledefinition Deklaration und einem bestimmten Objekt auf einer Seite angesehen werden Anmerkung Nur Klassenselektoren bestehen aus dem Klassennamen und einem voran gehenden Punkt Zus tzlich zu diesen stellt die CSS Spezifikation eine gro e Anzahl von komplexeren Se lektoren zur Verf gung von denen die meisten aber au erhalb des Blickwinkels dieser Anleitung bleiben F r Details sehen Sie in der CSS Spezifikation Abschnitt 5 Siehe An hang 2 Es sollen jedoch in den folgenden zwei Abschnitten zwei Beispiele behandelt werden die h ufiger auch in weniger komplexen Seiten Verwendung finden werden 4 2 5 2 Styles f r Links Browser stellen Hyperlinks in Standardfarben dar Kompozer stellt einige Optionen f r de ren Gestaltung zur Verf gung siehe 3 7 1 6 Durch den Gebrauch von Styles ist vollst n dige Kontrolle ber alle Zust nde eines Links m glich Dieses wird durch die Anwendung von Link Pseudo Klassen erzielt Die wichtigsten Pseudo Klassen sind Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 83 Kompozer f r alle noch nicht besuchten Verbindungen f r Verbindungen die bereits besucht worden sind f r einen Link ber dem der Cursor schwebt Anmerkung Die folgenden Verfahren basieren auf dem Gebrauch der internen Styles heets Ahnlich is
87. benen Tag 3 W hlen Sie aus dem Kontextmen Vorlagen editierbar machen Aus hler Tag ndern vorlagen Editierbar machen I Klassen Inline Styles Quellbest a Worschau Erweiterte Einstellungen d In dem Fenster F gt einen editierbaren Bereich ein geben Sie dem Block einen ein deutigen Namen Klicken Sie die Optionen falls erforderlich an Fuet einen editierbaren Bereich ein E Bereichsname Bitte benennen Sie den editierbaren Bereich Textbereichil J Einstellungen optionaler Bereich _ wiederholebarer Bereich verschiebbarer Bereich Ca lie 5 Klicken Sie auf OK Anmerkung Editierbare Bereiche weiter gestaltet werden als optional wahlweise re peatable wiederholbar oder movable beweglich Bei der sp teren Bearbeitung der Sei te tragen optionale Bereiche ein kleines L schkennzeichen durch welches sie gel scht werden k nnen wenn sie nicht gebraucht werden Wiederholbare Objekte tragen ein Wie derholungs Zeichen das angeklickt werden kann um zus tzliche Kopien hinzuzuf gen Bewegliche Einzelteile werden Layer Siehe Abschnitt 3 10 Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 95 Kompozer Vorlage file Vorlaee mzt KompoZer Datei Bearbeiten Ansicht Einf gen Format Tabelle Extras Hilfe y e 77 e i 7 gt 2 s H Y A o i du E ee A ie Neu ffnen E ta Publizieren Vorschau Drucker R ckg
88. berpr fen A7 3 4 Browser Wenn die Seiten und Stylesheets wie vorgeschlagen entworfen wurden rendern die meis ten Browser diese zufriedenstellend obgleich auch nicht immer vollkommen Zur Zeit des Verfassens dieses Textes Ende 2007 haben die am weitesten verbreiteten Browser Schwierigkeit mit dem Aspekt der Druckstile Als Autor sollte man nicht glauben wirklich bestimmen zu k nnen wie die endg ltige Ausgabe erscheint Web Devout Ref 2 hat eine n tzliche Seite die ber Browser CSS Support ausf hrlich berichtet Die Unterst tzung wird sich zweifellos mit der Zeit verbessern A7 3 5 Entwicklungshilfe Die Leser wissen dass Kompozer einen passablen Browser abgibt Das kann genutzt werden wenn Druckseiten Stylesheets entwickelt werden F r Testzwecke ist es einfach nachdem die Stylesheets in der richtigen Reihenfolge verbunden wurden die Druck Stylesheets in ein allgemeines Stylesheet umzuwandeln durch die Umkehrung des in A7 1 2 1 beschriebenen Verfahrens Nach Schlie en und Neuladen der Datei erhalten Sie dann in der Normalansicht oder der Vorschau die Druckansicht Das Stylesheet kann dann verfeinert werden w hrend Sie das Ergebnis sofort sehen Vergessen Sie nicht wieder auf print zu ndern bevor Sie die Bearbeitung beenden A7 4 Referenzen 1 CSS2 Spezifikation http www w3 org TR CSS21 f hrt in Sektion 7 in Medien ein und deckt seitenorientierte Medien in Sektion 13 ab 2 Web Devout http www webde
89. berpr fen Ein Vali dator Fenster ffnet sich und die Seite wird automatisch an die Uberpr fungsinstanz ge sendet Das Resultat wird im Fenster angezeigt Zuvor kann allerdings noch diese Warnung von Kompozer auf dem Bildschirm erscheinen Damit sie zuk nftig unterbleibt muss das H kchen bei Alert entfernt werden Security Warning The information you hawe entered is to be sent over an unencrypted connection and could easily be read by a third party Are ou sure ou want to continue sending this information Alert me whenever I submit information that s not encrypted Continue Abbrechen Nun kommt aber das Ergebnis der berpr fung Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 113 Kompozer HTML validator File haustiere htmi Content Type text html Encoding 50 565 1 Doctype HIML 401 Transitional THis PAGE Is VALID VL 4 01 TRANSITIONAL T r OF THE DAY lt title gt the most important element of a quality Web page The uploaded file was checked and found to be valid HTML 4 01 Transitional This means that the resource in question identified itself as HTML 401 Transitional and that we successfully performed a formal validation using an SGML or XML Parser depending on the markup language Used weg de show your readers that you have taken the care to create an interoperable Vel page you may display this icon on any page that waliclates Here is the HTML you should use to add this icon t
90. bis herigen Arbeitsweise konnten Sie den Effekt Ihrer Styles sofort auf Ihrer Seite beo bachten wenn Sie eine Seite hatten die die entsprechenden Elemente benutzte Jetzt haben Sie allerdings noch keine Elemente die diese Klassen benutzen also m ssen wir zun chst sehen wie man eine Klasse auf ein Element anwendet 9 F gen Sie Ihrer neuen Klasse einige Details hinzu damit Sie auf dem Schirm auch erkennen dass sie angewendet wird Anmerkung Wenn Sie mehrere Klassen gleichzeitig anlegen m chten m ssen Sie in der Auflistung jeweils den Punkt vor den Klassennamen angeben nur bei dem ersten nicht stil1 stil2 stil3 der wird ja vom Kompozer bereits eingetragen 4 2 3 1 Anwenden der Klassen Kompozer bietet zwei Methoden f r die Zuweisung von Klassen an Methode 1 ist die ein fache manchmal ist es allerdings schwierig die Objekte auszuw hlen dann ist die Metho de 2 vorzuziehen Klasse zuweisen Methode 1 1 Schlie en Sie den CaScades 2 Markieren Sie das Objekt dem die Klasse zugewiesen werden soll Bei einer berschrift oder einem Absatz klicken sie einfach in den Text Wenn nur ein Teil dieses Textes Inline section bearbeitet werden soll muss er markiert wer den Dadurch wird die Klasse einem lt span gt Tag zugewiesen 3 Benutzen Sie jetzt den DropDown Pfeil am Klassenauswahlfeld am linken Ende der zweiten Formatierungs Symbolleiste Dort ergibt sich eine Auswahlm glichkeit Sie k nnen hier auch mehrer
91. bl tter eines Kar teikartensystems emulieren Dadurch erhalten Sie einen schnellen Zugang zu einem Teil der Einstellungsdaten Wenn ein Register angeklickt wird erscheint eine neue Anzeige innerhalb des glei chen Fensters Der erste Teilname einer Styleregel Kann angesehen werden als Name der Regel Ein Kasten versehen mit kleinen Quadraten Handles der in Kompozer um einige Objekte erscheint wenn sie angeklickt wer den Siehe auch Handle Eine Textdatei die auch Teil einer Seite sein kann die die Positi on die Erscheinung oder das Verhalten einiger oder aller HTML Elemente beschreibt aus denen die Seite besteht Einige bei der Entwicklung von Seiten verwendeten Begriffe werden im abschnitt 4 2 1 erkl rt Siehe Deprecated Die Tabulatortaste emuliert dieselbe Taste auf einer Schreibma schine Da es Tabulatoren im Web aber nicht gibt erzeugt diese Taste nur drei non breaking spaces Ein Teil des Codes in einer Webseite der f r ein Element steht Gew hnlich hat jedes Element einen Anfangs Tag und einen End Tag Tags enthalten die Abk rzung des Elementnamens und wer Version 1 01 vom 07 06 2008 Seite 118 Kompozer den mit spitzen Klammern eingerahmt Z B lt p gt und lt p gt Transitional Siehe Deprecated UCS Universal character set Enth lt etwa 100 000 Zeichen Der Transport von Webseiten von Ihrem lokalen Computer zum Upload Server des Presence Providers Uniform Resource Locator Die Netzadress
92. chen Tipp ID Namen m ssen mit einem Buchstaben beginnen ansonsten k nnen Sie diesel ben Zeichen verwenden wie in Klassennamen Ein ID anwenden Obwohl im Prinzip IDS den Klassen hneln ist es nicht m glich einen id ber das Klas senauswahlfeld zuzuweisen Der anzuwendende Methode ist aber einfach 1 Schlie en Sie n tigenfalls CaScadeS 2 Klick Sie auf den DIV Bereich auf den Sie den ID anwenden m chten 3 Auf der Statusleiste klicken Sie auf das lt div gt Tag Wenn es mehr als einen gibt w hlen Sie das am weitesten rechts stehende aus Sowohl das ID als auch der In halt des div sollten hervorgehoben werden 4 Ohne den Cursor zu bewegen dr cken Sie die rechte Maustaste und w hlen aus dem Kontextmen d aus 5 W hlen Sie aus der Liste den gew nschten ID per Klick aus Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 86 Kompozer Ausw hlen Tag entfernen Tag ndern al er i Ketten klassen bies Inline Styles e Erweiterte Einstellungen 4 3 L schen von Styles Der CSS Editor erlaubt Ihnen Styles auch wieder zu entfernen In den Sheets und Regeln Fenster w hlen Sie die Regel die Sie entfernen x m chten und klicken auf die Schaltfl che Entfernen Auf hnliche Weise k nnen Sie ein Stylesheet entfernen W hlen Sie das Stylesheet und klicken Sie auf Entfernen Wenn Sie ein internes Stylesheet vorw hlen wird es vollst ndig aus der Datei gel scht Wenn Si
93. chnis Entfernen 3 13 3 Methoden Kompozer bildet das Inhaltsverzeichnis wahlweise als nummerierte oder unsortierte Liste Siehe Abschnitt 3 4 4 Diese Listen k nnen geschachtelt werden um die erforderte Struktur zu erreichen Das bedeutet dass jedes Niveau im Verh ltnis zu dem vorherge henden einger ckt wird Die Einr ckung kann mit Styles ge ndert werden die die OL oder UL und LI Elemente formatieren Die erforderlichen Anderungen bei den Box Eigenschaften betreffen die R nder und die Abst nde Abschnitt 4 2 1 4 Alle Anderun gen dieser Eigenschaften wirken sich auch auf die brigen Listen auf der Seite aus nicht nur auf das Inhaltsverzeichnis Damit die Links auch funktionieren wird f r jede in der Tabelle verzeichnete berschriftein Anker automatisch hinzugef gt wenn die Tabelle erstellt oder aktualisiert wird Das L schen des Verzeichnisses entfernt auch alle Anker 3 14 Der HEAD Bereich Jedes HTML Dokument beginnt mit einem lt HEAD gt Bereich Dieser stellt Informationen f r Browser und Suchmaschinen zur Verf gung die aber auf der Seite unsichtbar sind Die im HEAD eingeschlossen Punkte stammen aus einer Vielzahl von Quellen Diese k nnen sein e Doctype Einstellungen f r diese Seite Abschnitt 3 2 1 Punkte aus den Einstellungen f r neue Seiten Abschnitt 3 3 1 Schlie t Au tor und Sprache ein e Definitionen von Titel Autor Beschreibung Sprache Schreibrichtung Zei chensatz die ber
94. cht als Entitys oder numerische Zeichen Referenzen codiert A6 4 2 1 Keine Kodierung von Spezialzeichen in Attributen Ein Beispiel soll dazu dienen dieses zu illustrieren Das Table Element hat ein Attribut summary und k nnte vielleicht so erscheinen lt table summary Resum of results gt Das Attribut ist summary und der Wert ist Resume von Ergebnissen Wenn die Zeichen als Entitys verschl sselt werden w rde die Quelle so aussehen lt T able summary Resum amp eacute of Results gt Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 140 Kompozer Noch w ster sieht die Quelle aus wenn die Zeichen als numerische Referenzen ver schl sselt wurden lt Table summary Resum amp 233 of results gt Die Ausgabe auf dem Schirm ob durch einen Property Inspector z B der Web Developer oder in der Statuszeile des Browser Fensters wird normal sein aber diejenigen die viel in der Quellansicht arbeiten werden es vorziehen nicht derart zu codieren Ihnen wird empfohlen das Kontrollk stchen zu markieren Keine Kodierung von Spezial zeichen in Attributen es sei denn dass Sie gute Gr nde haben dieses nicht zu tun Wenn es sich bei dem Attribut Wert um eine URL Adresse ist wird die im folgenden Ab schnitt vorgeschlagen Methode zur Codierung empfohlen A6 5 URL Codierung A6 5 1 Prozentzeichen Codierung Spezielle berlegungen betreffen Zeichen in einer URL Adresse URLs k nnen als der Wert eines Attributes in
95. connonocononconononnnananos 44 absolute Boston 48 Alan Wood 134 AllChare een 133 Altermativtext oooocoonccnocccnocononcnnnccannacorononanos 28 Anifassger Siehe Handle Siehe Handle Anne ee 51 32 AO raid tens 40 41 ASCII aseos 58 AUSTICOUNO dean 30 32 72 AO e 58 B Basic Multilingual plane 131 Bearbeitungs Symbolleiste 7 9 30 41 59 Bild ausrichten 2 2000000 30 Bildeigenschaften 200 29 DUE arista 27 44 Block oocoococcoccocnccncc 17 19 49 69 92 94 eege 54 56 67 Ile ne 92 94 20 53 73 74 117 button 84 Button 116 C RT TEE 84 Keesen 61 63 116 Cazenave Fab en ooccoccoccccnccnncnnnnncnnccn 155 A 116 D DA EE 8 63 94 DEIA ON iaa 116 118 Deklaration ocooccoccnccnccnccnccnccnnccnnnnnnns 82 118 Don dee A 116 117 118 Dicc 57 87 88 Prack ercran 16 PID A 116 118 E Editiermodus Symbolleiste 9 SS A 102 Kompozer Anleitung Version 1 01 vom 07 06 2008 Element 16 23 59 62 82 84 116 Eschette SCAS 40 EXISTO DES ricino 63 externe Stylesheets ooommmmmmssionioririacoss 64 F Farbe 14 17 30 42 53 54 59 71 72 97 Si AAA en 71 Pe esmas 102 116 HOM sie 69 Format 7 t Swvmbollegte 9 formatieren 16 17 20 23 48 103 AAA 30 46 84 EES 45 G Geschiitzte Leerzechen 22 23 lee 21 H A EEE 49 117 HERD
96. de Wahlm glichkeit bietet eine Reihe von 3 Schriftfamilien mit hnliche Eigenschaften Die Optionen sind Arial Helvetica sans serif proportionale Sans Serif Schriften Times Times New Roman serif proportionale Serif Schriften Eigentlich bietet jede Liste nur zwei Schriftfamilien der dritte Eintrag ist die Angabe des generischen Schrifttyps Die Browser suchen nach der ersten Schriftart wenn sie auf dem Computer des Betrachters nicht gefunden werden kann wird nach der zweiten gesucht und wenn auch diese nicht gefunden wird benutzt der Browser eine Schriftart des generi schen Typs den letzten Eintrag Auf diese Weise wird immer etwas Passendes gefunden Benutzerdefiniert ist mit extremer Vorsicht zu verwenden In der angebotenen Liste wer den alle Schriftarten aufgef hrt die auf Ihren Computer installiert sind Wenn Sie eine w h len die nicht auf dem Computer des Besuchers vorhanden ist haben Sie keinen Einfluss darauf welche Schriftart wirklich verwendet wird Andererseits wenn Sie sorgf ltig vorgehen haben Sie die M glichkeit einen eigenen Satz f r die Vordefiniert Option zu kreieren Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 68 Kompozer Einen Font Set bilden Beachten Sie die Struktur der Vordefiniert Sets Die Listen werden gebildet durch Schriftar ten die durch Kommata getrennt werden und immer mit einem generischen Typ Serif Sans Serif oder Monospaced enden 1 W hlen Sie Benutzerdefin
97. den lt p gt Marker in der Statuszeile Dadurch wird der Absatz markiert Danach k nnen Sie mit einen Rechtsklick wie oben verfahren Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 20 Kompozer 3 4 4 Listen Wenn Sie eine Liste von Aussagen haben k nnen Sie sie zu einer Aufz hlung oder Num merierung umwandeln Anmerkung Listen werden durch zwei HTML Elemente konstruiert e lt OL gt Ordered list leitet eine nummerierte Liste ein deren Punkte durch lt LI gt lt LI gt eingeschlossen sind e lt UL gt Unnumbered list hat dieselbe Funktion f r eine unsortierte Liste 3 4 4 1 Nummerierte und unsortierte Listen Eine Liste neu beginnen 1 Klick Sie auf einen der Listen Buttons Nummerierte Liste oder unsortierte Liste in der Format Symbolleiste 2 Schreiben Sie den ersten Satz 3 Dr cken Sie Enter und schreiben Sie den n chsten Satz d Um die Liste zu beenden dr cken Sie in der letzten leeren Zeile erneut Enter Einen existierenden Text in eine Liste umwandeln La m D 1 Markieren Sie den Text 2 Klick Sie auf einen der Listen Buttons in der Format Symbolleiste Der Text wird in eine Liste umgewandelt wobei f r jeden Absatz ein Listenelement gebildet wird Punkte einer Liste hinzuf gen 1 Klicken Sie in dem letzten Absatz der Liste auf das Ende der Zeile 2 Dr cken Sie Enter und schreiben Sie den neuen Absatz Die Nummerierung und das Format werden von dem vorausgehenden Absatz bernom
98. der internen oder verlinkten Stylesheets zu ver ndern h lt man sich an folgende Schritte e CaScades starten e Im Sheets und Regeln Fenster auf ein Stylesheet klicken e Klicken Sie auf den Nach Unten oder den Nach Oben Pfeil A7 3 2 Inline Styles Allgemein gilt dass Styles f r Druckmedien nicht als Inline Styles angewandt werden k n nen M gliche Ausnahmen sind die page break Eigenschaften Diese gelten nur seiten orientierte Medien und sind deshalb bedeutungslos f r den Bildschirm und die meisten an deren Ger te jedoch sind sowohl Druck als auch Projektion paginierte Medien und k nnen daher unterschiedliche Umbr che erfordern Die Cascading Regeln diktieren dass Inline Styles gegen ber allen anderen Priorit t ge nie en Autoren werden Inline Styles wohl sparsam anwenden und anders als oben ange f hrt es vermeiden irgendwelche Styles anzugeben die nicht f r alle Medien gelten Inli ne Style Deklarationen werden alle Druck Styles bersteuern Jede Deklaration die Probleme ergeben k nnte muss vermieden werden Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 151 Kompozer A7 3 3 Bilder Floats und Seitenumbruche Hier sind einige der Probleme auf die Sie treffen k nnten wenn Sie den Ausdruck Ihrer Seiten berpr fen wollen Einige r hren zweifellos vom schlechten Support f r Druckme dien die die Browser bieten gegen Ende 2007 andere k nnen in der CSS Spezifizierung durch eine unzul n
99. die Breite und die Farbe f r den oberen Rand ein Wenn alle R nder das gleiche Aussehen haben sollen klicken Sie auf OK Anderenfalls entfernen Sie das H kchen und legen die Einstellungen f r die anderen Seiten einzeln fest Diese Methode deckt allerdings nicht alle M glichkeiten der Rahmengestaltung wie z B das Padding ab Anmerkung In der HTML Tag Ansicht sehen Sie dass der umrahmte Block in einen lt div gt Bereich eingef gt wurde Der Rahmen wird dem lt div gt zugewiesen Wenn Sie meh rere Bl cke gemeinsam umrahmen werden sie zusammen in den lt div gt Breich aufge nommen Sli iel fier steht ein Rahmen afHoch ein Rahmen 3 12 Der Body Bereich Der Body ist der Hintergrund auf dem die komplette Seite basiert Eigentlich kann der Bo dy f r die Seite selbst gehalten werden Normalerweise ist er f r die Designer relativ be langlos aber es gibt einige Situationen in denen er wichtig ist Der Body kann die Hintergrundfarbe oder ein Hintergrundbild enthalten das hinter der Sei te liegt So kann das gesamte Aussehen einer Seite durch diesen Body Tag ma geblich beeinflusst werden Den Hintergrund einstellen 1 Klicken Sie mit der rechten Maustaste auf den lt Body gt Tag in der Statuszeile Der gesamte Text wird markiert 2 W hlen Sie im Kontextmen Inline Styles Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 54 Kompozer 3 Im Dialog gehen Sie zum Registerblatt Hinte
100. e Klassen einem Element zuweisen Ein Abwahl einer be Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 77 Kompozer reits angewandten Klasse geschieht durch das erneute Anklicken in der DropDown Liste 4 Das Resultat der Klassenzuweisung kann in jeder Ansicht berpr ft werden Anmerkung Obwohl Kompozer kein Browser ist emuliert es die Browser Darstellung recht gut Jedoch werden Styles die Links zugewiesen werden noch nicht korrekt darge stellt Klasse zuweisen Methode 2 Anmerkung Diese Methode kann nicht auf so genannte Inline section mit lt span gt Tags angewandt werden 1 Schlie en Sie den CaScades 2 Schalten Sie um auf die HTML Tags Ansicht 3 Klicken Sie auf eine der gelben Markierungen auf der Seite Dadurch sollte das entsprechende Element markiert und in der Statusleiste sollte der Tag hervorgehoben werden d Wenn das Element nicht markiert wurde dr cken Sie die Strg Taste w hrend des Vorgangs 5 Klicken Sie mit der rechten Maustaste in der Statusleiste auf den Tag und w hlen im Kontextmen Klassen 6 Sie sollten Ihre eben definierte Klasse im PopUp Men sehen Wenn Sie mehrere definiert hatten bietet sich Ihnen eine Auswahl an Das schlie t interne und externe Stylesheets ein Klassen die bereits auf das Element angewandt wurden werden mit einem H kchen oberhalb einer Trennlinie aufgef hrt die anderen darunter 7 Klicken Sie die Klasse an Ihr Style wird sofort angewandt Absa
101. e ein externes Stylesheet entfernen wird die Verbindung zu Ihrer Seite irreversibel entfernt wird die externe Datei wird allerdings nicht gel scht 4 4 Vererbung Vererbung von Styleeigenschaften verschafft unter Umst nden Vorteile andererseits kann sie aber auch f r Verwirrung sorgen Eine Webseite hat eine hierarchische Struktur z B Text in einer Tabellenzelle rangiert unter der Tabelle Sie sehen diese Struktur andeutungsweise in der HTML Tag Ansicht Das bedeutet dass die Styleeigenschaften die auf einer hohen Ebene in der Struktur z B auf Body Ebene eingestellt sind auf allen unteren Ebenen angewendet werden es sei denn sie sind dort anders formatiert Eine Schriftfamilie die dem Table Element zugewie sen wurde wird berall in der Tabelle verwandt Wenn Sie aber einen Absatz in die Tabel le einschlie en und eine andere Schriftart f r das p Element bestimmen wird das ange wandt Im Abschnitt 4 2 1 1 haben Sie bereits eine kleine Demonstration dieses Effekts gesehen Die Vererbung ist sehr n tzlich weil sie erlaubt Eigenschaften einmal in einem Stylesheet zu setzen anstatt das bei jedem Element vorzunehmen das in der Hierarchie folgt Sie m ssen eine detaillierte CSS Beschreibung zu Rate ziehen um zu erfahren was ver erbt wird und was nicht ist Z B den Anhang F Full property table der CSS2 1 Spezifikati on Aber im Allgemeinen k nnen Sie annehmen dass alle Eigenschaften mit Ausnahme von Hintergr
102. e ein internes Stylesheet in ein externes Givlecheet nenn 82 4 2 4 3 Verbindung Sie mit einem vorhandenen Stylesheet nnnnnnannnnnneannnnnnnnnnnennnnnnnosnnnenenennenee 82 4 2 4 4 Slyleshieels speichern anne ee nenn o o 82 4 25 ne SA A 83 4 2 5 1 EECHER 83 Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 3 Kompozer 4 2 5 2 A ie 83 4 2 5 3 Siles tur Form larelemente casta di een 85 4 2 5 4 A sera 85 EN e EE 87 An Pe e a 87 4 5 Was DIS Ele Melero tr s 87 4 5 1 ENCENDER nro 88 45 2 Styles innerhalb eines DIV en 89 4 53 ElLayer mitDIV einrichlen sn iia 90 5 OK IPIE een 91 6 EINIUGEN ae ee 91 7 NEE 93 LA WaS Sima Vo lada ltda 93 7 2 Erstellen einer neuen Vorlage AE 94 7 3 Vorlagen Speichel WEE 94 7 4 Eine Seite als Vorlage speichern oooonncccnnccccccccnnncnnnnnconononnnnnnnnnononnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnenan 94 7 5 Vorlagendetails emtchien nn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnennnnnnnnnnn 95 7 6 Verwenden der Vorlagen siii is 97 7 7 Andera der Vorlagen susana 99 8 Kompozer seitenverwallung aii id 99 A 99 ET EE 100 8 3 Gte Managertunktonen EE 101 A A 102 9 let DEE 103 G We ene LEE 103 9 2 Bearbeiten der Einstellungen un ee ee 104 AS A E AA o O ee a 109 10 Das Web Vero Cat e CN 111 10 1 PnU ArU dad 111 10 2 berpr fung Validierung einer Gite 112 10 2 1 Quelo saub aa re ns 112 102 2 BEOWSEIKOMPAUDI EE 112 1023 el EE le EE 113 10 3 vero Mente air
103. e einer Seite oder ei URL nes anderen Objekts World Wide Web Consortium http www w3 org World Wide Web Consortium http www w3 org Ein Konsortium W3C der 500 gr ten IT Gesellschaften die zusammenarbeiten bei der Definition von Spezifikationen und Empfehlungen f r Sprachen wie HTML und CSS im Interesse der problemlosen Zusammenar beit vom Ger ten Betriebssystemen und Medien A2 Referenzen HTML 4 01 Spezifikation englisch http www w3 org TR html4 cover html deutsch http www edition w3c de TR html4 Spezifikation CSS2 http www w3 0rg TR CSS21 W3C http www w3 org HTML Validator http validator w3 org CSS Validator http jigsaw w3 org css validator Kompozer download site http www Kompozer com download html A3 Doctypes A3 1 Einleitung Doctype kurz f r Document Type Declaration teilt einem Browser mit welche Document Type Definition DTD zu verwenden ist um eine Seite zu interpretieren Der Doctype schlie t auch den URL einer Datei mit ein welche die DTD Details enth lt Der Doctype muss in der ersten Zeile des Seiten Codes erscheinen Anmerkung Tats chlich kann dieser Angabe auf einer XHTML Seite eine XML Deklaration vorausgehen das kann aber Probleme mit einigen Browsern ergeben Kompo zer f gt diese Deklaration nicht ein Dateien ohne XML Deklaration nutzen UTF 8 Zeichencodierung A3 2 Unterst tzte Doctypes Die Doctypes die von Kompozer unterst tzt werden sind HTML Transitional
104. earbeitungs Symbolleiste dadurch wird das Grafik Eigenschaften Fenster ge ffnet 3 W hlen Sie das Erscheinungsbild Register 4 W hlen Sie ber das DropDown Feld Text an Grafik ausrichten die gew nschte Ausrichtung 5 Klicken Sie auf OK Alternativ k nnen Sie das Bildeigenschaften Fenster auch durch einen Doppelklick auf das Bild und die folgende Anwahl der Format Grafik Eigenschaften bzw durch Rechtskli cken auf das Bild und dann Auswahl von Grafik Eigenschaften aus dem Kontextmen aktivieren Testen Sie die verschiedenen Optionen Der Text der dort beginnt wo das Bild eingef gt wird flie t um das Bild herum Sie k nnen den kompletten Absatz um das Bild flie en las sen Klicken Sie das Bild an und ziehen Sie es zum Anfang des Absatzes Bilder zu bewe gen ist einfach Sie finden vielleicht die drei ersten Optionen etwas verwirrend Sie beziehen sich die auf Position des Textes im Verh ltnis zu dem Bild nicht auf die Position des Bildes im Verh lt Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 29 Kompozer nis zum Text Es gibt keine M glichkeit das Bild in die Mitte der Seite zu setzen und den Text herumflie en zu lassen Tipp Die beschriebene Methode positioniert das Bild innerhalb eines Absatzes Sie k n nen es vorziehen das Bild direkt in den Body zu stellen wenn Sie mit der Anwendung von Styles vertraut sind Sie k nnen direkt einf gen nach der Methode die in dem Tipp im Ab schnitt 3 16 besc
105. eitshalber Kompozer neu starten damit die Rechtschreibung mit dem neuen W rterbuch funktioniert 3 4 9 Textansicht Das Hauptfenster in dem der Text editiert wird fungiert hnlich wie ein Browser Daher kann die Textgr e in unterschiedlichen Stufen das hat keinerlei Auswirkungen auf den Code angesehen werden Benutzen Sie das Kommando Ansicht Textzoom ein Dieses hat allerdings keine Auswirkung in der Quelltextansicht Mit Kompozer ist es einfach Bilder in Ihrer Seite einzuf gen Browser akzeptieren Bilder in drei Formaten GIF JPG oder PNG Sie k nnen ein Grafikprogramm benutzen um Ihr Bild in ein verwendbares Format zu verwandeln Sie k nnen ein Bild einf gen das sich irgend wo auf Ihrem Computer befindet Es ist m chten entweder im gleichen Ordner in einem Unterordner Erstellen Sie jetzt ein neues Dokument als Sie die erste Seite erstellten Jetzt s aber empfehlenswert alle Bilder die Sie benutzen Verzeichnis wie Ihre Webseiten zu speichern oder Verfahren Sie genauso wie Sie es vorhin taten ollten Sie zwei Seiten haben die sich durch zwei Register an der Oberseite des Fensters identifizieren lassen Sie k nnen zwischen den Dokumenten wechseln indem Sie die Register anklicken Geben Sie Ihrer neuen Seite einen Titel wie Bilder Schreiben Sie einen l ngeren Absatz der aus einigen S tzen be steht Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 27 Kompozer 3 5 1 Einfuge
106. el ausw hlen Link Eigenschaften Sie k nnen auch Spr nge zu den Seiten ande we rer Websites einrichten Sie m ssen nur den A EEN vollen URL Internetadresse in das Feld Link Tea f Adresse eingeben Vergessen Sie dabei nicht die Angabe des Protokolls wie z B http oder ftp und den Doppelpunkt und die beiden ER Schr gstriche slashes Achten Sie wieder auf zel Gro und Kleinschreibung Das Kontroll gaii k stchen URL ist relativ zur Seitenadresse A erste oire Ten kann nicht angekreuzt werden Wenn Sie auf SC E Be die Schaltfl che Mehr Eigenschaften klicken A ee re vergr ert sich das Dialogblatt Sie k nnen a T dann u a bestimmen ob die verlinkte Seite in e ee TT 1 einem neuen Browserfenster erscheint oder Ihre Seite ersetzt Dazu klicken Sie auf Link wird ge ffnet und w hlen dann mit dem Drop Down Pfeil das Ziel aus Sie sollten es vermeiden beim Sprung zu anderen Seiten benannte Anker zu verwenden Beschr nken Sie sich auf die Verbindung zu der Homepage normalerweise index htm Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 42 Kompozer Voraussetzung f r eine Verlinkung zu anderen Seiten oder Ankern ist dass der Webmas ter die Struktur der Site nicht neu ordnet In diesem Fall werden Ihre Besucher beim Ankli cken der Links mit nicht funktionierenden Verbindungen konfrontiert 3 7 1 6 Hyperlinkfarben Links werden normalerweise unterstrichen und in Blau dargestellt Wenn Sie genau
107. elle erschei nen brigens ist Windows 1252 Code Ref 13 eine m gliche Alternative zu ISO 8859 1 verwendbar f r westliche Sprachen Es erweitert die Zahl der verf gbaren Zeichen auf 218 durch die Neuzuweisung einiger Codes im Bereich von hexadezimal 80 zu 9F der nor malerweise unbenutzt ist Die Website von Alan Wood Ref2 ist eine n tzliche Quelle die eine Auflistung von Entitys und numerischer Codes f r eine gro e Anzahl von Zeichen von Monotype Typografie Symbol Schriftart wie unter Windows XP einschlie lich Griechisch Mathematisch und Zeichensetzung Ref6 und auch f r Microsoft Wingdings Ref 7 anbietet F r Wingdings gibt es in mehreren F llen keine Unicode Entsprechung A6 3 8 Unicode Unterst tzung Obwohl Unicode ein enormes Potenzial bietet ist es anzuraten Vorsicht bei der Wahl von Schriftarten walten zu lassen Siehe zum Beispiel Abschnitt 4 2 1 1 Aber in jedem Fall ist es wichtig zu berpr fen ob alle Schriftarten in der Liste die erforderlichen Zeichen enthal ten Keine Schriftart deckt die vollst ndige Menge von Unicode ab oftmals sogar nur einen kleinen Prozentsatz davon Um die unterst tzten Unicode Bereiche einer Schriftart zu berpr fen stellt Microsoft eine Erweiterung Ref 12 f r den Windows Explorer zur Verf gung Wenn die Erweiterung installiert Klicken Sie im Windows Explorer mit der rechten Maustaste auf eine beliebige TrueType TTF Schriftart Datei und w hlen im Kontextm
108. elleicht die Tabulatoren HTML unter st tzt sie nicht Wenn Sie in Kompozer die Tabulatortaste bet tigen werden Leerzeichen eingef gt Dadurch ergibt sich selbstverst ndlich nicht der Effekt eines richtigen Tabula tors Die R ume die durch die Tabulatortaste eingef hrt werden werden durch gesch tzte Leerzeichen gebildet Im Quelltext erscheinen sie als amp nbsp Wenn Sie die Leertaste mehr als einmal hintereinander dr cken werden auch gesch tzte Leerzeichen erzeugt Einige Designer verwenden Tabellen siehe Abschnitt 3 6 um eine Tabulator Optik zu erhalten Zeichen einf gen EN Kategorie 0 Akzent grol Akzent klein 3 4 6 Importieren des Textes O dadas andere klein Kompozer unterst tzt nicht das Importieren von Text aus anderen Anwendungen Es ist jedoch m glich Text ber Kopieren in die Zwischenablage und Einf gen in das Dokument zu integrieren In der Normalansicht wird der Inhalt von anderen Webseiten hinein kopiert Das Ergebnis wird gem der in Ihrem Dokument ange Lsehle en 5 bliche Symbole Zeichen yt Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 22 Kompozer wandten Formatierung aussehen jede Wirkung externer Styles des Originaldokumentes geht verloren Siehe Abschnitt 4 Text aus Textverarbeitungsprogrammen wie Microsoft Word OpenOffice im RTF oder DOC Format oder von Texteditoren wie Notepad k nnen ebenfalls kopiert und eingef gt werden Wenn T
109. emein die Option CSS Stile statt von HTML Elementen und Attributen verwenden eingestellt ist damit alle Schaltfl chen wie gew nscht funktionie ren Anmerkung Im Format Schriftart Men sehen Sie drei unterschiedliche Abschnitte Der erste bietet eine Wahl zwischen variabler Breite Proportionalschrift und festen Zeichen abstand monospaced Wenn Sie daraus eine Alternative w hlen sind Sie auf der siche ren Seite bez glich der Darstellung im Browser Der zweite Abschnitt bietet Helvetica bzw Arial Times und Courier an Das sind Schriften mit variabler Breite entweder Sans Serif oder Serif oder Schriften mit festem Zeichenabstand In jedem Fall jedoch wird die Wahl nicht dem Browser berlassen sondern Sie bestimmen welche Schriftart verwendet wer den soll vorausgesetzt sie ist vorhanden Dieses ist die allgemein empfohlene Methode Der letzte Abschnitt bietet eine reiche Auswahl an Schriftarten Dabei handelt es sich aber um eine sehr riskante Wahl da angenommen wird dass Ihr Besucher auch genau die Schriftart auf seiner Maschine hat Die angebotene Liste entspricht den auf Ihrem Compu ter installierten Schriftarten 3 4 3 Text positionieren Im Allgemeinen wird die Position des Textes dadurch festgelegt dass ein Absatz dem vor hergehenden folgt Der Abst nde zwischen den Abs tzen und die ober oder unterhalb der berschriften wird durch den Browser festgelegt Durch die Verwendung von Styles Siehe Abschnitt 4 2 14
110. en den Eigenschaften Eintrag Besondere Zeichen k nnen ber die Zeichentabelle char map exe gesucht werden Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 135 Kompozer Eigenschaften von ARIALA TTE Features Links Description License Dateiinfo j Allgemein Embedding CharSet Unicode version Hinting Font Smoothing Mames Font Encoding Type Unicode 150 10646 2 Supported Unicode Ranges Latin 1 Supplement Latin 1 Latin 4 East Europe Cyrillic Greek Turkish E p na Unicode is a registered trademark of Unicode Inc Abbrechen Die Uberpr fung f r die Unterst tzung ist schwieriger wenn ungew hnliche Zeichen ver langt werden Kompatible Schriftarten m ssen auf dem Computer jedes Besuchers instal liert werden Wenn in einer Formatvorlage die Schriftart Familie als eine vordefinierte Liste von Schriftart Familiennamen angegeben wird wie es sein sollte sollten idealerweise alle Schriftarten in der Liste berpr ft werden Anmerkung Eine Schriftarten Listen f hrt eine Reihe von Schriftarten auf von denen die erste verwendet wird wenn sie auf dem Zielrechner verf gbar Sonst wird die n chste ver wendet usw Es wird nicht berpr ft ob das erforderliche Zeichen in der Schriftart zur Ver f gung steht Selbst wenn die Unterst tzung durch eine Schriftart weiter hinten in der Liste gegeben ist wird auf sie nicht zugegriffen berpr fen Sie die Darstellung einer Seite mit
111. en Cursor in den Block und klicken Sie mit der rechten Maustaste auf den Tag in der Statuszeile W hlen Sie im Kontextmen den Punkt Klassen Durch einen Klick auf die Klasse wird diese abgew hlt Auch mit dem Klassenauswahlfeld in der zweiten Formatierungs Kicken Se auf einen Entra oben um sonen Wert ubeateten intern Symbolleiste k nnen Sie den Style entfernen Dazu u beren klicken Sie auf den DropDown Pfeil und markieren die Klasse die entfernt werden soll Ein weitere M glichkeit bietet sich ber die Erweiterten Einstellungen im Kontextmen des betreffenden Tag in der Statuszeile Im Registerblatt HTML Attribute markieren Sie den Eintrag und klicken auf Entfernen 4 2 4 Externe Styles Es gibt drei M glichkeiten mit externen Stylesheets zu arbeiten Externe Stylesheets wer den in fast der gleichen Weise wie interne Sheets erstellt 4 2 4 1 Erstellen Sie ein neues externes Stylesheet Wenn Sie bislang weder ein internes noch ein externes Stylesheet haben verfahren Sie auf diese Weise 1 ffnen Sie CaScadeS Das Fenster zeigt Ihnen das bereits ein Stylesheet angefer tigt wurde 2 Klicken Sie auf den Namen des Internen Stylesheets 3 Klicken Sie jetzt auf den DropDown Pfeil neben dem Palettensymbol ber dem Sheets und Regeln Fenster und w hlen Sie jetzt Linkelement Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 79 Kompozer import Linkelement Style Element Regel 4 Bet
112. en Das wird mit einem passenden Selektor ausgef hrt Ange nommen der div Bereich hat eine Klasse divclas Beispiele der passenden Selektoren sind d y d vcelas D div divelas ta div divelas a visited Oder bei Verwendung von IDs menu p contents li Diese Elemente k nnen genauso eingerichtet werden wie die Pseudoklassen Siehe Ab schnitt 4 2 5 2 Um diese Methode zu verwenden richten Sie ein lt DIV gt zusammen mit seinem Inhalt ein und entscheiden Sie welche Styles gesondert ge ndert werden m ssen Erstellen Sie eine Klasse und weisen Sie dem lt Div gt Bereich zu Nehmen wir an dass die se den Namen divclas hat Nehmen wir weiter an dass wir den folgenden Elementen p td a visited spezielle Styles zuweisen wollen Im CSS Editor w hlen Sie die Option Erweiterte individuelle Style Regel div divclas p div divclas td div divclas a visited F r jeden Fall definieren Sie einfach die gew nschten Styles Sie werden innerhalb des definierten lt Div gt Bereichs und nirgendwo sonst angewandt Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 89 Kompozer C55 Stylesheets amp e a e Tore Sheets und Regeln Style Regel El Internes Stylesheet Auswahl div divclas a visited infokasten Font size 20px klasse muell diw divclas p div divclas td che divclas awisibed In der folgenden Abbildung sehen Sie unten einen lt DIV gt Bereich dem die Regel divclas
113. en Zeilen und Spalten Ein Rechtsklick in einer Tabelle oder einer Zelle und zeigt im Kontextmen mehrere Optio O R ckg ngig Einf gen Alles markieren Textstile unterbrechen Link erstellen Link unterbrechen Benannte Ziele entfernen Tabellenzelle Eigenschaften Tabelle einf gen Tabelle ausw hlen Tabelle l schen Yerbinder mit rechter Zelle Tabellen oder Zellen HintergrundFarbe O nen mit denen eine Tabelle oder Zelle formatiert werden kann Einige der Optionen sind kontextabh ngig Tabellen oder Zellen Hintergrundfarbe erlaubt die Wahl der Hintergrundfarbe der kompletten Tabelle oder einer ein zelnen Zelle Tabelle einf gen erm glicht das Hinzuf gen von Zeilen Spalten einzelnen Zellen und sogar von Tabellen in einer Zelle Tabelle l schen bewirkt das Gegenteil Eine Zelle kann mit ihrer rechten Nachbarzelle verbunden werden Einfache Zellen k nnen nicht aufgespaltet werden aber verbundene Zellen k nnen wieder geteilt werden Wenn angrenzende Zellen ob innerhalb einer Zeile oder einer Spalte zusammen markiert werden k nnen sie verbunden werden Jede angeklickte Zelle zeigt einen Satz von sechs Symbolen Dreiecke und Kreise mit ei nem x Innern auf dadurch wird eine schnelle Methode des Einf gens oder L schens von Zeilen und Spalten zur Verf gung stellen Siehe folgende Abbildung O Zeile oben einf gen Spalte l schen Spalte links einf gen Spal
114. en Befehl Links l schen aufrufen Der Text bleibt be stehen die Verkn pfung wird aufgehoben 3 8 Frames Wenn Sie nicht wissen was Frames sind lesen Sie nicht weiter es macht nichts Kompozer st tzt Frames nicht jedenfalls nicht zur Zeit Wenn Sie ein Framedokument mit Kompozer ffnen erhalten Sie diese Anzeige Warnung A Diese Seite kann aufgrund eines unbekannten Fehlers nicht bearbeitet werden Wenn Sie diese Fehlermeldung mit OK quittieren wird das Frameset angezeigt Sie k n nen allerdings in der Normalansicht nichts ndern Wenn Sie jedoch in die Quelltextansicht umschalten sehen Sie den HTML Code der Frameseite Sie k nnen ihn allerdings nicht ndern Wenn Sie im Text etwas ndern und die Ansicht wechseln und wieder zum Quell text zur ckkehren werden Sie feststellen dass die Anderungen nicht akzeptiert werden Sie sollten aber lieber nicht versuchen nderungen in der Quelltextansicht durchzuf hren es kann sein dass Kompozer einfriert Dieses ist eigentlich keine gro e Einschr nkung Der Code f r die Frameseite ist norma lerweise ziemlich kurz und kann leicht mit einem Texteditor geschrieben werden Sobald er fertiggestellt ist wird er sehr wahrscheinlich selten ge ndert Sie k nnen Kompozer ver wenden um die Seiten zu schreiben die im Frameset eingebunden werden Im Kasten sehen Sie die Quelle eines Framesets mit Banner und Inhaltsverzeichnis lt html gt lt head gt lt meta http
115. en von Kompozer lie en Zeilenumbr che innerhalb der Tabellen einflie en Klicken Sie in diesem Fall auf das Zeilenende und bet tigen Sie Entf Taste um den Um bruch zu l schen Kompozer erzeugt h ufig Tabellen mit einer definierten Breite Unser Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 39 Link Kompozer Modell basiert auf einer Breite die den Inhalt ganz dicht umrahmt deshalb muss die Brei teneinstellung entfernt werden Markieren Sie jede Tabelle der Reihe nach L schen Sie im Tabelleneigenschaften Fenster und dort im Tabelle Register den Wert f r Breite 3 7 Links Hyperlinks bieten das wichtigste Instrument f r die Navigation innerhalb und au erhalb von Websites Sie erlauben Ihnen von einer Stelle innerhalb der gleichen Seite auf eine ande re Position zu wechseln zu einer anderen Seite derselben Site oder auf eine Seite auf ei nem externen Webserver Links k nnen zu jedem m glichem Element einer Seite hinzuge f gt werden Normalerweise verwenden wir jedoch W rter oder Bilder f r die Konstruktion von Hyperlinks 3 7 1 Text Hyperlinks 3 7 1 1 Link zu einer anderen Datei 1 Markieren Sie ein oder mehrere W rter im Text 2 In der Bearbeitungs Symbolleiste Eu tere klicken Sie auf die Link Taste alter SE nativ k nnen Sie aus dem Kontext Ge Geber Sie eine Webseiten Adresse eine lokale Datei oder eine Link Eigenscha ften men Link erstellen w hlen Das Email Adresse ein oder w hle
116. ente p und h1 enth lt Diese sind die Styledefinitionen f r Ihren Absatztext und die berschrift h1 Noch sind sie beide ohne Inhalt werden also nichts bewirken Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 67 Kompozer 4 2 1 1 Das Registerblatt Text C55 Stylesheets O Des t 4 algemein Text Hintergrund Begrenzungen Box isten T ne Sheets und Regeln Schriftart Schriftschnitt nicht angegeben Alnternes Stylesheet Festi ih andere F nternes Styleshee Schriftstil nicht angegeben p A Case nicht angegeben v D Ausrichtung nicht angegeben Textattribute C berstrichen C keine Schriftgr e hr C Durchgestrichen Zellenh he C Unterstrichen 1 Blinkend O Benutzerdefiniert Farbe The quick brown fox jumps over the lazy dog abbrechen Auf gut deutsch werden font families Schriftarten genannt CSS kennzeichnet sie immer als Schriftfamilien Die richtige drucktechnische typographische Bestimmung ist Schriftbild Das englische Wort f r die Schriftart ist fount aber ungl cklicherweise ist das amerikani sche Wort Tont in den allgemeinen Wortschatz im Vereinigten K nigreich eingeflossen Schriftart Ihnen werden drei M glichkeiten des Definierens angeboten e Nicht angegeben e Vordefiniert e Benutzerdefiniert Nicht angegeben berl sst die Formatierung dem Browser Vordefiniert hat einen DropDown Pfeil der drei Optionen anbietet Je
117. enten k nnen gemeinsam markiert und in einen Layer umgewandelt werden Dieser kann einige Abs tze mit oder ohne Uberschriften Bilder und Tabellen sein Layer erlauben die Positionierung von Elementen auf einer Seite derart dass eine absolute Position im Verh ltnis zu der Seite definiert wird Es ist dadurch auch m glich dass Objek te andere Elemente berlagern So ist es ein sehr leistungsf higes Werkzeug Texte haben normalerweise einen transparenten Hintergrund Indem Sie den Text mit einer Hintergrundfarbe formatieren werden sie solid Auch Tabellen mit Hintergrund und nicht transparente Bilder k nnen berlagert werden von hnlichen Objekten um Effekte zu pro duzieren 3 10 3 Eigenschaften von Layern Die Elemente die zu Layern umgewandelt werden haben einige Eigenschaften die sie von den normalen Elementen unterscheiden e Layer sind bei Kompozer in lt Div gt Elementen enthalten e Layer unterbrechen den normalen Fluss in dem jeder Block dem vorherge henden folgt und dem folgenden vorangeht e Layer haben eine definierte Breite so dass sie sich beim Verengen oder Verbreitern des Fensters des Browser nicht anpassen e Layer haben jedoch keine definierte H he daher wird bei nderungen der Textgr e im Browser eine Anpassung vorgenommen e Layer werden durch die drei Parameter Oben Links und Breite gekenn zeichnet Diese definieren in Pixeln wie weit die obere linke Ecke des Layers vom oberen linken Null
118. er ffentlichen einer Seite sollten Sie immer diese Option w hlen da es auf die kleinste Dateigr e hinauslaufen wird Zweite Option Die Option Obenstehende und Latin 1 Buchstaben sollte eigentlich genauer als Obenste hende und Latin 1 Buchstaben au er ASCII Zeichen gelesen werden Das bezieht sich auf Zeichen des Satzes Latin 1 mit Codes in der Reihe AO zu FF hexadezimal 160 bis 255 dezimal Die Ausgabe f r ASCII Zeichen ist der Zeichen Code f r die brigen Latin 1 Zeichen er scheint die Entity f r sonstige der dezimale numerische Zeichencode e Dritte Option Die Option Spezialzeichen in HTML4 bezieht sich auf alle Zeichen f r die die HTML 4 Spezifizikation Ref 16 Abschnitt 24 eine Entity zur Verf gung stellt Der Ausgabecode f r ASCII Zeichen ist der Zeichencode f r alle Zeichen f r die es eine Entity gibt wird diese ausgegeben sonst der dezimale numerische Zeichencode e Letzte Option Die letzte Option sollte die dezimale Zeichenreferenz f r alle Nicht ASCI Zeichen ergeben hat aber einen Programmfehler so dass sich eine Mischung von Zeichen Codes f r AS Cll Zeichen und Entitys oder numerische Referenzen f r die brigen Zeichen ergibt Anmerkung Die Ausgabe wird immer g ltigen und wirksamen Code f r das entsprechen de Zeichen produzieren so dass die Dateien richtig dargestellt werden Bei Kompozer 0 7 10 gibt bei allen Optionen einige Abweichungen von den obigen Beschreibungen Die z
119. er Haustiere 2 5 Meine Web Seite Dateiname haustiere htrmil zB meineseike html Site Unterverzeichnis f r diese Seite Grafiken und andere Dateien hinzuf gen a Gleiche Adresse Wie Seite verwenden Dieses Site Unterwerzeichnis verwenden 2 In dem Seite Publizieren Fenster klicken Sie auf das Register Publizieren w hlen Sie falls es sich nicht um Ihre Standardsite handelt im Eingabefeld Seitenname die Bezeichnung der Site aus zu der Sie Seiten hochladen m chten Der Seitentitel und der Dateiname sollten bereits eingetragen sein 3 Wenn die Seite nicht zu dem Stammverzeichnis des Webs sondern zu einem Unter verzeichnis hochgeladen werden soll tragen Sie dessen Namen ein Anmerkung Dieses Verzeichnis muss bereits bestehen Kompozer kann es nicht einrich ten Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 115 Kompozer 4 Wenn es das erste Mal ist dass Sie die Seite hochladen und diese Bilder oder externe Stylesheets einschlie t markieren Sie das Kontrollk stchen Grafiken und andere Da teien hinzuf gen wenn die Seite nicht zum ersten Mal hochgeladen wird und die Bild oder Stylesheet Dateien nicht ge ndert wurden kann der Haken entfernt werden Die Daten werden in dem gleichen Verzeichnis wie die Seite abgelegt Wenn Sie sie in ei nem Unterverzeichnis speichern m chten markieren Sie die Option Dieses Site Unterverzeichnis verwenden und geben den Namen des Verzeichnis an In diesem Fal
120. er Site Manager Abschnitt 8 ist ein komfortables Werkzeug f r diese Aufgabe Richten Sie einen Backup Ordner ein und ver ffentlichen Sie Ihre Seiten dort Wenn Sie ein Element ber die Statusleiste ausw hlen siehe folgenden Abschnitt um es zu markieren und in die Quellansicht umschalten wird der entsprechende Code auch her vorgehoben Das erleichtert es Code sehr leicht ausfindig zu machen Bei einem Bild wird der Cursor neben dem Code zu finden sein Die Zeilennummer die erscheinen dienen der einfacheren Orientierung sie stellen keinen Teil des Codes dar Sie k nnen helfen Ihre Position zu finden wenn sie in einen anderen Modus umschalten Beim Wechsel zwischen verschiedenen Editoren bieten Zahlen aller dings nur einen ungef hren Anhaltspunkt Kompozer bietet mit dem Befehl Extras Einstellungen Allgemein verschiedene M glich keiten f r die Darstellung der Zeilen an Siehe Abschnitt 9 2 3 17 Markieren Kompozer Benutzer sollten eigentlich vertraut sein mit dem Markieren und Manipulieren von Objekten eine kurze Wiederholung kann jedoch vielleicht n tzlich sein Diese Bemer kungen gelten sowohl f r den Normal Modus als auch f r die HTML Tag Ansicht und die Vorschau Kompozer bietet oft eine Vielzahl von Wegen f r die Bearbeitung an Manchmal ist die eine Methode angebracht ein anderes Mal die andere Welche Methode empfeh lenswert ist h ngt von zwei Faktoren ab 1 Was soll markiert werden 2 Was soll mi
121. er ver wendeten Sprache dargestellt werden Im Fall von ISO 8859 1 werden die Zeichencodes identisch zu den Unicode Werten dargestellt Die ersten 256 Unicode Zeichen stimmen mit dem Latin 1 Satz berein Beispielsweise verschl sselt ISO 8859 7 griechische Schriftzeichen die viele des Latin 1 Satzes ersetzen Vergleiche Tabelle A6 3 2 mit Tabel le A6 3 1 In diesem Fall stellt der Code EA anstatt des Unicode Code EA ergibt e mit Circonflex das Zeichen kleines kappa dar das im Unicode an der Stelle O3BA zu finden ist Tats chlich schlie t ISO 8859 7 das Zeichen nicht ein Alle ISO 8859 S tze enthalten die ASCII Zeichen an den urspr nglichen Positionen Die HTML Version des englischen Originaldokumentes verwendet den ISO 8859 1 Code hat aber trotzdem kein Problem damit das volle Repertoire der Griechischen Schriftzei chen abgedeckt durch ISO 8859 7 siehe Tabelle darzustellen Wie das erreicht wird wird im folgenden Abschnitt erkl rt Als Autor sollte man zur Kenntnis nehmen dass jede Seite nur eine Codierung ohne R ck sicht auf die Anzahl der auf einer Seite vertretenen Sprachen verwendet Auf HTML Seiten wird die Zeichen Codierung in dem charset Parameter im Head Bereich angegeben Mehrere Varianten sind erlaubt aber Kompozer verwendet immer die Form lt meta http equiv content type content text html charset 1SO 8859 7 gt Anmerkung charset trotz des Namens gibt keinen Zeichensatz an Der Zeichensat
122. erledigt werden 10 2 1 Quelltext s ubern Kompozer liefert ber das Men Extras Quelltext s ubern einen Markup Cleaner der benutzt werden kann um berfl ssigen Code zu entfernen der die Datei nur aufbl ht ohne zum Seiteninhalt beizutragen Dieser Vorgang entfernt nicht unbedingt jeden berfl ssigen Inhalt liefert aber einen guten Beitrag zum schlanken Code Quelltext s ubern Entferne bersch ssige lt br gt Entferne leere Bereiche Entferne Ausrichtung in leeren Tabellenzellen Abbrechen 10 2 2 Browserkompatibilit t Die folgende Stufe der berpr fung ist bereits von Kompozer bernommen worden Die Benutzer haben Gewissheit dass der erzeugte Code g ltiges HTML oder CSS darstellt Die Site sollte zun chst mit einem Browser getestet werden M gliche Probleme sind e Sie lassen einige Dateien beim Upload aus e Sie haben die Ordner falsch benannt s Es ist auch m glich dass Kompozer f r das Verbinden mit Stylesheets absolute Adres sen anstelle von relativen Adressen verwendete e Nichtber cksichtigung von Gro und Kleinschreibung Sortieren Sie diese Probleme zuerst aus Die Site sollte mit einer Vielzahl unterschiedlicher Browser berpr ft werden Obwohl eini ge moderne Mozilla basierte Browser sich sehr hnlich verhalten sollten aber auch sie alle getestet werden berpr fen Sie mit Browsern anderer Hersteller und denken Sie daran dass einige Besucher noch sehr alte Browser benutzen k nne
123. eses Benutzerhandbuch wurde f r die zur Zeit der Abfassung aktuelle Version von Kom pozer Zeit geschrieben 2 Quickstart 2 1 Einleitung Starten Sie den Kompozer Das Hauptfenster ffnet sich Oben befindet sich eine Reihe von Symbolleisten Die oberste ist die Men leiste Diese enth lt eine Anzahl von den Be fehlen Datei Bearbeiten usw Die folgende ist die Bearbeitungs Symbolleiste die eine Anzahl von den Schaltfl chen wie Neu Offnen usw enth lt 2 2 Eine neue Seite erstellen y Auf der Bearbeitungs Symbolleiste klicken Sie auf die Neu Schaltfl che r Bois 2 3 Eine vorhandene Seite ffnen Sie verfahren genau wie in vielen anderen Programmen Nehmen wir an dass Ihre Seite auf Ihrer lokalen Platte im HTML Format gespeichert wurde In der Men leiste klicken Sie auf Datei dann auf Datei ffnen Durchsuchen ffnen Sie die Ordner bis Sie die Datei gefunden haben markieren Sie diese und klicken Sie auf ffnen 2 4 Bearbeiten einer Webseite Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 7 Kompozer Ihre Webseite noch leer oder schon bearbeitet finden Sie im gro en Fenster in der Mit te des Schirmes Viele Editierfunktionen sind denen in einem Textverarbeitungsprogramm sehr ahnlich Die oberen vier Symbolleisten auf dem Schirm bieten eine Vielzahl von Bear beitungsfunktionen Um zu erfahren was sie bedeuten halten Sie den Cursor ber dem Symbol und warten bis ein Quickinfo erscheint 2 5
124. et archive php id 2005 03 14 xhtml is dead XHTML s Dirty Little Sec http www xml com pub a 2003 03 19 dive into xml html ret XHTML What s the http hsivonen iki fi xhtml the point point Sogar wenn Sie an einer bestehenden Seite arbeiten werden Sie sehen dass es sich trotz aller M he lohnt zum HTML 4 01 Strict DocType umzuschalten Der Nutzen der Ver wendung von Webstandards W3C Empfehlungen und Sprachbeschreibungen betreffend Webdesign ist vielf ltig wichtig oft untersch tzt und manchmal falsch verstanden Using Web Standards in Your Web Pages ist eine exzellente Einf hrung in dieses The ma http www mozilla org docs web developer upgrade_2 html benefitsusingstandards A3 5 Kompozers M glichkeiten Kompozer kann Seiten mit jedem dieser Doctypes herstellen Seiten die auf der Basis von Vorlagen hergestellt werden besitzen immer den HTML 4 01 Transitional Doctype Anmerkung Man kann versuchen au erhalb von Kompozer eine Vorlage zu editieren und den Doctype zu ndern so dass die Seiten die so hergestellt werden den entspre chenden Doctype verwenden Ich habe das nicht berpr ft Die erstellten HTML Seiten werden standardm ig mit der Erweiterung html und XHTML Seiten mit dem Dateityp xhtml gespeichert Bez glich der XHTML Seiten ist die Wahl der Erweiterung wichtig weil eine XHTML Erweiterung den Browser anleitet solche Dokumen te als Inhaltstyp application xhtml xml darzustellen Wenn
125. et aufstellen floatr float right margin left 4px w hrend im Drucker Stylesheet angegeben wird loatr float none Wenn Sie meinen das sei zu restriktiv werfen Sie einen Blick auf die problematischen Be reiche werfen Das sind haupts chlich Bilder und Tabellen In Block Elementen enthaltene Bilder z B Paragrafen oder DIV die floaten sollen wer den sich anst ndig benehmen soweit Seitenenden auf die gleiche Weise betroffen wer den sie verhalten sich so als ob die Bl cke und Images nicht floaten w rden Bilder die direkt im Body oder in nicht floating Block Elemente platziert und dann gefloatet werden sind daf r verantwortlich wenn sie ber eine Seitengrenze aufgespalten werden oder abh ngig vom Browser abgeschnitten werden Die einfache L sung daf r ist den Block in dem das Bild zu floaten lassen n tigenfalls legen Sie einen Block an um das Bild zu umfassen Floating Tabellen scheinen anf llig zu sein f r eine Vielfalt von Problemen einschlie lich des Blockierens des Browsers Vermeiden Sie wenn berhaupt m glich solche Situati onen Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 152 Kompozer Lange Spalten die zum Beispiel in einigen Layout Schemata verwendet werden sollten vermieden werden wenn sie vermutlich von einer Seite auf die folgende reichen werden Wie gew hnlich ist der Rat Vermeiden wenn m glich sonst berpr fen berpr fen und wieder
126. etzt den Alternativtext hinzuf gen der das Bild beschreibt Das ist f r jene gedacht die die Bildanzeige des Browsers ausgeschaltet haben weil sie viel leicht Sehschw chen haben und sich die Seite von einem Zusatzprogramm vorle sen lassen Anstelle des Bildes wird der Text des alt Attributes angezeigt Alterna tive Texts k nnen f r einige Sites verbindlich vorgeschrieben sein Barrierefreiheit Anmerkung Dient das Bild lediglich dekorativen Zwecken und ist nicht notwendig zum Verstehen der Seite muss der alternative Text nicht ausgef llt werden 6 Im Eingabefeld Tooltip kann Text eingetragen werden der angezeigt wird wenn der Cursor auf dem Bild liegt es kann derselbe wie der alternative Text sein ist aber optional Wenn Sie das Feld leer lassen zeigen einige Browser den alternativen Text Klicken OK 7 Klicken Sie auf OK 3 5 2 Position und Gr e der Bilder bestimmen pps Sie sollten jetzt das Bild sehen das in der Mitte des Absatzes eingesetzt wurde mua M glicherweise hat es keine sinnvolle Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 28 Kompozer Gr e Klicken Sie das Bild an Ein Kasten umgibt das Bild Der Kasten hat 8 Handles kleine Quadrate eines an jeder Ecke des Bildes und eines mitten in jeder Seite Ziehen Sie an einem Anfasser um die Gr e des Bildes zu ndern W hlen Sie eine sinn volle Gr e Das Ziehen an einem Ziehpunkt in der Seitemitte ndert die Form des
127. ext in Kompozer eingef gt wird wird die Formatierung in der Regel verloren gehen Strukturen wie Abs tze oder berschriften werden aber beibehalten Text wird in das mar Kierte Element wie lt Body gt oder lt p gt eingef gt e Werden mehrere Abs tze in ein lt p gt Element eingef gt erscheinen sie als einzelne Abs tze e Wenn sie in den lt body gt eingef gt werden kann man sie alle markieren und als Absatz formatieren die urspr nglichen einzelnen Abs tze werden dann sichtbar e Nummerierte Listen werden behalten e Tabulatoren werden durch drei gesch tzte Leerzeichen ersetzt e Der Inhalt der Tabellen kann eingef gt werden einzelne Zellen werden wie durch Tabulatoren getrennt 3 4 7 Sonderzeichen Mit Sonderzeichen sind in diesem Zusammenhang Symbole gemeint die nicht durch ein fache Tastendr cke erzeugt werden k nnen HTML verwendet ein System namens Unico de Die Sprache unterst tzt eine gro e Anzahl von Zeichen einschlie lich aller internatio nalen W hrungszeichen und vieler tausend anderer obwohl die Zeichens tze auf den Computern nur eine Untermenge unterst tzen Eine Anzahl von dem allgemein gebr uchli chen Zeichen einschlie lich der Akzente kann mit dem Befehl Einf gen Schriftzeichen und Symbole gesetzt werden Kompozer unterst tzt nicht direkt die typografischen Anf hrungszeichen Aber Text mit diesen typografischen Anf hrungszeichen der von den Anwendungen wie Microsoft Word oder
128. ezifizierung Ref 16 festgelegt Ungef hr 250 werden definiert numerische Zeichen Referenzen m ssen f r Zeichen au Berhalb dieser Reihe verwendet werden Aber die Zeichen m ssen nicht unbedingt au er Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 131 Kompozer halb dieses Bereichs liegen um derart verschl sselt zu werden Tabelle A6 3 3 zeigt einige der h ufig verwendeten Zeichen darunter auch einige ASCII Zeichen Zeichen Entity Numeric character reference Seuro 848364 amp x20AC amp lt amp 60 SHXSC Salt amp 62 amp x3e amp times amp 215 amp Hxd amp divide amp H247 amp Hxf7 amp amp amp 38 amp x26 amp quot amp H34 amp Hx22 no break space amp nbsp amp 160 amp xa0 Tabelle A6 3 3 Wichtige Entity Codes Anmerkung Entitys sind case sensitive amp Eacute steht also f r den Gro buchstaben E mit einem Accent aigu E w hrend amp eacute den entsprechenden Kleinbuchstaben amp EacutE f hrt hingegen zu einem Fehler Anmerkung Die ISO 8859 Codierung verwendet den Code A4 f r das o Symbol in ISO 8859 7 wird das Eurosymbol durch das Byte A4 A6 3 6 UTF encodings ISO 8859 ist ausgezeichnet wenn nur eine Sprache zur Zeit verwendet wird aber schwer f llig und langsam wenn Sprachen gemischt werden UTF Codierung befreit uns von die ser Einschr nkung und stellt einen Mechanismus zur Verf gung um den gesamten Vorrat von Unicode Zeichen einfach zu
129. g Der DropDown Pfeil an der rechten Seite dieser Taste bietet die M g lichkeit die neue Seite in Tab Registerblatt oder in einem neuen Fenster zu bearbeiten bo Speichern Datei Bearbeiten Ansicht E Li Letzteres ergibt eine zweite Instanz von Seite in neuem Tab Kompozer Seite in neuem Fenster Erweitert Der DropDown Pfeil an der Seite der Taste bietet auch die Variante Erweitert an Da durch gelangen Sie wieder zu dem Dialogblatt In ihm k nnen Sie auch Eine neue Seite basierend auf einer Vorlage w hlen Eine Vorlage ist eine Seite mit einer Anzahl von vorher festgelegten Details Dieses kann sinnvoll sein wenn mehrere Seiten ein einheitli ches Aussehen oder einen gemeinsamen Inhalt haben sollen Vorlagen werden in Ab schnitt 7 behandelt Anmerkung Wenn Sie die vorgenommen Einstellung zum Standard f r Ihre weiteren Sei ten machen m chten aktivieren Sie im Dialogblatt Extras Einstellungen Erweitert die Kontrollk stchen f r HTML 4 und Strict Einstellungen Z Erweitert Allgemein verbindung Proxys f r den Zugriff auf das Internet konfigurieren Verbindungs Einstellungen HTML HTML Sprache HTML 4 O XHTML 1 Seiteneinstellungen n DTD O Transitional Strict La Verhalten der ENTER Taste Erweitert ENTER Taste in einem Absatz erzeugt immer einen neuen Absatz Schriftarten Echtzeit Rechtschreibpr fung C Unterstreiche Falsch geschriebene W rter Spezielle Ze
130. ge Wenn die Drucker Formatvorlagen wie beschrieben aufgestellt werden sollte alles gut funktionieren dennoch gilt es einige Vorsichtsma nahmen zu beachten Normalerweise wird es zwei S tze von Styles geben einen f r gedruckte Medien einen f r allgemeine Medien Wenn die zwei S tze f r gedruckte Medien und Bildschirm Medien bestimmt sind kann es eigentlich keine Mehrdeutigkeit geben aber es gibt gute Gr nde diese Methode zu vermeiden e Besucher die andere Medien benutzen w rden vielleicht vor den Kopf gesto en e Beide Seitendruckformatvorlagen w rden umfangreich sein m ssen das w rde zu mehr Entwicklung und Wartungsaufwand f hren Statt dessen ist es normal ein Stylesheet zu verwenden das alle Medien abdeckt und ein getrenntes f r Druckmedien das nur einige Styles diejenigen f r den Druck verantwort lich sind enth lt Die CSS Spezifizierungen die die cascading Ordnung f r Stile kontrollieren diktieren dass die sp ter geladenen Regeln diejenigen berschreiben die fr her ge ffnet wurden Wenn also die Regeln f r Druckmedien zuerst und dann diejenigen f r allgemeine Medien gelesen werden werden die Letzteren dominieren und die Druckmediaregeln werden ig noriert Es ist deshalb wichtig dass der Verweis zum Druck Stylesheet nach dem zum normalen Stylesheet erscheint CaScadeS legt im HEAD Bereich die Stylesheets in derselben Reihenfolge an wie im Sheets und Regeln Fenster Um Reihenfolge
131. gewesen h tte das Design ge ndert werden m ssen W hrend man die Pfeile als seltene und ungew hnliche Zeichen betrachten kann kann man sich sogar auf einige durch ISO 8859 Optionen abgedeckte Zeichen nicht verlassen Bei der Betrachtung der Tabelle A6 3 2 finden sich abh ngig vom verwendeten Browser und den installierten Schriftarten dort zwei Zeichen Drachma Sign Code A5 und Greek ypogegrammeni Code AA die nicht richtig angezeigt werden k nnen In F llen wie die sen kann eine berpr fung der WGLA4 Liste eine Warnung ergeben weil keines von bei den Zeichen registriert ist Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 137 Kompozer A6 4 Spezielle Zeichen A6 4 1 Entitys oder numerische Zeichenreferenzen A6 4 1 1 Ausgabe der folgenden Zeichen Die Weise wie Zeichen im Quellcode der Seite codiert werden kann in Kompozer ber das Men Extras Einstellungen Erweitert ver ndert werden Einstellungen ES Einstellungen A Erweitert Ei Erweitert ECH d Allgemein Verbindung deg verbindung Proxys f r den Zugriff auf das Internet TIER H Proxys f r den Zugriff auf das Internet 2 et konfigurieren Verbindungs Einstellumgen konfigurieren Verbindungs Einstellungen Schriftarten Schriftarten HTML HTML De P HTML Sprache HTML 4 O XHTML 1 HTML Sprache HTML 4 gt XHTML 1 Seiteneinstellungen Seiteneinstellungen DTD O Transitional Strict DTD O Transitional Strict LD
132. gliche Definition dessen was geschehen soll verursacht worden sein Die Anmerkungen hier sind mehr empirischer als theoretischer natur und beruhen auf den neuesten Versionen der wichtigsten Browser Internet Explorer Firefox und Opera A7 3 3 1 Seitenumbr che Seitenumbr che werden gew hnlich dort vorgenommen wo es durch die nat rlichen Ei genschaften des Materials vorgegeben wird Modifiziert werden kann das durch die Ver wendung von page breakbefore Das ist normalerweise zufriedenstellend muss aber kann nicht f r Listen und Tabellenzellen gelten Denn dort wird die Eigenschaft page break inside nicht unterst tzt Es gibt wenig was Sie hier tun k nnen A7 3 3 2 Bilder Bilder sind die Elemente das die Modifizierung der soeben abgegebenen Erkl rung ver langen Bilder werden normalerweise nicht umgebrochen wenn sie nicht mehr auf dem Platz eingef gt werden k nnen der auf einer Seite brig bleibt Es wird dann ein Seiten umbruch vorgenommen und das Bild wird auf der folgenden Seite erscheinen Das ist v l lig nat rlich und das was erwartet w rde A7 3 3 3 Float Wenn Elemente floated positioniert werden k nnen mehrere Probleme vorkommen Ein einfacher Weg diese zu berwinden ist die Vermeidung von floating in einem Drucker Stylesheet Das ist ziemlich leicht zu erreichen wenn floats eine Klasse verwenden Zum Beispiel um etwas rechts floaten zu lassen k nnten Sie eine Regel im allgemeinen Sty leshe
133. haben Sie m ssen also die Schritte 2 bis 4 nicht wiederholen es sei denn Sie haben nderungen an der Struktur Ihrer Site vorgenommen 11 Anhang A1 Glossar Dieses Glossar f hrt Begriffe auf die in diesem Dokument verwendet werden Begriffe aus den HTML und CSS Spezifikationen sollten in den betreffenden Dokumenten nachge schlagen werden American Standard Code for Information Interchange Definiert AS einen Satz von 95 druckbaren Zeichen MBP Basic Multilingual Plane Erste Ebene des Unicode Ein kleines Bild das beim Anklicken eine Aktion ausl st Kompo Button i zer Buttons weisen eine Vielzahl von Formen auf CaScadeS Im Kompozer integrierter CSS Editor CSS Cascading Stylesheets Verzeichnis Ordner bei Windows Darren Der zweite Teil einer Style Regel Enth lt die Formatdetails des Styles Eine als deprecated bezeichnete HTML Element wird als berholt angesehen Von ihrem Gebrauch wird abgeraten Im Allgemeinen Deprecated bietet CSS die besseren M glichkeiten Die Dokumentart Transiti onal erlaubt den Gebrauch von deprecated Eigenschaften Der Strich Type erlaubt es nicht Directory In der Windows Welt Ordner Doctype Dokument Type Declaration Siehe Anhang 3 DTD Dokument Type Definition Siehe Anhang 3 Ein Teil einer Webseite wie Absatz oder Bild der durch einen Element Browser so interpretiert wird wie es durch den Code festgelegt ist der mit dem Element verbunden ist Sor Der letzte Bestandteil eines Date
134. hat wird sie vererbt auf den enthaltenen Text Beispielsweise kann ein DIV eine Schriftgr e von 150 aufweisen und ein eingeschlossener Absatz eine Gr e von lem aufweisen Dann wird auch der Text mit einer Gr e von 1 5em dargestellt abh ngig vom DIV Wenn die Schriftgr e in absoluten Einheiten z B px bestimmt wird geschieht das nicht Anmerkung Eine Division wird gebildet durch das lt div gt Element Siehe Abschnitt 4 5 Ein Beispiel in der Abbildung soll zeigen wie das funktioniert Text befindet sich in Tabel lenzellen die innerhalb einer Tabelle angeordnet sind Die Tabelle ihrerseits ist innerhalb Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 70 Kompozer einer Division positioniert Bei einer der Tabellen und einer der Zellen wurde ein Schriftgrad angeben bei den anderen nicht Text in Division Gr e nicht angegeben vererbt Text In Tabelle Gr e Text in zweiter Ta nicht angegeben Geerbt belle vom DIV Textgr e f r die TONE OIRRE EELE Tabelle auf 120 120 gesetzt gesetzt Gr e f r die Zelle nicht angegeben geerbt von der la belle Tabelle 1 Beispiel f r Regelvererbung Nicht alle Gr enangaben lassen sich auf diese Weise skalieren Gr en angegeben als Prozentsatz oder in Em sind Verh ltnisgr en und verhalten sich wie beschrieben Gr Ben die das xx small System verwenden werden nicht skaliert und gelten als absolute Gr en Anmerkung Al
135. hen in Attributen ooooncccnncccnnnnonnnconnncnnnonannncnnnnnnnos 140 A6 5 UM A E E E O N TEON 141 A6 5 1 Prozentzeichen CoOdIerung ccccccccccoocccnnncncncnnnonncnnnnnnononnnnnnnnnnnonnnnnnnnnnnnnnnnnnnannnnnnnnnonnnananennss 141 A6 5 2 Keine Kodierung von Spezialzeichen in Aitrbuten 142 A6 6 EEE E AEE a a a ee ee 143 A7 Seiten tur den AUS Eege 144 A7 1 VODEME KONG Eee a rt lee N 144 A7 1 1 EINIE NUNG Seen A A A A eier 144 A7 1 2 Drucker Formatvorlage an 145 A7 1 2 1 Formatvorlagen Media print ek EEN EEN EEN 145 A7 1 2 2 Individuelle Stil Regeln onmeda nensis ia a a i 146 A7 1 3 A ee er ee ee 147 A7 2 Styles ur den Ausdr cken tee Eet 147 A7 2 1 DIMENSIONEN a A A 147 a Le O A E 147 A72 1 2 EEN ee A O 148 Ar2 413 Andare EN daa 148 A7 2 2 A A 148 E Mensen Erlen 148 Ar222 Blemeinks ki 149 A722 Bilder see arena 149 A PIMEN Er AN 149 A7 2 3 Page Moda a iodo 150 A7 3 ErGEDRISSe A a a a a a e N 151 A7 3 1 DIE TIENUgE Helhenlolge rn as 151 A7 3 2 WEE ita EE 151 A7 3 3 Bild r Floats und Seltenumbruche inicia li een 152 Anagr Se n lg ie e laca 152 ee Bilder tail ee a 152 EE EC Ne A e o A bl lneislershe 152 A7 3 4 Site EEN 153 A7 3 5 ERIWICKIUNG SI ide 153 A7 4 A EE 153 Ano o o a nn o A E E E E E E 155 POSISKIIDIUM EE 157 Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 5 Kompozer 1 Einleitung 1 1 Was ist Kompozer Kompozer ist ein komplettes Web Entwicklungssystem das Webseitenentwicklung und
136. hinse hen k nnen Sie erkennen dass die Farbe Anderungen unterworfen ist Drei verschiedene Zust nde werden durch die Farben angezeigt Es handelt sich um unvisited links der Ausgangszustand bereits besucht der Cursor schwebt auf ihm Der Browser bestimmt die unterschiedlichen Farben Fer in denen die Links erscheinen Wenn der Designer Bee jedoch die Farben einstellen wird erreicht er das Standardfarben des Lesers Keine Farben in Seite setzen ber das Men Format und das Kommando Mormaler Text SS Normaler Text Format Seitenfarben und hintergrund e gi Link Text Wenn Sie die Farbwahl nicht dem Browser des Aktiver Link Text o Betrachters berlassen wollen aktivieren Sie die Besuchter Link Text MN did Option Eigene Farben verwenden Ein Klick auf die Hintergrund Besuchter Link Text Buttons f hrt zu dem bekannten Farbw hler FERNE Diese Einstellung gilt immer f r die aktuelle Seite Eo FE Wenn Sie jedoch f r alle neuen Seiten eine einheitliche Darstellung erreichen m chten rufen Sie ber Extras Einstellungen das Registerblatt Einstellungen E Seiteneinstellungen auf Die aktuell Allgemein Autor J rgen Klose bearbeitete Seite wird dadurch aller Quelltext dings nicht mehr beeinflusst Schriftarten HTML Sprache HTML 4 O XHTML 1 DTD Transitional C Strict E A i Standard Seitenerscheinung Anmerkung Eine besserer Weg die 4 O Standardfarben des Lesers Keine
137. hn Gibt es allerdings interne Styles dann werden sie ber cksichtigt auch wenn gleichnamige externe Styles existieren Letzten Endes dominie ren die Inline Styles Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 63 Kompozer Wie kann das genutzt werden M glicherweise setzt Ihre Site einen Style eines externen Stylesheets ein Stellen Sie sich vor Sie haben eine Seite ber Verhalten in Notsituationen und Sie entscheiden sich daf r dass alle Abs tze in Rot gesetzt sein sollten Sie f gen einfach einen internen Style auf dieser Seite hinzu die den lt p gt Tag rot definiert aber ver binden die Seite mit Ihrem normalen Stylesheet Alle Ihre normalen Styles werden ber ck sichtigt nur alle Absatztexte sind rot sonst ist alles im Standardformat des Stylesheets Kompozer erlaubt Ihnen mehrere externe Stylesheets mit einer Seite zu verbinden Die CSS Spezifikation stellt Priorit tenregeln f r den Fall dass ein Style in mehr als einem Sty lesheet definiert wird Der Browser liest diese in der Reihenfolge in der sie geladen wer den und folgt der zuletzt gelesenen Information Interne Stylesheets erhalten Vorrang un abh ngig von der Position im Code Einige Browser respektieren allerdings diese Richtli nien nicht In der Folge sind sowohl die Browser als auch die Designer verwirrt Seien Sie vorsichtig wenn Sie diese Praxis bernehmen wollen Die vollst ndigen Priorit ts Regeln f r sind ziemlich kompliziert Kompozer e
138. hrieben wird Wenn Sie der Ansicht sind dass das Bild zu nah am Text liegt und Sie mehr Platz um das Bild haben m chten erlauben Ihnen die Grafik Eigenschaften eine Steuerung Im Er scheinungsbild Register setzten Sie die Ma e im Au enbereich f r Oben und Unten und oder Links und Rechts in Pixel Sie k nnen auch einen Rand mit der gew hlten Breite um ein Bild setzen Der Rand hat die gleiche Farbe wie der angrenzende Text Ausrichten eines Bildes Methode f r Strict Doctypes 1 Klicken Sie in das Bild 2 Klicken Sie auf den Grafik Button Oder Doppelklick auf das Bild in Schritt 1 Das Grafik Eigenschaften Fenster ffnet sich 3 Klicken Sie auf die Schaltfl che Erweitert und auf das Register Inline Style 4 Inden Eingabefeldern Attribut und Wert am unteren Rand k nnen Sie jetzt die CSS Werte f r die Ausrichtung w hlen Ein m glicher Wert f r die Eigenschaft ist float und f r den Wert right 5 Klicken Sie zweimal auf OK Erweiterte Einstellungen Aktuelle Attribute f r lt IMG gt Eine weiterer Weg zur Ausrichtung eines Bildes ist die Verwendung von Klassen siehe Abschnitte 4 2 1 4 und 4 2 3 3 6 Tabellen Tabellen erlauben die Anordnung von Daten Text Bilder Links Formulare Formularfel der und sogar anderen Tabellen in Zeilen und Spalten Eine Tabelle ist im Allgemeinen ein rechteckiges Rasterfeld das in Zellen und Spalten Zel len bildet in die die Daten gesetzt werden Das Raster k
139. ich dass Sie alle Eigenschaften einstellen Sie k nnen so viel oder so wenig bestimmen wie Sie m chten Es ist so dass die Browser zu den Standards um schalten wenn Sie einzelne Eigenschaften nicht bestimmen Sie k nnen komplizierte Re geln aufstellen aber nicht alle Browser halten sich daran Sie k nnen Richtlinien f r den lt Body gt festlegen und sie dadurch auf alle untergeordneten Elementen anwenden Es wird dann von Vererbung gesprochen Nur die Elemente f r die es ausdr cklich andere Regeln gibt werden unterschiedlich formatiert Im Allgemeinen funktioniert das aber es kann berraschungen geben Anmerkung Die im CaScadeS verf gbaren Register erlauben das Einstellen einer gro e Anzahl von wichtigen Style Eigenschaften Die CSS Spezifikation umfasst jedoch noch viele andere Wenn Sie mit diesen vertraut sind k nnen Sie die Definitionen manuell in das Fenster angef hrt Style Regel eintippen Beim Schlie en wird CaScadeS wird die G ltigkeit der Definitionen berpr fen und diejenigen die korrekt sind zum Stylesheet hin zuf gen Um einen Style f r eine Haupt berschrift zu erstellen wiederholen Sie den Vorgang d h klicken Sie auf Regel aktivieren Sie wieder die Option Style allen Elementen eines be stimmten Typs zuweisen schreiben jetzt aber h1 und dr cken dann auf Style Regel erstellen Im linken Fenster des CSS Editors sollten Sie eine Struktur sehen die anzeigt dass Ihr internes Stylesheet zwei Elem
140. ichen Die folgender Zeichen als Entities ausgeben Nur amp lt gt und nicht umbrechbare Leerr ume e C Keine Kodierung von gt ausserhalb von Attributen _ Keine Kodierung von Spezialzeichen in Attributen OK Abbrechen Vorhandene Seiten ffnen 1 Klicken Sie die Offnen Taste um ein Durchsuchen Dialogfenster zu ffnen Oder Offroen 1 W hlen Sie Datei Letzte geladene Seiten Damit erhalten Sie schnellen Zugang zu den Seiten die vor kurzem bearbeitet werden Oder 1 Die Seitenverwaltung Abschnitt 8 bietet zus tzlich eine leistungsf hige Suchm g lichkeit Durch Doppelklick auf eine Seite wird sie in den Arbeitsbereich geladen Der Dokumententyp einer existierenden Seite wird durch die Bearbeitung nicht ge ndert Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 12 Kompozer Jede Seite wird in einem neuen Register ge ffnet Wenn Sie das Register Tab anklicken k nnen Sie das Dokument bearbeiten 3 3 Editieren in Kompozer Kompozer unterst tzt s mtliche Windows Standardbefehle f r das Bearbeiten und auch alle Shortcuts z B Kopieren Strg C Einf gen Strg V alles markieren Strg A R ckg ngig Strg Z Wiederhole Strg Y vor Suchen Strg F Neues Dokument Strg N ffnen Strg O Speichern Strg S Es gibt noch andere Kompozer Spezialit ten durch deren Einsatz Sie Zeit gewinnen Tipp Das Pluszeichen bedeutet dass Sie die beiden Zeichen die das Pluszeichen umfassen gleichzeitig
141. icht kann jedes Zeichen eingef gt werden indem die numerische Referenz verwendet wird In der linken unteren Ecke der Zeichen wird der Code im Hex Format angegeben F r den Euro f gen Sie amp x20AC ein Anmerkung Der Code wird in der Zeichentabelle als U 20AC gezeigt wird Das ist die b liche Weise Unicode Zeichen dazustellen d h ein U gefolgt vom Hexadezimalcode 6 In der Quellcodeansicht werden Entitys auf hnliche Weise eingegeben Viele kann man sich leicht merken z B amp euro amp gt und lt Die ersten vier Methoden k nnen in der Normal oder der Vorschau Ansicht verwendet werden die beiden letzten in der Quellansicht Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 134 Kompozer Tabelle A6 3 4 Einige n tzliche Symbole En dash Em dash ellipsis Left single quote Right single quote Left double quote o Right double quote suo k Pain f Degree sign Code alt 0150 alt 0151 alt 0133 alt 0145 alt 0146 alt 0147 alt 0148 alt 0128 alt 0163 alt 0176 Unicode U 2013 U 2014 U 2026 U 2018 U 2019 U 201C U 201D U 20AC U 00A3 U 00BO U 00D7 Multiply sign alt 0215 Der aufmerksame Betrachter wird vielleicht bemerken dass diese Codes weder den Zei chencodes noch den Unicode Werte der Zeichen entsprechen Tats chlich sind sie die dezimale Zeichen Codes auf der Basis der Windows 1252 Codierung Kompozer wird diese in den passenden Code umwandeln So wird der Code nicht in der Qu
142. icht leidet Die Vorteile der klaren Trennung von Inhalt und Formatierung dank der CSS Anwendung sind e Kleinere Dateien und daher ein schnellerer Download e Bessere Layoutkontrolle e Bessere Kompatibilit t zwischen Plattformen Ger ten und Medien e Leichtere Wartung A3 4 Die Wahl von Sprache und DTD Anf nger im Bereich Webdesign fragen oft Welche DocType declaration soll ich verwen den Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 120 Kompozer Wenn mit bereits bestehenden Seiten gearbeitet wird kann Kompozer mit jedem unter st tzten DocType umgehen Sie k nnen diesen DocType weiter verwenden vermeiden sollten Sie aber den Wechsel zu einem anderen DocType Wenn Sie ein neues Dokument anlegen empfehle ich die Verwendung von HTML 4 01 strict Ich empfehle nicht die XHTML 1 0 DocType declaration Transitional oder Strict es sei denn dass Sie Ihre Webseite Inhalte vom Typ application xhtml xml ben tigt Weitergehende Erkl rungen f r die Ablehnung von XHTML zumindest bis zum jetzigen Zeitpunkt w rden allerdings ber das Ziel dieser Anleitung hinausgehen Denjenigen die mehr zu diesem Punkt wissen m chten sei die Lekt re der folgenden Quellen empfohlen Say No to XHTML http www spartanicus utvinternet ie noxhtml htm Beware of XHTML http www webdevout net articles beware_of_xhtml php Sending XHTML as http www hixie ch advocacy xhtml text html XHTML is dead http www autisticcuckoo n
143. ie Ausrich tung f r vertikal und horizontal ber die DropDown Pfeile ein Um die Ausrichtung f r alle Zellen zu bestimmen w hlen Sie zuerst das Kommando Tabelle Ausw hlen Tabelle 3 6 4 Zentrieren der Tabellen Um eine Tabelle horizontal in der Mitte einer EEE Seite auszurichten klicken Sie in die Tabelle und dann auf den Tabelle Button Im Regis a 2 sre L dsrensers v ter Tabelle w hlen Sie im DropDown Feld SE Tabellenausrichtung entweder Links Bandi 1 mel Abstand o Pixel zwischen Zellen Re C h tS od e r M itte a u S a F llung 0 Pixel zwischen Zellenrand und Inhalt Tabellenausrichtung Mitte Titel kein Hintergrundfarbe BW Seitenfarbe durchscheinen lassen OK i Anwenden Schlie en Hilfe Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 37 Kompozer Anmerkung In Seiten die Transitional Doctypes verwenden richtet der Internet Explorer Tabellen links aus F r den IE6 gibt es einen Workaround der durchaus g ltigen Code produziert In der Quelltextansicht muss dem Code vor der lt table gt Anweisung diese Zeile hinzugef gt werden lt div align center gt Nach der lt table gt Anweisung folgt dann lt div gt 3 6 5 Optimierung von Tabellen Es gibt mehrere Wege Tabellen hinsichtlich der Pr sentation und der Zug nglichkeit zu verbessern Diese schlie en ein Caption Beschriftung Das ist ein Text der die Tabelle beschreibt F gen Sie diesen ein ber da
144. iert 2 Aus der DropDown Liste w hlen Sie einen 3 Dann in das Eingabefeld klicken ein Komma und ein Leerzeichen und Ihre bevor zugten Schrifttypen eingeben 4 Verfahren Sie ebenso mit weiteren Schriftarten 5 Tragen Sie am Ende einen generischen Typ ein C55 Stylesheets EI si ei S 4 Algemen Text Hintergrund Sheets und Regeln schriftart Schriftschnikt nicht angegeben w E A Internes Stylesheet nicht angegeben er SE H a Schriftstil nicht angegeben p _ vordefiniert E se Case nicht angegeben w w Ausrichtung niekt angegeben Cs Benutzerdefiniert d dE EE Courier New Century sans serif s Textattribute 1 berstrichen keine Schriftgr e Durchgestrichen zeilenh he eo l Unterstrichen C Blinkend Farbe The quick brown fox Jumps over the lazy dog Abbrechen Anmerkung Sie sollten einen Schrifttyp w hlen der auf Windows Systemen vorhanden sind und ein Aquivalent das auf Macintosh Computern vorhanden ist Anmerkung Sie k nnen So viele Schriftarten eingeben wie Sie m chten Anmerkung Die Cursive oder Fantasy ist nicht empfehlenswert weil das unsicheren Niveau der Standardisierung bei den Besuchern unterschiedliche Ergebnisse hervorbrin gen kann Anmerkung Wenn Sie eine Schriftart mit einem Leerzeichen im Namen benutzen m s sen Sie den Namen in Anf hrungszeichen setzten z B Times New Roman Wen
145. in 1 Satz angeben So steht die Angabe 20 f r ein Leerzeichen Details der URL Adresse Codierung werden in RFC 3986 Ref14 beschrieben Wikipedia Ref11 stellt eine einfachere Erkl rung bereit Autoren bemerken h ufig dass in den Namen von gespeicherten Dateien die Leerzeichen ersetzt werden durch 20 Wie oben erkl rt ist das ein ziemlich sicherer Weg und tat s chlich verbieten einige Betriebssysteme uncodierte Leerzeichen in Dateinamen Es ist immer vorzuziehen Leerzeichen in Dateinamen zu vermeiden Benutzen Sie den Unter strich als Alternative Es ist durchaus m glich Prozentzeichen Codierung f r jedes Zeichen des Satzes Latin 1 zu verwenden Wenn Kompozer mit Prozentzeichen verschl sselt geht er auf Nummer sicher Er kann so codieren auch wenn es nicht unbedingt notwendig ist Das geschieht aus zwei Gr nden e Kompozer kann manchmal nicht wissen zu welchem Zweck eine URL Adresse ge schrieben wurde also wei er nicht ob es nicht doch besser ist sie zu verschl s seln e Die Vorschriften dar ber was codiert werden muss und was nicht oder fakultativ codiert werden kann haben sich von Zeit zu Zeit ge ndert Viele alte Systeme die den letzten Spezifizierungen nicht entsprechen werden noch eingesetzt Da es erlaubt ist jedes Zeichen mit dem Prozentsymbol zu verschl sseln sollte es nicht von Bedeutung sein Ist aber leider manchmal doch Wiederum k nnen Systeme nicht die gegenw rtigen Erfordernisse erf l
146. in Beispiel hier ist wie ich die erste Verweisung Referenz in der Abteilung A7 4 un ten codierte lt p gt lt a href nttEp wWwwW w3 o0fo TR CSs21 gt C5952 Spezifizierungs a gt lt span class extlink gt http www w3 org TR CSS21 lt span gt introduces media in section 7 and covers paged media in section 13 lt p gt Die W rter CSS2 Spezifizierung bilden einen Hyperlink Die URL des Verweises wird dann wiederholt aber in einem lt span gt eingeschlossen das die Klasse extlink hat Die Seite wird mit zwei Stylesheets verbunden Das auf alle Medien anwendbare Styles heet wird zuerst geladen und enth lt die Regel extlink display none Das Drucker Stylesheet wird danach geladen und beinhaltet die Regel exel nk 1 display Inline text decorat oniungderline Das Unterstreichen der Verweise hebt sie hervor und Sie weiter berlegen sie in blau zu drucken Die Reihenfolge in der die Sheets geladen werden ist wichtig Wenn das Drucken Stylesheet zuerst und das allgemeine danach ge ffnet wird w rden die Informationen des Drucker Stylesheet berschrieben Siehe Abschnitt 7 3 1 A7 2 2 3 Bilder Images sind der raison d tre einiger Seiten also m ssen sie gedruckt werden Auf ande ren Seiten variieren sie vom Aufmacher bis zum nebens chlichen Material das weggelas sen werden kann um Zeit und Tinte zu sparen Dieselbe Methode kann bez glich Men s verwendet werden Wenn alle Bilder unterdr ckt we
147. inamens hinter dem Punkt Kompozer Anleitung kennzeichnet den Dateityp Version 1 01 vom 07 06 2008 Seite 117 FTP Handle HTML ISP Mozilla MSIE Non breaking space Nvu Quirks Mode Register Tab Selector Sizing Box Stylesheet Strict Tab ulator Tag Kompozer Anleitung Kompozer File Transfer Protocool Wird benutzt zum Upload von Webseiten Symbole normalerweise kleine Quadrate an den R ndern von Boxen die der Gr en nderung oder Positionierung dienen Hypertext Markup Language Die Publizierungssprache des World Wide Web Internet Service Provider Sammelbepgriff f r eine Anzahl von hnlichen Browsern einschlie lich Netscape 6 und neuer Mozilla und Firefox Microsoft Internet Explorer Ein Leerzeichen das obwohl unsichtbar wie ein normaler Buch stabe in ein Wort eingef gt werden kann damit es nicht geteilt wird um eine neue Zeile zu beginnen Die Vorg ngerversion von Kompozer Die letzte Version erh lt lich auf http www nvu composer de enth lt Bugs die in jeder neuen Version des Kompozer schrittweise entfernt werden F r Dokumente mit dem Doctype Transitional bietet der MSIE zwei Betriebsarten an den Standardmodus und den Quirksmo dus Im Quirksmodus wird das Verhalten des MSIE 5 emuliert Der Quirks Modus wird ausgel st wenn der Doctype nicht den Spezi fikationen entspricht und die DTD entf llt Teile von vielen Fensterstrukturen die Register
148. ine beliebige Site zum sie zu erweitern An der Oberseite des Seitenverwaltungs Fensters bietet Ihnen das DropDown Feld An sicht die M glichkeit die Dateien zu filtern Sie k nnen alle Dateien ansehen nur HTML Dateien incl HTM oder nur Bilddateien diese schlie en die Typen gif jpg jpeg und png ein Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 101 Kompozer Nyu 5eitenverwaltung Alle Dateien ka ES Ale Dateien O red HTML Dokumente ASE Bilddateien Fiat Meine lokale Seite el haustiere html 356 Ansicht F r die Dateianzeige kann bestimmt werden ob die Dateigr e und das nderungsdatum dargestellt wird Um diese Einstellung vorzunehmen klicken Sie auf das Symbol ganz rechts in der Tabellen berschrift des Fensters und aktivieren oder deaktivieren Sie im Me n die Option Vielleicht m ssen Sie das Seitenverwaltungsfenster verbreitern um das Symbol zu erreichen Siehe die Abbildung unten Nyu Seitenrerwaltung Ansicht Alle Dateien w S i a ol ZS ES Mame Gr Zuletzt ge ndert E Fiat e Meine lokale Seite vw Gr e E haustiere htmi 336 Tue May 31 w zuletzt ge ndert Es ist nicht m glich die Sortierung der Liste zu ndern Ein Doppelklick auf eine HTML Datei l dt sie direkt in den Seitenbereich f r die Bearbei tung Die Buttons an der Oberseite des Seitenverwaltungsfensters erm glichen eine Umbenen nung oder L schung von Dateien sowie die Ei
149. ird Der Gebrauch von SPAN wird in HTML immer weniger einge setzt zu Gunsten der Verwendung von Styles In der HTML Tags Ansicht werden keine Hintergrundbilder angezeigt Quelltext Ansicht zeigt alles Detail des HTML Codes Mit Ausnahme der Zeile DOCTYPE kann alles editiert werden Eine zus tzliche Ansicht wird ber den Vorschau Button in der Bearbeitungs 4 Symbolleiste zur Verf gung gestellt Dieser ffnet Ihren Standard Browser und Vorschau gew hrt die volle Browserfunktionalit t Warnung Wenn Ihre Standard Browser der Internet Explorer ist kann es geschehen dass die Seite sich in der Quelltextansicht anstelle der Seitenansicht ffnet 3 16 Editieren in der Quelltext Ansicht Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 59 Kompozer Dieser Modus ist f r die bestimmt die mit der Kodierung in HTML vertraut sind In diesem Modus ist Kompozer nicht einfach ein Texteditor Beim Umschalten zu einer anderen An sicht f hrt Kompozer berpr fungen des Codes durch um sicherzugehen dass er g ltig ist Wenn er es nicht ist wird er repariert Kompozer hat Mutma ungen dar ber angestellt was beabsichtigt wurde Wenn Kompozer falsch lag gibt kein Zur ck mehr keine R ck gangig Taste So ist es m glich bei einer total verworrenen Seite zu enden die zwar an gezeigt wird aber die H lfte des Inhalt k nnte verschwunden sein Unn tig zu sagen dass eine gute Backup Strategie solche Zwischenf lle verhindern kann D
150. iterte Individuelle Style Regel 26 div header arh over bady Normaler Text p Absatz hi berschrift 1 hz berschrift 2 ha berschrift 3 h berschrift Ai h5 Oberschrift 5 be berschrift 6 address Adresse pre Vorformatiert C55 Stylesheets Petr Algemen EE Sheets und Regeln Style Regel El Bsteilschiet Auswahl p Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 66 Kompozer Definition der Styles 1 Suchen Sie der Reihe nach die Registerbl tter Text Hintergrund Begrenzungen usw auf und gestalten Sie die Elemente nach Ihren W nschen Der folgende Ab schnitt legt detailliert dar wie Sie vorgehen m ssen 2 Kehren Sie zum Registerblatt Allgemein zur ck um die komplette Style Definition zu sehen die Sie f r den Selektor gesetzt haben 3 Sie k nnen im Register Allgemein die Regeln editieren aber es ist besser den Job CaScadeS zu berlassen weil im Fehlerfall wird die Deklaration gel scht wird 4 Klicken Sie auf OK Sind die Regeln erst einmal eingerichtet worden k nnen sie editiert werden CaScadeS muss dazu wieder ge ffnet werden dann das Stylesheet im linken Fenster Styles und Re geln expandieren und dann auf die gew nschte Regel klicken In diesem Fenster sehen Sie alle Tags die von Ihnen definiert wurde Ich werde jetzt nicht alle Optionen bespre chen aber einige werden im weiteren Verlauf behandelt Es ist nicht erforderl
151. itionen werden Style Regeln oder einfach Regeln genannt Diese Regeln k nnen auf zwei Arten deklariert werden Die erste trifft auf alle Elemente eines bestimmten Tags zu z B p h1 table die zweite ist die Klasse wie oben bespro chen Anmerkung Wenn Sie den HTML Code betrachten sehen Sie eine Struktur wie lt p class mynicepara gt wenn die Klasse mynicepara angewandt worden ist Der entsprechende Code wenn keine Klasse angewendet wird ist lt p gt Wenn Sie in einem Stylesheet eine Klasse betrachten sehen Sie den Klassennamen dem ein Punkt vorausgeht z B mynicepara w hrend ein allgemein angewandter Style wie p aussieht Allgemein an gewandte Styles m ssen selbstverst ndlich den Namen des Elements bekommen auf das sie angewandt werden w hrend eine Klasse jeden Namen haben kann den Sie ihn geben m gen Um die Site leichter zu pflegen ist es sinnvoll den Klassen Namen zu geben die die Funktion und nicht die resultierende Erscheinung beschreiben Warum Irgendwann m chte man nicht mehr dass die Klasse gruen einen gr ne Schrift verursacht sondern eine blaue Da ist eine Klasse mit einem Namen wie z B schriftzitat schon besser 4 1 3 3 Externe Styles Linked stylesheets Obwohl die ersten zwei Methoden zul ssig sind und auch h ufig gebraucht werden ist die dritte die bevorzugte Methode weil es konomisch ist die gleichen Styles f r viele Seiten wieder zu verwenden Auch hilft sie dabei
152. k erschei nen Diese Anleitung beschr nkt sich auf die Gesichtspunkte der Bildschirmgestaltung Mit Elementen meinen wir Teile der Seitenstruktur typischerweise berschriften und Abs tze aber auch vieles andere einschlie lich Tabellen unsortierte und nummerierte Listen usw Styles k nnen solche Aspekte der Darstellung wie die Schriftart gr e farbe und schnitt definieren Auch die Hintergrundfarbe die Ausrichtung eines Elementes nach rechts links oder zur Mitte der Abstand zu anderen Elementen die Rahmenart und farbe werden be stimmt Elemente k nnen eine absolute Position in Bezug zur Seite haben Dadurch ist es m glich dass sich Elemente berdecken lassen Elemente wie Abs tze Tabellen und Bilder werden als Elemente innerhalb von Boxen oder Bl cken betrachtet deren Gr en angegeben werden k nnen Anmerkung Sie k nnen die Umrisse der Bl cke sehen indem Sie im Ansicht Men den Punkt Bereichskonturen anw hlen 4 1 2 Klassen Auch wenn es m glich ist den Style der Elemente allgemein zu bestimmen k nnen zu s tzlich Styles definiert und auf bestimmte Elemente selektiv angewendet werden Dieses geschieht durch Klassen eine Klasse ist ein Style der angewendet werden kann wie und wann Sie es wollen Klassen werden auf Tags angewandt Das Element auf das die Klasse angewandt wird erscheint im Format das durch die Klasse definiert wird Andere hnliche Elemente auf die die Klasse nicht angewendet werden
153. ken Sie auf den Link Button 2 W hlen Sie zun chst die Datei wie bereits beschrieben 3 Schreiben Sie dann sofort im Fenster Link Eigenschaften nach dem Dateinamen ein gefolgt von dem Namen des Ankers Wenn Ihre Datei pinguin html hei t und der Anker oben wird der komplette Eintrag pinguin html oben lauten ohne die An f hrungsstriche Geben Sie acht dass Sie die Gro und Kleinschreibung beach ten Bei einigen Systemen z B Windows wird hier nicht unterschieden aber bei anderen Linux UNIX wird ihr Link nicht funktionieren wenn die Schreibung nicht identisch ist Ich empfehle immer die Kleinschreibung f r Dateinamen und Anker Link Eigenschaften Link Text Pinguin Link Adresse Geben Sie eine Webseiten Adresse eine lokale Datei oder eine Email Adresse ein oder w hlen Sie ein benanntes Ziel oder eine berschrift aus der Popup Liste pinguini html obien _ Dies ist eine E Mail Adresse URL relativ zur Seitenadresse Durchsuchen Erweitert OK Abbrechen Hilfe A Anmerkung Der Name des Ankers lautet oben nicht oben Das Nummernzeichen teilt dem Browser nur mit dass der folgende Text ein Anker ist Tipp Wenn Sie Ihre Seite mit berschriften strukturiert haben machten es Kompozer Ihnen sehr einfach bestimmte Stellen in den Dokumenten anzuspringen Sogar wenn Sie keine Anker eingef gt haben k nnen Sie ber die DropDown Liste alle berschriften sehen und als Sprungzi
154. kka Yucca Korpela www cs tut fi 7Ejkorpela der den Abschnitt ber Codierung berpr ft und verbessert hat Fehler und Auslassungen gehen selbstverst ndlich auf mein Konto Gerard muss gedankt werden f r die bersetzung ins Franz sische ebenso wie Tsutomu Ohmori f r die bersetzung in das Japanische Dank geht auch an Daniel Glazman von Disruptive Innovations www disruptive innovations com der aus dem ehemaligen Netscape Composer Nvu entwickelt hat und an Fabien Cazenave Kaze fabiwan kenobi free fr der die Weiterentwicklung zum Kompozer geleistet hat Charles Cooke Nachwort des bersetzers Diese bersetzung entstand auf der Basis des Guide vom 17 Dezember 2007 Die ber setzung mag an einigen Stellen etwas holprig wirken Das m ge man mir nachsehen Ich habe die Anleitung um eine Reihe von Screenshots erweitert So hat sich der Umfang un gef hr verdoppelt Sie ist in weiten Teilen auch auf Nvu anwendbar Anregungen Korrek turvorschl ge und Kritik sind willkommen Besonderer Dank gilt Hans U Scholz der mich auf diese neue Kompozer Anleitung von Charles Cooke aufmerksam gemacht hat und dessen Anregungen ich gerne aufgenom men habe J rgen Klose E Mail info juergen klose de Diese Anleitung ist lizenziert nach greative commons COMMONS DEED http creativecommons org licenses by sa 2 0 Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 157
155. l h2 h3 h4 As h l Style Regel erstellen abbrechen Selektoren bearbeiten Wenn Sie bereits eine Styledefinition f r einen Selektor durchgef hrt haben und m chten dieser Definition noch einen weiteren Selektor hinzuf gen k nnen Sie den Selektor im Fenster Sheets und Regeln markieren und dann auf das Symbol Bearbeiten klicken In dem sich ffnenden Fenster f gen Sie die ben tigten Selektoren hinzu Auswahl hi hZ ha h4 hs h Abbrechen 4 2 3 Benannte Klassen Ich habe oben vorgeschlagen dass Sie zun chst allen Elementen einer bestimmten Typs einen Style zuweisen Solche Styledefinitionen werden auf das Element angewandt wo Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 75 Kompozer auch immer es auf einer Seite gefunden wird Dadurch wird eine Konsistenz innerhalb ei nes Dokumentes bewirkt aber m glicherweise kommt auch ein Anflug von Langeweile auf Sie k nnen Ihre eigenen Styles auch so definieren dass Sie sie selektiv anwenden Diese Styles werden als Klassen bezeichnet Eine Klasse einrichten gt wichtig Die betr ie ua Kompoza C55 Stylesheets EI eh ws t Allgemein Text Hintergrund import men Typ text css Linkelerment Deaktiviert Stylesheets deaktivieren wird nicht gespeichert Sbyle Element URL keine fins Dokument eingebunden Regel Media Liste all Nummer der Regeln Stylesheet exportieren
156. l sie vorher undefiniert war Jedoch ignorieren die Browser das offensicht lich Der Inhalt wird auch dargestellt wenn er eigentlich nicht mehr in den Layer hinein passt Wenn Sie Layer bereinander legen ist ein Mechanismus erforderlich der definiert wel cher Layer oben liegt also v llig sichtbar ist und welcher hinten liegt also teilweise ver deckt ist Zwei Buttons Nach vorne bringen und Nach hinten stellen auf der For mat 2 Symbolleiste erledigen diese Aufgabe W hlen Sie den Layer und klicken Sie den passenden Button an ze h her Index rel Etagen h her Indez 2 SACHER 0 11 IN Mach vorne bringer Mach hinten stellen Layer haben zun chst keinen Parameter z index Wenn ein Layer nach vorne gestellt wird bekommt er den z index Wert 1 Der z index definiert wie weit vorne der Layer ist Wenn ein anderer Layer ber den bisher oben liegenden positioniert wird muss er den z index 2 erhalten Wenn Sie den Layer markieren und auf den Button Nach vorne bringen klicken wird der Index lediglich auf 1 gesetzt Indem Sie den Prozess wiederholen erh lt der Index den Wert 2 und wird in den Vordergrund geholt Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 50 Kompozer Anmerkung Eine sinnvollere Bezeichnung f r die Buttons w re Eine Ebene nach vorne bringen bzw Eine Ebene nach hinten bringen 3 10 5 Anheften Sechs andere Buttons auf der Format 2 Symbo
157. l wird das Verzeichnis eingerichtet wenn es noch nicht besteht Anmerkung Dieses ist ein Unterverzeichnis des Stammverzeichnisses Wenn Sie ein Verzeichnis beschicken wollen das nicht direkt unterhalb des Stammverzeichnisses liegt m ssen Sie dieses ausdr cklich angeben wie z B pagesubdirectory filessubdirectory Anmerkung Alle Dateien wie z B Bilder und Stylesheets werden in das gleiche Ver zeichnis gelegt Das ist die Anordnung die in vielen Sites verwendet wird und ist auch die einzige Anordnung die von der Kompozer Seitenverwaltung unterst tzt wird 5 Es sollte nicht erforderlich sein das Registerblatt Einstellungen aufzurufen da die Da ten bereits ber die Auswahl des Sitenamen eingef gt wurden zur Kontrolle k nnen Sie sich die Daten aber ansehen und n tigenfalls ndern k nnen 6 Klicken Sie auf Publizieren Ein Publizierungs Fenster erscheint und das Hochladen beginnt wenn Sie auf einem W hlanschluss haben wird eine Verbindung hergestellt E Publizierung Seite ber Haustiere Publizierung Seite ber Haustiere Publizieren zur Seite Fiat Datei publizieren Site URL fp www juergen klose de millecinguecento Publizieren zur Seite Fiat Site URL ftp www juergen klose de millecingquecento Publizierungs Status Publizierungs Status Publizieren Publizierung erfolgreich Alle Dateien publiziert haustiere hkml FLA haustiere html
158. lansicht und der Vorschau sichtbar aber nicht in der HTML Tag Ansicht Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 34 Kompozer 3 6 2 4 Einstellung des Zellrandes und des Abstandes Ein Rechtsklick in einer Tabelle und die Auswahl von Tabellenzelle Eigenschaften lassen das Tabelleneigenschaften Fenster erscheinen Wenn Sie das Tabelle Register w hlen sehen Sie dass der Abstand zwischen Zellen auf 2 Pixel voreingestellt ist Wenn er auf Null gestellt wird verschwinden die Abst nde Anmerkung Das Tabelleneigenschaften Fenster kann auch erreicht werden indem man den Tabellen Button anklickt Die Rand Voreinstellung betr gt 1 Pixel Dieser Rahmen erscheint um den Rand der Ta belle und auch um jede Zelle und macht die Tabelleumrisse leichter sichtbar Wenn der Rand auf Null gestellt wird verschwindet dieser Kompozer ersetzt im normalen Modus die Umrisse durch schmale rote Linien die aber in der Vorschau und im Browser verschwin den Wenn der Rand auf einen Wert gr er als 1 Pixel eingestellt wird werden die schmalen Zellr nder wieder erscheinen und die Tabellenumrisse erhalten den eingestellten gr eren Wert Das genaue Aussehen des Tabellenrandes h ngt von dem benutzten Browser ab Andere Aspekte dieser Linien z B Farbzuweisung oder Unterdr ckung von Zellr ndern bei gew hltem Tabellenrand k nnen mit diesen Methoden nicht kontrolliert werden Anmerkung Durch den Einsatz von Stylesheets Siehe Abschnitt 4 2 1
159. lb des letzten DIV immer noch etwas Raum gelassen wird Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 88 Kompozer Tipp Wenn Sie in die Falle des letzten DIV auf der Seite getappt sind gibt es einen Fluchtweg Klicken Sie auf den letzten Eintrag im DIV und dann auf den Marker f r den DIV in der Statusleiste Dr cken Sie dann die PfeilUnten Taste Das wird den Cursor un terhalb des DIV positionieren ihn jedoch nicht sichtbar machen Unique divisions Ein allgemeiner Einsatz von DIVs gilt einzelnen Regionen einer Seite Beispiele k nnten ein Men eine Inhalts bersicht oder der Haupttextbereicht sein In solchen F llen ist es passender anstatt einer Klasse einen d zu verwenden 4 5 2 Styles innerhalb eines DIV Eine andere leistungsf hige CSS Eigenschaft ist der Klassenselektor Dieser kann zum Beispiel in Verbindung mit einem lt DIV gt verwendet werden um einen Satz Klassen auf Teile einer Seite anzuwenden die mit lt div gt Tags umgeben sind Eine lt DIV gt ist eine gute M glichkeit der Anwendung eines Satzes von Styles innerhalb einer begrenzten Region auf einer Seite Selbstverst ndlich k nnte ein Satz Klassen ent worfen und auf die Elemente innerhalb der Region angewendet werden aber dieser Weg ist m hsam und bl ht den Code auf Ein einfacherer Weg ist die Einrichtung eines Satzes von Styles f r die Elemente in der lt div gt und diese so zuzuweisen dass sie nur innerhalb des lt div gt Bereichs gelt
160. le Schriftgr en werden skaliert bei Verwendung der Browser Textgr en Optionen mit Ausnahme der in Pixeln angegebenen Gr en In diesem Fall verhalten sich die Browser unterschiedlich Schriftfarbe Entweder tragen Sie einen Farbnamen in das Ss Eingabefeld ein oder klicken auf die Taste rechts En davon Wenn Sie auf die Taste klicken ffnet BE BE ET sich das Text Farbe Fenster und Sie haben drei weitere Auswahlm glichkeiten Sie k nnen die Farbe in Farbton S ttigung und Helligkeit HSB ausdr cken oder Rot Gr n und Blau Werte bobo bobos RGB von 0 bis 255 angeben Klicken Sie alternativ auf eines der 70 K stchen mit den O angebotenen Farben F Letzte gew hlte Farbe Hex 000100 Name f de Farbton 164 3 Rot 0 S ttigung 65 3 Gr n i Helligkeit 1 3 Blau 1 Anmerkung Das sind die so genannten sicheren Farben des Webs weil sie auch auf Monitoren funktionieren die auf eine geringe Farbtiefe eingestellt sind Eigentlich umfasst dieser Bereich 216 Farben sie werden hier jedoch nicht zur Verf gung gestellt Moderne Monitore arbeiten normalerweise mindestens mit einer Farbtiefe von 24 Bit es gibt also kaum eine Rechtfertigung f r diese Beschr n Kung lalo lalo tale Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 71 Kompozer Die n chste Option ist ein Klick auf den Regenbogen Regler Die gew hlte Farbe er scheint in dem Quadrat Feinabstimmungen k nnen mit den RGB oder
161. len Eric Meyer hat in seiner Toolbox Ref 20 einen URL Decoder Encoder zur Verf gung ge stellt der Ihnen erlaubt die Ergebnisse der Codierung zu sehen A6 5 2 Keine Kodierung von Spezialzeichen in Attributen Das Kontrollk stchen Keine Kodierung von Spezialzeichen in Attributen steuert ob Kompozer die Prozentzeichen Codierung f r spezielle Zeichen in URLs anwendet oder nicht Zum Beispiel verschl sselt Kompozer das Pipe Zeichen weil eine fr here Spezifizikation es so verlangte Aber einige Systeme werden das nicht richtig decodieren und versagen dann Im Nvu Forum wurde berichtet dass lt img src cgisys Count cgi df bassman dat display Counter ft 1 md frgb 100 139 216 dd E amp reload N gt codiert wird als lt img src cgisys Count cgi1 df bassman7 dat 7Cdisplay CounterS Cft Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 142 Kompozer 1 7Cmd 6 7Cfrgb 100 139 216 7Cdd Esamp reload N gt und dass dieses nicht richtig erkannt wurde Um dieses Problem zu beheben aktivieren Sie das K stchen Keine Kodierung von Spezi alzeichen in Attributen Kompozer ist nicht in der Lage selektiv Zeichen in einer URL zu codieren und in einer an deren nicht Dennoch scheint diese Beschr nkung kein Problem f r die Autoren zu sein A6 6 Quellen Jukka Korpela 1 Characters and Encodings http www cs tut f1 7Ejkorpela chars deckt fast alle As pekte dieses Themas ab Alan Wood 2 Exze
162. lleiste k nnen benutzt werden um die Po sition von Layern zu beeinflussen Sie legen fest zu welchem Seitenrand ein konstanter Abstand eingehalten wird Dadurch wird das Verhalten des Layers bei nderungen der Fenstergr e im Browser bestimmt e Am linken Rand anheften laa FE e Zentriert anheften qIEIK e Am rechten Rand anheften e Oben anheften e In der Mitte anheften e Unten anheften Der erste Button Am linken Rand anheften legt den Abstand zum linken Seitenrand als konstant fest Das ist die Voreinstellung Der zweite Zentriert anheften definiert die Position nicht in absoluten Angaben sondern als Prozentsatz der Seitenbreite Wenn der Layer z B in der Seitenmitte festgelegt und dann dieser Button bet tigt wird bleibt er auch dann in der Mitte wenn das Browserfenster sich ndert Der dritte Button Am rechten Rand anheften definiert den Abstand des Layers vom rechten Fensterrand anstatt vom linken Seitenrand als fest Oben anheften bestimmt den konstanten Abstand zum oberen Fensterrand In der Mitte anheften entspricht Zentriert anheften bezieht sich aber auf das vertikale Ma Unten anheften definiert den Abstand zwischen der Unterseite des Layers und der Unter seite der Seite Unten anheften und zentriert anheften sollte denen berlassen werden die ber Kenntnis se im Umgang mit Stylesheets verf gen die anderen vermeiden diese Einstellungen bes ser Wird ein Objekt das angeheftet worden ist
163. llente allgemeine Quelle http www alanwood net unicode index html bietet mehrere Seiten inklusive Unicode Testseiten Browsereinstellungen Fonts mit Unicode Support Betriebssystemen Auch bestimmte Seite auf 3 Der Gebrauch von Spezialzeichen der Windows Glyph List 4 WGL4 in HTML http www alanwood net demos wgl4 html 4 Unicode Fonts f r Windows Computer http www alanwood net unicode fonts html 5 Unicode Zeichenbereiche und die sie unterst tzenden Unicode Fonts http www alanwood net unicode fontsbyrange html 6 Griechisch Mathematik und Interpunktion http www alanwood net demos symbol html 7 Microsoft Wingdings Zeichensatz http www alanwood net demos wingdings html Wikipedia hat gute Artikel ber 8 ASCII http en wikipedia org wiki ASCII 9 ISO 8859 1 http en wikipedia org wiki ISO JEC_8859 1 10 Zuordnung von Unicode Symbolen zu Unicode Tabellen http en wikipedia org wiki Mapping_ of Unicode characters 11 URL Codierung http en wikipedia org wiki Percent encoding Microsoft 12 Erweiterung f r die Eigenschaften des Windows Explorer f r die Uberpr fung des Uni code Supports http www microsoft com typography property property htm 13 Windows 1252 Zeichentabelle http www microsoft com globaldev reference sbcs 1252 mspx Standards und Spezifikationen 14 RFC 3986 Uniform Resource Identifier Generic Syntax http www ietf org rfc rfc3986 txt Kompozer Anleitung Version 1 01 vom
164. loses Programm f r das Entwickeln kleiner Web Sites haben m chten und die moderne Web Design Techniken wie Cascading Stylesheets erlernen m chten 1 3 Umfang der Anleitung Diese Anleitung ist vom Blickwinkel des Windows Betriebssystems geschrieben worden also k nnen Einzelheiten in anderen Systeme abweichen Sie ist als Referenz gedacht obgleich sie in einigen F llen eher wie ein Tutorial wirkt Obgleich der Inhalt von Webseiten auf dem Bildschirm dem Drucker oder im Lautsprecher wiedergegeben werden kann ist die Anleitung auf die Monitordarstellung beschr nkt 1 4 Methode Die Anleitung versucht sowohl Anf ngern die vergleichsweise wenig Wissen ber Web designprogramme haben als auch denjenigen die den Ubergang von anderen Program men vollziehen und bereits betr chtliches Wissen auf diesem Gebiet haben gerecht zu werden Obgleich die Anleitung nicht f r den kompletten Anf nger bestimmt ist werden die Begriffe sukzessive hinzugef gt Um zu vermeiden mich zu oft zu wiederholen habe ich mich mehrfach auf Themen bezogen die erst sp ter kommen Dieses trifft insbesondere auf die Verwendung von Styles zu hier ist Kompozer besonders m chtig Ich empfehle diese Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 6 Kompozer Hinweise beim ersten Lesen zu ignorieren da ich sp ter darauf zur ckkomme Dieses Vorgehen behindert nicht das Verstehen der sp teren Teile Zwischendurch angebrachte Anmerkungen bieten
165. lt gt und nicht umbrechende Leerr ume Achtung In der normalen Praxis wird non breakable whitespace auch nobreak space genannt Entity amp nbsp Im Abschnitt Spezielle Zeichen die diese Einstellung als Standard angeboten Das ist die Minimaleinstellung Die aufgelisteten Zeichen m ssen immer codiert werden welche Option auch gew hlt wurde Mit dieser Auswahl werden die Zeichen als Entitys co diert Da das Zeichen lt im HTML Code benutzt wird um den Anfang eines Elements zu kennzeichnen wird es wenn es in den Seitentext eingef gt wird die Seite st ren da der Browser erwartet ein neues Element zu interpretieren Es muss immer codiert werden Das Zeichen gt kennzeichnet das Ende eines Elements und sollte sicher sein Das W3C empfiehlt aber auch in diesem Falle eine Codierung da ltere Browser irritiert werden Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 138 Kompozer k nnten Siehe Abschnitt 5 3 2 der HTML Spezifizierung Ref 16 Wenn Sie f r dieses Zei chen das Verhalten ndern m chten m ssen Die das Kontrollk stchen Keine Kodierung von gt au erhalb von Attributen ankreuzen Da Entitys und numerische Zeichen Referenzen mit einem Ampersand Zeichen anfangen amp kann ein hnliches Problem mit diesem Zeichen entstehen Die Ausgabe der nicht umbrechbare Leerr ume no break space als eine Entity ist emp fehlenswert da es sonst wie ein normales Leerzeichen aussehen w rde Vor dem V
166. men Listeneigenschaften 3 4 4 2 Listen formatieren Listentyp Unsortierte Liste Sie k nnen Attribute einer Liste in mehrfacher Hinsicht ndern Sie k n nen zwischen unsortierter Liste Nummerierung oder Definitionsliste wechseln Weiter k nnen Sie bei einer unsortierten Liste das Aussehen der Aufz hlungspunkte und bei der Nummerierung die Art der Zahlen Eer bzw Buchstaben bestimmen Orienta See aa Erweitert Abbrechen Puriktstil 1 Markieren Sie die Liste 2 Klicken Sie im Format Men auf den Eintrag und dann auf den Eintrag Liste Eigenschaften 3 W hlen Sie die gew nschte Einstellung 4 Zu weiteren Einstellungsm glichkeiten gelangen Sie durch den Klick auf Erweitert 5 F r Nummerierung kann das Ziffernformat und f r unsortierte Listen das Aufz h lungszeichen ge ndert werden Wenn Sie sofort bei der Listenbildung auch die Formatierung bestimmen m chten sollten Sie folgenden Weg einschlagen 1 Markieren Sie die Abs tze Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 21 Kompozer 2 Wenn Sie eine nummerierte Liste erhalten m chten m ssen Sie alle Punkte zu sammen markieren andernfalls beginnt die Nummerierung mitten in der Liste neu 3 Rufen Sie im Men Format das Kommando Liste auf 4 Im nun aufklappenden Men w hlen Sie Ihr bevorzugtes Format 3 4 4 3 Listen verschachteln Listen k nnen verschachtelt werden Dazu ist es notwendig den Einzug der Abs tze zu vergr
167. mente f r die Datenerfassung enthalten Damit diese Elemen te funktionieren m ssen sie innerhalb des Formularbereichs eingef gt werden Jedes Datum das zum Server gesendet wird enth lt auch eine Information ber das sen dende Element Daher muss jedes Element einen eindeutigen Namen erhalten den ihm der Designer geben muss Die im Formular gesammelten Daten werden zu einer URL geschickt die im Eintragsfeld Aktions URL der Formular Eigenschaften bestimmt wird Diese URL ist h ufig auf dem Server der auch die Webseiten hostet kann aber auch woanders liegen Die Daten wer den bertragen durch zwei unterschiedliche Methoden die GET oder POST genannt wer den Die gew nschte Art muss hier angegeben werden Welche Methode die richtige ist erfahren Sie von Ihrem Provider der zust ndigen Software 3 9 2 Formular einrichten Richten Sie auf der Seite zun chst den Bereich f r das Formular ein Klicken Sie die Formular Schaltfl che an r Geben Sie einen Namen f r das Formular ein Formular Geben Sie den Aktions URL ein W hlen Sie die Ubertragungsmethode GET oder POST Kodierung und Ziel Frame werden nicht oft erforderlich sein wenn es doch der Fall ist Klicken Sie auf die Schaltfl che Mehr Eigenschaften und w hlen aus den DropDown Felder die Werte aus DT Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 46 Kompozer Formular Eigenschaften ES bormular Eigenschaften Einstellungen Einstellungen p
168. mit einem vorhandenen externen Stylesheet 1 Starten Sie den CSS Editor 2 Klicken Sie jetzt auf den DropDown Pfeil neben dem Palettensymbol ber dem Sheets und Regeln Fenster und w hlen Sie jetzt Linkelement 3 Klicken Sie auf Durchsuchen und gehen zur Position des Stylesheet das Sie benut zen m chten 4 ffnen Sie die Datei und klicken jetzt auf Stylesheet erstellen Sie sollten den Sty lesheet Namen dann im Fenster Sheets und Regeln sehen Sie k nnen den CSS Editor jetzt schlie en aber auch selbstverst ndlich mit den Styles heets in der vertrauten Weise arbeiten Anmerkung Falls Sie in dem verlinkten Stylesheet noch keine Regeln definiert haben taucht die Datei im Quelltext der Webseite nicht auf 4 2 4 4 Stylesheets speichern Wenn Sie in Kompozer eine CSS Datei ge ndert haben wird ihr Name im Fenster Styles und Regeln mit einem roten Diskettensymbol gekennzeichnet als Zeichen daf r dass die CSS Datei nach der Anderung noch nicht gespeichert wurde Wenn Sie CaScadeS schlie en wird die CSS Datei sofort gespeichert Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 82 Kompozer CSS Stylesheets Allgemein Text Hintergrund Beurenzungen Box tist Sheets und Regeln Style Regel Internes Stylesheet Auswahl klasseRegel A steilschiet css Il D klasseR egel 4 2 5 Andere Style Selektoren 4 2 5 1 Einleitung Element Styles Abschnitt 4 2 1 und
169. n Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 112 Kompozer Gegenw rtig sollte die Minimalausstattung an Browsern zu Testzwecken beinhalten Firefox neueste Version Opera neueste Version Safari Internet Explorer 6 und 7 Zwischen den letztgenannten gibt es Unterschiede und auch zu den anderen Browsern so dass es sinnvoll ist beide zu benutzen Trotz der Verf gbarkeit der Version 7 bleibt zu n chst der IE 6 der am weitesten verbreitete Browser daher muss auch er verwendet wer den Tipp Diejenigen die nur einen Windows XP Computer zur Verf gung haben k nnen meh rere Versionen des Internet Explorers laufen lassen Joe Maddalone http www positioniseverything net articles multilE html entwickelte die Methode und Yousif Al Saif http tredosoft com Multiple_IE hat einen Installer programmiert Zun chst lief das Verfahren nicht auf Windows Vista aber in der Zwischenzeit wurde eine Methode entwickelt 10 2 3 Formale Validation Browser sind h ufig gegen ber falschem Code sehr tolerant Ein rigoroser Test der Seiten kann durchgef hrt werden indem sie zu den W3C Validatoren geschickt werden Es gibt zwei der erste pr ft ob der Seitencode der HTML Spezifikation entspricht der zweite ob die Stylesheets interne und externe verbundene mit der CSS Spezifikation konform ge hen Kompozer liefert direkten Zugriff zum ersten HTML Validator Um eine Seite zu validieren w hlen Sie im Men Extras Quelltext
170. n Sie das unterlassen kann es zwar funktionieren eine Validierung meldet jedoch Fehler Schriftgr e Es gibt drei Abschnitte die unterschiedliche Optionen anbieten Der erste Block bietet verschiedene Ma einheiten an Weil Monitore in Gr e und Aufl sung variie ren und weil Augen und Vorlieben der Betrachter sich unterscheiden bieten Browser An sichtsoptionen die dem Benutzer erlauben die Textgr e zu ndern Wenn diese M g lichkeit gesperrt wird ist der Benutzer m glicherweise nicht in der Lage die Seite so zu sehen wie er oder sie es sich w nschen Einige der Varianten in der ersten Gruppe z B px pt cm in mm pc sind eher f r Printmedien geeignet Diese k nnen das Browserzoo Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 69 Kompozer ming behindern oder schwer vorhersehbare Schriftgr en zur Folge haben Der letzte Ab schnitt der benannten Schriftgr en beginnend mit noch kleiner ist vielleicht am sinnvolls ten alternativ k nnen Sie die Prozentangabe oder die em Gr en w hlen Wenn Sie die Gr e ndern k nnen Sie die Auswirkung direkt auf Ihrer Seite sehen 55 Stylesheets Ed BEEE t 4 e ra Sheets und Regeln SCH Schrifeschmitt nicht angegeben se Gite Stylesheet 5 nicht angegeben Ma eE Adi rue K Schriftstil nicht angegeben P L 3 vordefiniert RER CR Case nicht angegeben wel Ausrichtung i hk b w l e Benutzerdefi
171. n Sie ein benanntes Ziel oder eine A e im berschrift aus der Popup Liste Link Eigenschaften Fenster ffnet Ihaustiere htm sich _ Dies ist eine E Mail Adresse 3 Klicken Sie dann auf Durchsuchen URL relativ zur Seitenadresse Durchsuchen und markieren die Datei zu der Sie ine Verbindun fnehmen m ch mie erbindung aufnehmen m c mars 4 TK auf Offnen und schlie lich Abbrechen te In der Normal oder Vorschauansicht finden Sie jetzt Ihren Text unterstrichen und in einer anderen Farbe vermutlich blau Klicken Sie jetzt doppelt auf den Link es wird wieder das Link Eigenschaften Fenster ge ffnet Auf diesem Weg k nnen Sie die Zieldatei nachtr g lich ndern In einem Browser erwarten Sie dass die Datei die sie gerade betrachten ersetzt wird durch die auf die sich der Verweis bezieht Wenn Sie jetzt zur HTML Tag Ansicht umschalten sehen Sie vor Ihrem Text in einer gel ben Markierung ein A Ihr Text ist als A Anker Element definiert worden 3 7 1 2 Einf gen einer E Mail Adresse Anstatt einen Link zu einer Datei zu setzen ist es m glich eine E Mail Adresse einzuf gen Das Ergebnis beim Anklicken ist das Offnen des E Mail Clients des Besuchers wobei in der Adresszeile bereits die korrekte Adresse eingetragen ist Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 40 ziel Kompozer Um dieses zu erreichen verfahren Sie so wie im vor hergehenden Kapitel Wenn das Fenster Link Eigenschafte
172. n Sie mehr als eine Verkn pfung verwenden A EA k nnen Sie diese auf die gleiche Weise bearbeiten preferences and other user items in your user profile Beim n chsten Program mstart werden Sie jetzt Create Profile E a A folgendes Dialogblatt sehen Rename Profile Delete Profile Sie k nnen das Programm von hier starten aber Sie Crta k nnen auch andere Profile hinzuf gen Don t ask at startup Start KompoZer Create Profile Wizard 1 Klicken Sie auf Create Profile 2 f Antwo rte n Sie auf die Frage n Kompozer stores information about your settings and preferences in your personal profile If you are sharing this copy of Kompozer wich other users you can use profiles to keep each user s information separate To do this each user should create his or her own profile Sie haben jetzt die MOg ich keit dem P rofil TF you are the only person using this copy of Kompozer YoU must hawe at least einen sinnvo le n Nam en zu gebe n one profile If you would like you can create multiple profiles For yourself to store different sets of settings and preferences For example you may wank bo have separate profiles For business and personal use To begin creating your profile click Next Cancel Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 125 Kompozer Create Profile Wizard E Sle k nnen auch den Ordner ausw hlen In Completing the Create Profile Wizard dem Sie die Dateien de
173. n dann markiert und als Absatz formatiert werden Wenn erforderlich k n nen auch DIVs eingesetzt werden so dass ein Satz geschachtelter DIVs entsteht Manchmal kann es beim Versuch sie zu publizieren zu Schwierigkeiten kommen Elemen te in einer lt div gt k nnen dann verschwinden Um dieses zu vermeiden d rfen keine leeren Elemente eingesetzt werden also entweder f gen Sie z B einen Absatz oder einen blin den Text als Platzhalter ein Eine Klasse auf einen lt div gt Tag anwenden Verfahren Sie in der gleichen Weise wie in Abschnitt 4 2 3 1 Das Klassenauswahlfeld kann benutzt werden um eine Klasse einer lt DIV gt zuzuweisen aber es zeigt nicht die Klasse an die gegenw rtig eingestellt worden ist Die bessere Methode f r Auswahl oder Abwahl von Klassen ist der Weg ber den hervorgehobenen Tag auf der Statuszeile Eine Klasse kontrollieren oder ndern F r den Zugriff auf eine Klasse verwenden Sie lieber die Statuszeile um auf die Klasse zuzugreifen Elemente innerhalb einer lt div gt k nnen Styles aufweisen die auf verschiedenen Wegen zugewiesen wurden Sie k nnen zum Verlassen eines DIV dieselbe Technik anwenden wie bei anderen Block elementen Einen div Bereich verlassen Klicken Sie in irgendeinem Bereich au erhalb des div Es ist allerdings nicht m glich eine Position unterhalb des DIV anzuklicken wenn dieser Bereich das letzte Objekt auf der Sei te ist Daher m ssen Sie daf r sorgen dass unterha
174. n m ssen daf r keine HTML Kenntnisse besitzen da Tabellenelsmente selektieren Ti ellen die grundlegenden Funktionen ber Schaltll chen Text in eine Tabelle umwandeln Hinzuf gen von und Men s verf gbar Sind Bildern Grafiken Inhaltsverzeichnis for IhreiWWehseite Festlegen der Seiteneigenstchaften Erstellen van Links In kKompozer Publizieren Ihrer Seiten im Web KompoZer Einstellungen Tabelleneigenschafter ndern Kompoxer l sst Sie trot allem auch selber den uelltext ndern Um den Quelltest bearbeiten zu k nnen Klicken Sie im Men Ansicht auf Guelllex oder klicken Sie auf den HTML QAuelltext Tah unten in der Editiermodus Symbolleiste Lim eine Webseite zu erstellen verwenden Sie eine der unten beschriebenen M glichkeiten Haben Sie erstmal eine Seite erstellt so k nnen Sie Text hinzuf gen und ndern wie Sie es von einem Textrerarbeiltungsprogramm gew hnt sind Um eine neue Seite in KompoZer zu erstellen Es stehen ein Glossar ein Index und eine Suchfunktion zur Verf gung Empfehlenswert ist das deutschsprachige NVU Forum http www nvu composer de forum Es behandelt nat rlich auch den Kompozer Ein englischsprachiges Forum finden Sie unter der Adresse http wysifauthoring informe com Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 8 Kompozer In beiden Foren finden Sie Beitr ge von Usern mit h chst unterschiedlichen Erfahrungen vom blutigen Anf nger
175. n sich ffnet aktivieren Sie das Kon trollfeld Dies ist eine E Mail Adresse Wenn Sie ein Bild als E Mail Link nutzen m ssen Sie im Grafik Eigenschaften Fenster das Register Link w hlen Im Quellcode erscheint der Link auf diese Weise lt a href mailto angela merkel bundeskanzler amt gt Angela Merkel lt a gt Link Eigenschaften Link Text Angela Merkel Link Adresse Geben Sie eine Webseiten Adresse eine lokale Datei oder eine Email Adresse ein oder w hlen Sie ein benanntes Ziel oder eine berschrift aus der Popup Liste angela merkek bundeskanzler amt Dies ist eine E Mail Adresse URL relativ zur Seitenadresse Ziel C Link wird ge ffnet Mehr Eigenschaften Denken Sie aber daran dass die Ernte Programme der Spam Versender in Webseiten nach E Mail Adressen suchen Es gibt M glichkeiten die E Mail Adressen zu verschl s seln 3 7 1 3 Einf gen von benannten Zielen Es gibt eine zweite Art Ankerelement der benannte Anker Solche Anker sind sehr n tzlich als eine Art Lesezeichen oder Textmarken die einen bestimmten Platz auf einer Seite de finieren Links k nnen zu solchen Ankern springen Einen benannten Anker einzuf gen 1 Platzieren Sie den Cursor 2 Klicken Sie auf die Ziel Schaltfl che in der Bearbeitungs Symbolleiste oder w hlen Sie aus der Men leiste Einf gen Benanntes Ziel 3 Geben Sie ihm einen Namen A Dr cken auf OK In der HTML Tag und der Normalansicht sehen
176. n von Bildern Warnung Bevor Sie ein Bild einf gen speichern Sie Ihre Seite Andernfalls hat Kompo zer Probleme die Adressen der Bilder zu referenzieren Ein Bild einf gen 1 Stellen Sie Ihren Cursor mitten in den Absatz vielleicht an den Anfang eines Satzes paie 2 Um ein Bild einzusetzen klicken Sie die Grafik Schaltfl che in der Bearbeitungs Symbolleiste an Im Fenster das sich jetzt ffnet klicken Sie auf Durchsuchen und navigieren zu Ge dem Ordner mit der gew nschten Datei w hlen aee Late e e diese dann aus _ keim 3 Bet tigen Sie die Offnen Schaltfl che Eeer athain 4 Lassen Sie das Kontrollk stchen URL relativ zur S Alternativtext Das ist Tud Seitenadresse aktiviert dadurch k nnen Sie O Keinen Alternativtext verwenden sp ter die Seite und das Bild auf eine andere A Position verschieben was ja auch erforderlich ist A Lo s00 mA wenn Sie die Dateien zu einem Server hochladen wenn Sie diese Option abw hlen und die Seite EIER verschieben wird versucht das Bild an der ur spr nglichen Position zu finden Anmerkung Wie bereits gesagt sollten Sie Ihre Seite vor dem Einf gen des Bildes ge speichert haben Wenn dieses nicht getan wurde hat Kompozer keine M glichkeit die re lative Position des Bildes herauszufinden Es wird dann der absolute Pfad gespeichert Wenn diese Option grau dargestellt wird wurde die Seite noch nicht gespeichert 5 Sie m ssen j
177. nd im Gebrauch unflexibel und k nnten den Betrachter zwingen horizontal zu scrollen um den Inhalt zu lesen also m ssen sie mit Vorsicht verwendet werden Es ist auch m glich die Breite unbestimmt zu lassen Das scheint f r die Darstellung im Browser der beste Weg zu sein da dieser dann den optima len Wert setzt Um die Tabellengr Be zu andern positio Tabelleneigenschaften E nieren Sie den Cursor in der Tabelle und FE klicken den Tabellen Button an Alternativ an k nnen Sie auch innerhalb der Tabelle zelle k Aktuelle nderungen werden bernommen einen Doppelklick ausf hren Im Tabel Te leneigenschaften Fenster w hlen Sie das sr ne Inhalt ausrichten Tabelle Register Die Breite kann entwe ue CH Vertikal der als Prozentsatz der Fensterbreite oder Une F Honzontal in Pixel eingestellt werden Um die Breite B m C zellenstil Normal ie C Textumbruch unbestimmt zu lassen l schen Sie die Fern Zahl In dem Breite Feld Cl Hintergrund berschrift abellenfarbe durchscheinen lassen PL A ai A verwenden Sie die Kontrollk sstchen um zu bestimmen welche r Es Ist mog ich die G TO Be eine Tabe le Einstellungen an alle gew shlten Zellen angewendet werden ber die Anfasser anzupassen Wenn Sie das tun wird die Gr e in Pixeln angege ben Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 32 dok Kompozer 3 6 2 2 Farbgestaltung Hinzuf gen L schen und Verbinden von Zell
178. nen in vielfacher Hinsicht formatiert werden Gr e PEA Das hei t dass Sie nicht bereits beim Ein JE a D x U Breite H Y Horizontal Rechts v richten der Tabelle alles geplant haben m s sen Die Einstellungen k nnen sp ter justiert C Zellenstil Normal v C Textumbruch umbrechen we rd e n 3 C Hintergrundfarbe Tabellenfarbe durchscheinen lassen Ecole e o ral eege ar Das Tabelleneigenschaften Fenster bietet die M glichkeit der Tabelle einen Titel zu ge ben Uber das DropDown Feld Titel bestimmen Sie die Position des Titels Danach k nnen Sie ihn in einem Randbereich der Tabelle hinzuf gen Tabelleneigenschaften Tabelle sr lle Zeilen H he Spalten Breite R nder und Abst nde Rand Pixel Abstand Pixel zwischen Zellen F llung Pixel zwischen Zellenrand und Inhalt Tabellenausrichtung Hintergrundfarbe Seitenfarbe durch ber der Tabelle Unter der Tabelle Links won der Tabelle Wetert Rechts von der Tabelle F r jene die bereits mit Inline Styles vertraut sind bietet sich ber den Button Erweitert die M glichkeit mit ihnen zu arbeiten Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 36 Kompozer 3 6 3 Text einfugen Text in eine Tabellenzelle einzusetzen ist eine der einfachsten Aufgaben Eingef gter Text wird als TD Element formatiert kann aber auch als Absatz oder durch Styles formatiert werden Sie k nnen auch einen bestehenden Tex
179. nen schlie enden Tag hat Nichts was zwischen den lt HEAD gt und lt HEAD gt Tag eingetragen ist erscheint auf dem Schirm kann aber nichtsdestoweniger ziemlich n tzliche Funktionen haben Zum Beispiel steht noch nichts zwischen den lt TITLE gt und lt TITLE gt Tags Schreiben Sie zwischen die Tags Meine erste Seite oder etwas hnliches Klicken Sie auf das Register f r Normale Ansicht jetzt tr gt der Tab an der Oberseite Ihrer Seite den Titel und Sie haben bereits reines HTML editiert Gut gemacht Seiteneigenschaften Wenn Sie zu ngstlich waren direkt im HTML Code zu Algemeine Informationen arbeiten ist noch nicht alles verloren Es ist nicht maminog e notwendig sich auf das HTML Terrain vorzuwagen Ge ei hen Sie in der Normal Ansicht in dem Men Format zu Beschreibung dem Punkt Seitentitel und Eigenschaften Hier k nnen essen Sie verschiedene Parameter einschlie lich des Titels und erstes der Sprache einf gen in der Sie das Dokument i schreiben Diese werden in den lt HEAD gt Bereich f r Sie Zeichensatz 150 5859 eingetragen Unter Umst nden k nnen die Eintragungen TRE Wenn Sie ge Le KEE ad gt ndern oder einf gen wichtig sein Zum Beispiel k nnen Titel und EE Beschreibung durch Suchmaschinen verwendet werden um die Seite zu registrieren Zur ck zur Quelltext Ansicht Beachten Sie dass der erste Tag lt HTML gt und letzte lt HTML
180. ng txt Die urspr ngliche Datei bleibt davon unber hrt Die TXT Datel l sst sich mit Kompozer allerdings nicht mehr ffnen Zeichenkodierung ndern und speichern E Seitentitel Geben Sie bitte einen Titel f r die aktuelle Seite ein Dieser Titel identifiziert die Seite im Fenstertitel und in den Lesezeichen Zeichenkodierurg Den Zeichensatz unter dem Sie speichern wollen angeben Unicode UTP 32 Little Endiar Unicode UTP 81 Yjetnamesisch TONN Wietnamesisch WISCIT Yietnamesisch YPS Yietnamesisch MWindows 1258 Westlich CIBM 850 Westlich ISO 8859 17 A6 4 1 2 Keine Kodierung von gt au erhalb von Attributen Die Einstellung wurde bereits weiter oben unter der ersten Option erkl rt Im Abschnitt ber die Voreinstellungen wurde vorgeschlagen dass diese Option in der Standardeinstellung deaktiviert belassen wird aber das ist beliebig A6 4 2 Codierung in Attribut Werten Eine letzte Option in Extras Einstellungen Erweitert bietet Keine Kodierung von Spezialzeichen in Attributen an Das ist keine sehr genaue Definition dessen was ge schieht weil die ganze Seite auf die gleiche Weise codiert werden muss Was sich ndert ist die Art wie Zeichen Referenzen in Attribut Werten verwendet werden Darunter f llt beispielsweise das Alt Attribut bei Bildern das den alternativen Text aufnimmt Wenn Sie das K stchen ankreuzen werden spezielle Zeichen die in Attributen erschei nen ni
181. ng von Spezialzeichen in Attributen Mehr zu diesem Thema finden Sie im Anhang 6 Spezielle zeichen Die folgenden Zeichen als Entities ausgeben Mur amp lt und nicht umbrechbare Leerr ume w _ Keine Kodierung von gt ausserhalb von Attributen Im Extras Menu gibt es den Befehl Javascript Konsole Diese Anleitung wird aber nicht darauf eingehen 6 Einf gen Der Men befehl Einf gen bietet einige M glichkeiten von denen die meisten bereits an anderen Stellen besprochen wurden e Grafik Siehe Abschnitt 3 5 1 e Tabelle Siehe Abschnitt 3 6 1 e Formular Siehe Abschnitt 3 9 e Link Siehe Abschnitt 3 7 e Benanntes Ziel Anker Siehe Abschnitt 3 7 1 3 Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 91 Kompozer e Horizontale Linie Setzt am markierten Punkt eine horizontale Linie ber die Breite eines Blockes ein Sie m ssen es nicht bei dem einfachen Standardstil bewenden lassen sondern k nnen die Linie individuell gestalten Sie k nnen f r die spezielle Formatierung eine Klasse definieren und auf die Linie anwenden Alternativ erlaubt ein Doppelklick auf die Linie die Einstellung der Eigenschaften der horizontalen Li nie vornehmlich der Breite und der H he Farbe kann hinzugef gt werden ber die Erweitert Schaltfl che und das Registerblatt Inline Style CSS Als Eigenschaft geben Sie background color und als Wert eine Farbe ein Eigenschaften der horizontalen KEN Erweiterte Ei
182. ngig Rechtschreibung e Ziel Link Grafik Tabelle Formular CaScadeS Normaler Text gt keine Klasse MTM EE RE ta Variable Breite e ZP Ny A B Seitenverwaltung schlie en schlie en R Zei Unbenannt Ml Vorlage x a ge 1229px E m Lorem i ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad m n m veniam quis nostrud exercitation ullamco laboris nisi ut SS x ea commodo consequat Duis aute iure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserun ollit an m id est laborum ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudant um totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt zplicabo Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut f git sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt Neque porro quisquam est qui olorem ipsum quia dolor sit amet consectetur adipisci velit sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem t emm ad minima veniam ous nostrum exercitationem ulam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur Quis autem vel eum iure reprehendert qui in ea voluptate
183. nglich als Quadrate Das Problem wird im Kastendargestellt Example Character U 2101 not included any font used from the list specified Tahoma Arial Helvetica sans serif L The arrow appears as a square when using MSIE 7 same demonstration but set up spanning the arrow with font family Lucida Sans Unicode d Die Pfeile verwenden verh ltnism ig seltene Zeichen die zumindest in der verwendeten Tahoma Schriftart des Computers des Autors nicht erscheinen Die Gecko Engine war al lerdings in der Lage sie darzustellen m glicherweise als Lucida Sans Unicode Das Resultat ist dass Besucher die MSIE verwenden K sten statt Pfeile sehen aber die jenigen die Firefox oder Opera verwenden k nnen die Pfeile sehen wenn Lucida Sans Unicode oder eine andere Schriftart mit diesen Zeichen auf ihrer Maschine installiert wird Ein Workaround f r dieses Problem ist wie in der Abbildung gezeigt m glich Die Liste die die Schriftarten angibt wird modifiziert so dass die erste in der Liste Lucida Sans Uni code wird Wenn diese verf gbar ist wird sie verwendet sonst f llt die Wahl auf die n chste Schriftart in der Liste Alan Wood weist darauf hin dass diese Schriftart mit Win dows XP und Windows 2000 ausgeliefert wird und damit 90 aller Installationen Mitte 2007 abdeckt Das ist eine g ngige aber nicht sehr solide L sung W ren in diesem Falle die Pfeile f r das Verst ndnis der Tabelle wichtig
184. ngs fensters Ziehen Sie im oberen Lineal die Markierung f r den linken Rand bis zur Mitte Wiederholen Sie diese Aktion mit dem anderen Absatz aber nehmen Sie jetzt den rechten Rand und ziehen Sie ihn zur Mitte Unbenannt KompoZer TIER Datei Bearbeiten Ansicht Einf gen Format Tabelle Extras Hilfe 8 a o e CER _ Un hal g LN Vi E e et E Al gt Neus fmen Speichern Publizieren Vorschau Drucken R ckg ngig Ziel Link Grafik Tabelle Formular KaScadeS Absatz MM ene klasegi ze IZ E g w wi IW WII in 1 Yariable Breite E R g A RI u f a H Unbenannt Seitenverwaltung e 32Z1px Ansicht Alle Dateien i Mt e e A sn PET G Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam r quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est labomm Ut enim ad minima veniam quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur Quis autem vel eum ture reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur vel illum qu dolorem eum fugiat quo voluptas nulla pariatur Name Bi rt Haustiere
185. ni 2008 bersetzung der englischen Version vom 17 Dezember 2007 Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 126 Kompozer A6 Zeichencodierung A6 1 Einf hrung Encoding bezieht sich darauf wie die Zeichen der Quelldatei einer Webseite f r die ber tragung ber das Web codiert werden Gr tenteils kann der Autor sich darauf verlassen dass Kompozer oder die Browser die Details regeln Es sind Optionen verf gbar mit de nen der Autor in einigen F llen die Datei optimieren um die Funktionalit t zu beeinflussen A6 2 Quickstart Kompozer verwendet ISO 8859 1 als Standard Codierung mit den folgenden Einstellun gen Sie k nnen diese berpr fen oder neu konfigurieren e W hlen Sie Format Seitentitel und eigenschaften Seiteneigenschaften Allgemeine Informationen Ort Neue Seite nicht gespeichert Letzte nderung Unknown Titel Autor Beschreibung vorlagen F Diese Seite ist eine Yorlage L ndereinstellungen sche Sprache w hle Schreibrichtung keine Richtung angegeben ze Zeichensatz 150 5559 1 Zeichensatz w hlen Fortgeschrittene Benutzer enn Sie weitere Angaben im lt head gt Bereich ndern oder einf gen m chten so wechseln Sie in die HTML Zuelltext Ansicht In der Abteilung L ndereinstellungen sehen Sie im Feld Zeichensatz ISO 8859 1 Um den Wert zu ndern klicken Sie auf den Button Zeichensatz w hlen W hlen Sie aus der Liste einen Eintrag
186. niatur des ihn interessierenden Bild an und spart dadurch erheblich an Ladezeit Die Verfahrensweise bei Bildern als Links entspricht weitgehend der bei der Verwendung von Text Einen Hyperlink auf ein Bild setzen 1 Markieren Sie das Bild und klicken auf das Symbol Link in der Bearbeitensymbol leiste Sie k nnen auch mit der rechten Maustaste Link erstellen w hlen Sie sehen das Grafik Eigenschaften Fenster mit dem aktiven Link Register Geben Sie wieder die komplette Internetadresse oder einen benannten Anker ein Markieren Sie das Bild geringer Aufl sung und klicken auf Link W hlen Sie ber die Schaltfl che Durchsuchen das Bild und Offnen Sie es Sie sehen dass das Kontrollk stchen URL relativ zur Seitenadresse aktiviert ist Dies hei t wenn Sie Ihre Seite in einen anderen Ordner verschieben muss das Bild ebenso verschoben werden Wenn Sie diese Option abw hlen wird die absolute Adresse des Bildes auf der Festplatte angegeben Wenn Sie Ihre Seite dann ver schieben wird das Bild nach wie vor dort gesucht Da Sie aber die komplette Websi te auf einen Webserver laden werden ist diese Anordnung nicht praktikabel Den ken Sie aber daran dass die Option nur dann zur Verf gung steht wenn Sie die Seite gespeichert haben oO OD D Grafik Eigenschafien Wenn Sie Text als Hyperlink nutzen wird adresse Gr e Erscheinungsbild Link er in Blau angezeigt und unterstrichen Geben Sie eine Webseiten Adres
187. nicht der Quelltext ausgedruckt r auch wenn Sie gerade die Quelltextansicht aktiviert haben Drucken 3 4 Arbeiten mit dem Text 3 4 1 Text auf einer Seite 3 4 1 1 Einleitung Text der direkt auf die Kompozer Seite geschrieben wurde erscheint im Format das dem BODY Element zugewiesen wurde HTML definiert eine kleine Anzahl von Elementen f r die Textgestaltung und es ist empfehlenswert diese zu verwenden Um Text in einem Standardelementformat zu formatieren markieren Sie den Text Klicken Sie einfach irgendwo innerhalb des Textabschnitts und klicken Sie den ersten DropDown Pfeil auf der Format Symbolleiste an Dieser bietet eine Vorauswahl der Standardtextfor mate an Absatz ist f r allgemeinen Text das passende Einmal formatiert als Absatz wird beim Bet tigen der ENTER Taste innerhalb dieses Be reichs ein neuer Textabschnitt als Absatz begonnen Um eine neue Zeile innerhalb des gegenw rtigen Absatzes einzuf gen muss Umschalt Enter gedr ckt werden dadurch wird ein Tag lt BR gt Line Break erzeugt Anmerkung Das ist die Voreinstellung und kann ge ndert werden Siehe Bearbeiten von Einstellungen Abschnitt 9 3 Andere Standardtextformate sind berschriftenformate von berschrift 1 der gr ten bis zu berschrift 6 der kleinsten Browser stellen im Allgemeinen berschriften in Fettschrift dar Der Text kann in jeder Ansichtsart editiert werden Kompozer kennt alle normalen Win dows Shortcuts 3 4 1 2 Block
188. niert S N e a xi A courier new century sans serif s Texkattribute C berstrichen Fl keine e ZS j Schriftgr e e E Durchgestrichen zeilenh he e C Unterstrichen r Farbe C Blinkend The gui ox Jumps over the lazy dog abbrechen kleiner nase od tempor 1nc1didunt ut labo kleiner Ut enim ad minim veniam qui klein laboris nisi ut aliquip ex e does re dolor in reprehenderit in gross lolore eu fugiat nulla pariat gr er cupidatat non proident sun noch gr er mollit anim id est laborum Absolute and relative Gr en Im Allgemeinen haben normal 100 und tem pa Body dieselbe Gr e wenn sie f r das lt body gt Dr z O Element gesetzt sind Schriftgr Ben werden o Die Tele IJ vom Parent Element auf darunter liegende H Ahsatz in der Tabelle vererbt wenn dort keine anderen Gr en angegeben werden Wenn ein Absatz sich aber nicht direkt im Body sondern in einer Tabelle oder einen DIV befindet die wiederum Be standteil des Body der Seite sind ist der body der Parent Eltern der Tabelle und die Ta belle ist der Parent des Absatzes Wenn nun die Schriftgr e auf 80 jeweils f r den Bo dy Tabelle und den Absatz gesetzt sind dann wird der Text in der Tabelle nicht innerhalb eines Absatzes 64 der Basisgr e und der Text im Absatz wird nur noch 51 der Ba sisgr e haben Siehe Abbildung Wenn die Tabelle oder der DIV Bereich eine eigene Schriftgr e
189. nn jedem Abschnitt zugewiesen werden der nicht gedruckt werden soll da zu wird eine Klasse wie noprint verwendet Eine solche Regel k nnte so aussehen media print noprint display none Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 148 Kompozer Einfach jeden Artikel der nicht gedruckt werden soll mit der Klasse noprint versehen Das wird keine Auswirkung auf dem Bildschirm haben da es nur f r Druckmedien definiert wird Die M glichkeit Texte mit mehreren Klassen zu versehen ist g nstig weil das Hinzuf gen der noprint Klasse keine Wirkung auf andere diesem Text zugewiesene Klassen hat Wenn Men s auf einer Seite ein einem Container eingeschlossen sind ist die beschriebe ne Herangehensweise sehr einfach Abh ngig von der Struktur des Dokumentes kann es sinnvoll sein mehrere Punkte in einem div einzuschlie en um den Druck zu unterdr cken A7 2 2 2 Externe Links Viele Autoren zeigen die URL von externen Hyperlinks auf dem Bildschirm nicht an Das macht die Seite sauberer und funktioniert auch wenn darauf geklickt wird Wenn solche Verweise jedoch gedruckt werden sind sie nicht zu erkennen und daher nutzlos Eine Al ternative stellt die Wiederholung der URL nach jedem Hyperlink dar aber jetzt mit der Formatierung display none im allgemeinen Stylesheet und display inline im Print Stylesheet Sorgen Sie daf r dass es durch Leerzeichen umgeben wird sonst sieht es wenig vorteilhaft aus Weil e
190. nnnnnnnnas 41 3 7 1 5 Ei e ir Le EE 42 3 7 1 6 AO Noia 43 32 Bilder als Miel nl 44 A a EE E A a TNE ANN 45 38 E 45 SS DE NN 46 3 9 1 A A A RE en 46 392 ere e elen E E 46 3 9 3 Formular mit Styles fommatieren 48 3 10 A A A A O ee 48 310 E Wass nd ME WE 48 02 Layercliitecnte aia tata ti dit daa 49 3 10 37 SEENEN ee 49 Saa Lay EN DEALDE as ee a dci 49 A A O ee 51 3 10 0 Helde a a deca asis ed 51 3 10 27 Verwenden Von las Misa 52 3 11 RANMENE See reelle ernen ne 53 3 12 Der Body Bereich 2 was ee Ikea 54 3 13 EINHallSVErZEIEHNIS ie ee 56 SST EMI a A ad EE 56 3 13 2 Einf gen eines Inbalisverzechntsses AE 57 3 193 Melodia dd 58 3 14 De READ BO iaa daa 58 3 15 ANSIA a 58 3 16 Editieren der Quelllext Ansicht seines o eo 59 3 17 MALKIereN BEE 60 e Stiles Und RE AT 3 22 61 AT A A e O 61 4 1 1 Die Starken VOTO WIOS EE 62 A o 62 E E Ge lee En 62 4 1 3 1 A ae ee wesen era 62 4 1 3 2 Interne Stylesheets essen 63 4 1 3 3 Externe Styles Linked stylesheets nesine a a r ES E 63 4 1 3 4 Baseading Stylesheels nsnnnsneehe ae Dee 63 A EE 65 4 2 1 merne Ses o el 65 4 2 1 1 D S Registorblat Tetuan 68 4 2 1 2 Mimtergrund Registerblat asia 72 4 2 1 3 A eure 73 4 2 1 4 A ee 73 422 Sy lina mehrerer Elemente a a dido 75 4 23 Bonanno Ras SON ta 75 4 2 3 1 Anwenden der Klassen dni lt tibias 77 4 2 3 2 Entemen der Klassen en ee ie 79 42A Ee 79 4 2 4 1 Erstellen Sie ein neues externes E iniciada 79 4 2 4 2 Andern Si
191. nrichtung von Ordnern Anmerkung Die oben genannten Aktivit ten ver ndern die betroffenen Dateien Mit der Seiten Bearbeiten Funktion und dem Publizierungseinstellungen Fenster k nnen Objekte von der Seitenverwaltung entfernt werden jedoch hat das keinen Effekt auf die tats chli chen Ordner oder Dateien Nur die Ansicht in Seitenverwaltung wird ge ndert 8 4 Remote Sites Remote Sites auf dem Web Server der Ihre Site hostet k nnen in der gleichen Weise wie lokale Sites verwaltet werden Abschnitt 8 2 Dadurch ergeben sich die gleichen An zeigen und Bearbeitungsfunktionen wie f r die lokale Site Dieses Mal m ssen aber alle Eingabefelder in dem Publizierungseinstellungen Fenster bedient werden Hinweise werden f r alle Felder in dem Dialogblatt angezeigt Die HTTP Adresse wird von der Seitenverwaltung verwendet um die Site zu finden Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 102 Kompozer Publizierungseinstellungen f Publizierungssites Seiten Name Fiat Fiat Meine lokale Seite r Server Information HTTP Adresse Ihrer Homepage CG P http fuww meinprovider de meinbenutzername www juergen klose de Login Informationen Publizierungs URL 2 B ftp ftp meinprovider at meinbenutzername ftp www juergen klose de millecinguecentof Als Standard festlegen Benutzername ballaballa Seite entfernen Passwort pokok Passwort speichern Cales CS
192. nstellungen Aktuelle Attribute f r HR gt sr lle HTML Attribute Inline Style 255 JavaScript Events Breite 100 des Fensters H he 10 Pixel 3 D Schatten Ausrichtung C Links Co zentriert C Rechts Als Standard verwenden Erweitert Klicken Sie auf einen Eintrag oben um seinen Wert zu bearbeiten Eigenschaft Wert E e Schriftzeichen und Symbole Stellt eine gro e Anzahl von Buchstaben zur Verf gung die nicht auf der Tastatur vorhanden sind einschlie lich Akzenten und dem Copyright Zeichen Mehr ber die Sonderzeichen erfahren Sie im Anhang 6 e Inhaltsverzeichnis F gt ein Inhaltsverzeichnis ein das auf den berschrift Styles basiert Die Zahl der Verzeichnisebenen kann gew hlt werden Die Verzeichnisein tr ge werden mit den entsprechenden berschriften verlinkt Siehe Abschnitt 3 13 Inhaltsverzeichnis Inhaltsverzeichnis erstellen aus ao Klasse Ebene 1 Ebene 2 Ebene 3 Ebene 4 Ebene 5 Ebene 6 Alle Eintr ge im Inhaltsverzeichnis numerieren Inhaltswerzeichnis schreibgesch tzt e Objekte Smart Widgets 5 ETE Stellt eine kleine Auswahl zur Verf gung Nach der Installation ist hier nur das Kom pozer vorhanden Wenn Sie stolz auf Ihr Design sind und Kompozer unterst tzen m chten warum f gen Sie es nicht ein Hinter dem Logo verbirgt sich ein Link auf die Seite http kompozer net e Vorlagen Siehe Abschnitt 7 Kompozer Anleitung Versi
193. ntergrundfarbe der Tabelle auf Dun kelblau Sie k nnen vermutlich den Text kaum noch lesen Wenn Sie nicht mehr wissen wie die Farbe eingestellt wird sehen Sie Abschnitt 3 6 2 2 Jetzt wiederholen Sie den Vorgang f r die Zelle nicht f r die Tabelle dieses Mal w hlen f r den Hintergrund Wei damit der Text wieder erscheint Zentrieren Sie den Text Sie merken dass die Breite der blauen Linie dem Abstand entspricht der in den Tabelleneigenschaften eingestellt wird W hlen Sie jetzt die anderen zwei Tabellen der Reihe nach stellen Sie die Farbe der mitt leren auf Wei und die der u eren wiederum auf Dunkelblau ein Es k nnte sein dass Sie Schwierigkeiten haben die Tabellen f r die Formatierung zu markieren In diesem Fall wechseln Sie zur HTML Tag Ansicht und klicken auf die gelbe TABLE Markierung bei gleichzeitigem Dr cken der Strg Taste Jetzt sollten Sie eine u ere blaue Tabelle eine wei e Tabelle in der Mitte und eine innere blaue Tabelle haben Das ergibt eine doppelte blaue Linie die den Text umgibt Jedoch hat Kompozer einen Rand um jede Tabelle und Zelle gesetzt Um den Rand auszuschalten w hlen Sie nacheinander jede Tabelle und stellen ber das Dialogblatt Tabelleneigen schaften Rechtsklick oder Tabelle Button den Rand auf Null Vergleichen Sie Ihr Resultat mit der Abbildung Das ist meme elle Es gibt einige Gr nde weshalb sich Ihr Resultat von der Abbildung unterscheiden kann Fr he Version
194. ntriert an Ai Randan heften hetten Unten anhef ten Buttons die normalerweise nicht installiert sind Kopieren es Ausschneiden 0 Cub Copy Paste p l Horizontale nm Links nach d i Linie rechts H Line Kompozer Anleitung Datei lokal speichern Wiederher stellen Tabelle einf gen Nummerierung Definitions ausdruck Schrift vergr ern Unterstrei chung Zentriert Nach hinten stellen Oben anhef ten Einf gen Recht nach inks Version 1 01 vom 07 06 2008 Publizieren Ki r P Ziel ha Formular de ir Vin mmm Ka F Datei publizieren Sprungmarke Formular einf gen Aufz hlung Definitions beschreibung Schrift verkleinern Rechtsb ndig Am linken Rand anheften In der Mitte anheften Suchen Ersetzen Rahmenlinien Seite 110 Kompozer Men s als Alternative Da die Benutzung der Bearbeitungssymbolleiste die einfachste M glichkeit des Agieren ist geht diese Anleitung allgemein davon aus dass alle f r diese Leiste vorgesehenen Sym bole sichtbar sind Wenn Sie die Bearbeitungs oder die Formatsymbolleiste ausgeblendet haben k nnen Sie die Funktionen immer noch ber die Men leiste erreichen Die entspre chenden Men befehle werden in der Tabelle gezeigt Wenn es eine Tastenkombination gibt mit der Strg Taste wird sie auch angegeben Anker Einf gen benanntes Ziel St Zentrieren Format Ausrichtung Mitte
195. nur auf Remote Sites die ber FTP beschickt werden Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 100 Kompozer Ordner suchen foobar O Nav sw D netzwerk O nonsens 3 3 nvu 5 1500 ID doku 5 test CES Ordner tiere Neuen Ordner erstellen Abbrechen Publizierungseinstellungen Publizierungssites Seiten Name Meine lokale Seite Server Information HTTP Adresse Ihrer Homepage GG PB http Pers meinprowider de meinbenutzername Login Informationen Publizierungs URL GB Ftp Fep meinprovider atimeinbenutzername File 1d Dokumente 20und s20EinstellungenJuergen Eigene s20 Durchsuchen Passwort Ir O F Passwort speichern Tragen Sie in den anderen Feldern Server Informationen Benutzernamen usw nichts ein Zur ck in der Seitenverwaltung sollte in der Spalte Name die neue Site aufgef hrt sein Durch einen Klick auf das Pluszeichen kann der Ordner erweitert werden um seinen Inhalt zu zeigen e Nyu Seitenverwaltung Ansicht Alle Alle Dateien Bi Name Gr Zuletzt ge ndert 3 Fiat Meine lokale Seite ei haustiere bond 336 Tue May 31 2005 22 30 10 GMT 8 3 Site Manager Funktionen Das Hauptfenster verzeichnet alle verwalteten Sites Diejenigen die durch Klick auf das Pluszeichen expandiert worden sind zeigen auch alle enthaltenen Dateien Siehe Abbil dung oben Klicken Sie doppelt auf e
196. o font size LOpes jJ Auch die Schriftfarbe muss beachtet werden Viele Drucker drucken monochrom Anstatt zu hoffen dass die verwendeten Farben angemessen interpretiert werden ist es besser den Stier bei den H rner zu packen und die Farbe auf Schwarz zu ndern A7 2 1 3 Andere Einheiten Werden Objekte positioniert oder einger ckt werden die Gr en auf einer Webseite oft in Pixeln ausgedr ckt Die Spezifizierung sieht keine Regeln vor diese Einheiten in Papier ma e umzusetzen Diejenigen die genau sein wollen sollten Zoll oder Zentimeter einset zen In der Praxis ist der Aufwand selten gerechtfertigt Werte die in Prozenten angegeben werden arbeiten zufriedenstellend A7 2 2 Auswahl Das zweite Problem ist Was genau soll gedruckt werden ist dort auf der Seite Material das nicht gedruckt werden muss Die Probleme treten doppelt auf e Links und Men s auf der Seite k nnen wenn sie gedruckt werden nat rlich nicht funktionieren Interne Links k nnen weggelassen werden aber externe Links sollten erhalten bleiben e Drucker Tinte und Druckzeit sind eine wertvolle Ressourcen Es ist sinnvoll deren Einsatz zum minimieren A7 2 2 1 Men s Auf einer Seite das Navigationsmen zu drucken ist reine Zeitverschwendung Objekte wie diese k nnen vom Ausdruck ausgeschlossen werden wenn die Style Regel Dis play none verwendet wird einzustellen im CSS Editor auf dem Registerblatt Box Diese Regel kann da
197. o your Web page Der Code ist g ltig das hei t er entspricht HTML 4 01 Transitional Um Seiten mit internen oder externen Stylesheets zu validieren k nnen die Validatoren unabh ngig voneinander verwendet werden Die URLs werden im Anhang angegeben Anhang 2 Die Seiten k nnen entweder von der lokalen Platte oder nach dem Upload auf den Webserver auf G ltigkeit berpr ft werden Obwohl die W3C Validatoren den Code rigoros auf bereinstimmung mit den Spezifikatio nen berpr fen garantiert dieses nicht dass der Code richtig l uft Leider unterst tzt kei ner der gegenw rtigen Browser v llig die Spezifikationen Deshalb bleibt die berpr fung mit den verschiedenen Browsern ein wesentlicher Schritt 10 3 Ver ffentlichen Sie k nnen Ihre Webseiten auf einem Webserver ver ffentlichen auf dem Sie einen Ac count haben Ihr Internet Service Provider bietet h chstwahrscheinlich einen begrenzten kostenlosen Speicherplatz an Empfehlenswert ist aber die Anmietung von Webspace bei einem Presence Provider Um eine Site zu ver ffentlichen m ssen Sie die Einstellungen f r den Webserver kennen diese Informationen erhalten Sie vom Provider Dateien k nnen mit jedem blichen FTP Programm hochgeladen werden jedoch hat Kom pozer einen in den Site Manager integrierten Upload Dienst dadurch gestaltet sich diese Aufgabe sehr einfach W hrend der Upload durch den Kompozer sehr einfach ist sind die F higkeit zur Verwal t
198. oder Inline Die gerade beschriebenen Elemente bestimmen Bl cke des Textes e Bl cke beginnen gew hnlich auf einer neuen Zeile e Bl cke haben Abst nde oben und unten die durch R nder margins gesteuert werden siehe Abschnitt 4 2 1 4 e Wenn bei zwei Bl cken vertikale R nder angegeben werden wird nur der gr ere Rand angewandt der kleinere wird ignoriert e Innerhalb von Bl cken ist es m glich Teile als Inline Text zu markieren e Inline Text beginnt nicht zwangsl ufig mit einer neuen Zeile Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 16 Kompozer Tipp Die Umriss jedes Textabschnitts kann angezeigt werden indem man Ansicht Bereichskonturen w hlt Die Ma e jedes Blockes in Pixeln werden auf den Linealen an der Oberseite und an der linken Seite des Dokuments gezeigt Tipp Der zu formatierende Text kann unterschiedlich markiert werden Bei einem Block k nnen Sie den Cursor einfach in ihn hineinsetzen Das reicht als Markierung wenn die Formatierung den gesamten Block betrifft Ein Doppelklick in einem Block markiert ein Wort Ein Dreifachklick markiert eine Zeile Mit gedr ckter linker Maustaste ber einen Bereich ziehen um ihn zu markieren In der HTML Tag Ansicht halten Sie die Strg Taste gedr ckt und klicken auf einen Tag um den kompletten Block zu markieren Markierung durch die Statuszeile Siehe Abschnitt 3 17 3 4 2 Text formatieren Text kann auf mehreren Arten formatiert werden Daz
199. ollk st chen f r CSS Stile statt HTML Elemente Ge und Attribute verwenden aktivieren Das EE Goen ZC gew hrt Ihnen gr ere Vielfalt an Funktio ZI Neus Dokument inme als Tab ffnen nen Sie k nnen Dokumente editieren die in anderen Varianten verfasst wurden durch das Aktivieren der Einstellung CSS Abbrechen Styles haben Sie wiederum mehr M g lichkeiten Anmerkung Wenn Sie sehen dass ein Button oder ein Men eintrag abgeblendet darge stellt wird liegt es daran dass CSS Styles nicht eingestellt wurde 3 2 2 Optionen f r das Erstellen einer Seite Es gibt mehrere M glichkeiten neue Seiten zu erstellen oder bestehende zu ffnen Neue Seite oder Vorlage erstellen welche Art Datel wollen Sle erzeugen Eine leere Seite _ Eine XHTML Seite erstellen _ Strict DTO 0 Eine meue Seite basierend auf einer Vorlage ediodbatumente pde VE rent al C Eine leere Vorlage Erstellen in Neuer Tab Erstellen Abbrechen Neue Seiten 1 Klicken Sie im Datei Men auf Neu Das Dialogblatt Neue Seite oder Vorlage erstellen erscheint 2 Klicken die Option Eine leere Seite und das K stchen Strict DTD an 3 Entfernen Sie ein H kchen bei Eine XHTML Seite erstellen wenn vorhanden Alternativ kann auf die Schaltfl che Neu in der Bearbeitungs Symbolleiste A bet tigt werden Zur Heu Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 11 Kompozer Unbenannt KompoZer Anmerkun
200. ompozer zeigt im Tab ein kleines rotes Warnsymbol wenn die Seite nach einer MEE Anderung noch nicht wieder gespeichert wurde Al Seite ber Haustiere VW Es gibt nichts Geheimnisvolles in den Dateien Der Neugierige kann die Datei mit jedem m glichem Texteditor z B Windows Notepad ffnen Was Sie sehen sieht genau so aus wie in HTML Quelltextansicht von Kompozer Das beweist dass die Quelle ein einfaches Textdokument ist Tipp Dateinamen sollten im Allgemeinen aus unbetonten Buchstaben Ziffern und dem unterstrichen Zei chen zusammengesetzt werden Einige andere sind erlaubt aber die Regeln sind reichlich kompliziert Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 15 Kompozer Tipp Webseiten werden auf Servern gespeichert gehosted die gew hnlich entweder unter einer Win dows Version oder unter einem UNIX Betriebssystem laufen UNIX Dateinamen sind case sensitive d h sie unterscheiden zwischen Gro und Kleinbuchstaben w hrend Windows das nicht tut Aus diesem Grund wenn Sie sowohl Gro als auch Kleinbuchstaben in Dateinamen verwenden m ssen Sie sehr vorsichtig sein Eine Site die perfekt in Ihrer lokalen Windows Umgebung oder auf einem Windows Host l uft kann wenn sie auf ein UNIX System bertragen wird umfassende und zeitraubende nderungen erfordern 3 3 3 Seiten ausdrucken Die Drucken Schaltfl che erlaubt Ihnen die aktuelle Seite auf einem Drucker auszugeben Es wird die Seitenansicht und
201. on 1 01 vom 07 06 2008 Seite 92 Kompozer e HTML Erlaubt Ihnen an beliebiger Stelle auf einer Seite HTML Code per Hand ein zugeben wenn Sie Code im HEAD Bereich hinzuf gen m chten m ssen Sie in die Quelltext Ansicht wechseln Anmerkung Wenn Sie HTML in Ihre Seite einsetzen m chten ist dieses vermutlich die sicherste Weise W hrend Sie den Code eingeben f hrt Kompozer einige berpr fungen durch und stellt sicher dass das Resultat g ltiges HTML ist Das Editieren in der Quellan sicht siehe Abschnitt 3 16 kann massive Problem auf Ihrer Seite verursachen e PHP Code Es ffnet sich ein Fenster in dem PHP Code eingegeben oder hineinkopiert werden kann Beim Schlie en des Fenster wird der Code einschlie lich der einleitenden und abschlie enden Tags lt php bzw gt in den Quellcodeeingef gt e Kommentar Er wird im Allgemeinen von den Programmierern verwendet um die Wartbarkeit des Codes zu verbessern Kommentare erscheinen nicht auf der Seite Kompozer zeigt ein Ausrufezeichen an der Stelle der Markierung in den Ansichten Normal und HTML Tags Wenn Sie den Mauszeiger auf dem Ausrufezeichen stehen lassen erscheint im Quickinfo der Inhalt des Kommentars Kommentar bearbeiten Eein Kommentar Ok Abbrechen Neue Zeile unter Grafiken Wenn Sie ein Bild rechts oder links ausgerichtet haben mit umflie endem Text wird dieser Befehl den Text an diesem Punkt umbrechen und unterhalb des Bildes fortsetzen
202. ontrollk stchen darunter gilt Kein Haken bei Keine Kodierung von gt au erhalb von Attributen Haken bei Keine Kodierung von Spezialzeichen in Attributen Diese Einstellungen sind korrekt f r englischsprachige Seiten und obwohl nicht ganz op timal f r die meisten anderen Sprachen in West und Nordeuropa Wenn Sie eine andere Sprache verwenden kann eine andere Wahl als ISO 8859 ange messen sein Kompozer bietet das komplette verf gbare Spektrum an Wikipedia bietet einen n tzlichen Artikel zu diesem ThemafRef 14 an A6 3 Encoding Text A6 3 1 ASCII und Latin 1 Zeichen Fr he Computer verwendeten den ASCII Amerikanischer Standard Code for Information Interchange der einen Vorrat von 95 druckbaren Zeichen zur Verf gung stellt die noch vom Fernschreiber Zeitalter herr hren Ein Acht Bit Byte erlaubt jedoch eine Verdoppelung dieser Anzahl Allerdings werden mehrere Codes f r Steuerzeichen reserviert und f hrt zu dem Zeichensatz Latin 1 der in der Tabelle A6 3 1 dargestellt wird Die Zeilen und Spal tenbezeichnungen zeigen den h heren und den niederen Wert des Codes in hexadezi mal f r jedes Zeichen an Zum Beispiel der Code f r das Zeichen A ist 41 80 xi x2 x3 Ta x5 1x6 x7 x8 x9 xA xB xC xD xE a lO o ITT pp TI gt lso oO 4 18 1 e Pp o Tr lo j1 2 3 4 5 6 7 l8 9 lt gt l A B C D E IF G H jI J IK L IM IN gt P a R s T ju v w x Y z E h
203. or namens CaScades ein der Ihnen erlaubt Stylesheets zu schaffen und Regeln zu definieren Bevor Sie eine Regel festlegen m ssen Sie ein Stylesheet haben Wenn Sie an einer Seite arbeiten die noch kein Stylesheet hat wird CaScadeS eines f r Sie anlegen Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 65 Kompozer Um Styles f r ein Element zu entwerfen 1 Klicken Sie in der Bearbeiten Symbolleiste auf den Button CSS Editor es Alternativ w hlen Sie im Men Extras den CSS Editor CaScades Das CSS Stylesheet Fenster ffnet sich nn 2 Klicken Sie auf das Paletten Symbol In dem Fenster Sheets und Regeln sehen Sie jetzt ein Internes Stylesheet 3 Markieren Sie den Radiobutton Style Regel f r Elemententyp 4 Klicken Sie auf den Pfeil neben dem leeren Eingabefeld Sie sehen eine Liste h ufig gebrauchter HTML Elemente Klicken Sie auf ein Element oder tragen Sie das Tag f r ein anderes Element ein 9 Klicken Sie auf den Button Style Regel erstellen 6 Sie erhalten jetzt ein Fenster mit der berschrift Style Regel mit der Angabe des ausgew hlten Tags Das Fenster listet die Style Deklarationen diese Elementes aus nat rlich ist es jetzt noch leer 55 Stylesheets EI eu e 2 E amp Algemen Sheets und Regeln Neue Style Regel Internes Stylesheet Style Regel f r Elemententyp zm ipe C Style Regel einer Klasse 28 meleklasse Meu erstellen emer L Individuele Style Regel z6 header L 3 Erwe
204. orizontal und vertikal w hlen wird das Bild in den gew nschten Richtungen wie derholt Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 72 Kompozer CSS Stylesheets t 3 aa a Sheets und Regeln Farbe A S MlInternes Stylesheet Transparenz MA L nocheintest u o mm Kacheln horizontal und vertikal we Bild scrollt mit der Seite Co Links O Mitte Rechts Position 2 Oben C Mitte Unten 4 2 1 3 R nder Elemente k nnen eingefasst werden von Rahmenlinien Die Wahlm glichkeiten bieten ein hohes Ma an Flexibilit t Linienart st rke und farbe k nnen f r jede Seite des Rahmen getrennt eingestellt werden 55 Stylesheets t 4 Sheets und Regeln Alnternes Stylesheet Stil Ereite nocheintest br Po Oben gestrichelt Ke j2px Ka P Rechts nee angene Unten Im hESmden Links MIEHESHgEOE Yorschau Anmerkung Damit ein Rahmen berhaupt angezeigt wird m ssen Breite und Stil ange geben werden 4 2 1 4 Box Die Blockstruktur in der die meisten Elemente platziert werden ist bereits erw hnt worden Abschnitt 3 4 1 Die Box Optionen steuern die Anzeige innerhalb dieser Bl cke Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 73 Kompozer C55 Stylesheets T Allgemein Hintergrund Box Listen Sheets und Regeln Anzeige nicht angegeben K Sichtbarkeit nicht angegeben Ke
205. punkt der Seite entfernt ist und wie breit der Layer ist e Layer k nnen mit den Buttons auf der Format 2 Symbolleiste manipuliert werden 3 10 4 Layer bearbeiten Um einen Layer zu verschieben klicken Sie den Positions Handle an und ziehen Sie ihn in die gew nschte Stelle auf der Seite Um die Gr e eines Layer neu zu bestimmen ziehen Sie mit der Maus einen der Gr en Ziehpunkte auf Das Verfahren entspricht dem bei anderen Objekten Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 49 Kompozer Beim Positionieren erlaubt Kompozer eine pixelgenaue Bewe Snap to Grid CH gung Wenn allerdings versucht wird einzelne Objekte genau KR auszurichten k nnen kleine Abweichungen offensichtlich werden enable Snap to Grid Einfacher wird es indem man die Objekte in einem gr beren Ras size un pixels terfeld einschnappen l sst Das Raster wird aktiviert durch For IS mat Positionierungsgitter Sie aktivieren das Kontrollk stchen pm und stellen die Rasterweite ein Die Bewegung wird jetzt an dem gedachten Raster entlang durchgef hrt Anmerkung Diese Einstellung muss immer wieder neu vorgenommen werden wenn die Seite ge ffnet wird sie wird nicht gespeichert Anmerkung Das Raster wirkt sich nur auf das ndern der Position aus nicht auf die Gr Ben nderung ositionierungs Handle anzuklicken In diesem Fal Anmerkung Wenn Sie die H he eines Layers durch Ziehen ver ndern wird sie neu be stimmt obwoh
206. r Guide f pi Ae Home MTI ETT postscript Printing Pages Sean Appendix 7 Making pages Printable printing Getting results A7 1 Preliminary Ed A7 1 1 Introduction When web pages are printed the results are sometimes unsatisfactory Using CSS authors can often improve this significantly though browser support for some print rules is still somewhat limited Although web pages are most commonly viewed on screen site visitors sometimes wish to print them to hard copy This is particularly so with pages carrying information about an order or order confirmation though it could occur for almost any page One approach is to offer a special printer friendly version of a page This is accessed via a link on the page and can be formatted A7 2 3 Page media Wenn entschieden wurde was zu drucken und es wo zu drucken ist folgt die berlegung wo die Seitenumbr che festzulegen sind Das ist f r Bildschirme ein v llig fremdes Kon zept Nat rlich kann der Seitenautor nicht die Gr e der Seite kennen auf der gedruckt werden soll so sind manuelle Seitenumbr che au erhalb jeder Diskussion und wir m ssen den Ausweg in automatischen Seitenumbr chen suchen m ssen Jeder der ein Textver arbeitungssystem oder ein Desktop Publishingsystem verwendet wei dass das ein ver tracktes Verfahren ist Ebenso mit Webseiten aber die CSS Spezifizierung stellt etwas Hilfe zur Verf gung CaScadesS bietet ein Register an um Seitendruckformat
207. r Verf gung um die Eigenschaften der gedruckten Seite festzulegen so sind Angaben ber die Gr e und die Rand m glich Au erdem k nnen R nder f r die erste die linken und die rechten Seiten bestimmt wer den Zudem sind sogar Klassen erlaubt die auf verschiedene Teile eines Dokumentes an gewandt werden k nnen Die Methode beruht auf der page Regel Leider ist die Unter st tzung f r diese Regel bei fast keinem Browsern gegeben so empfiehlt diese Anleitung Alternativen obgleich sie nicht sehr flexibel sind A7 2 1 1 R nder Gedruckte Seiten werden gew hnlich mit viel breiteren R ndern ausgestattet als die auf dem Monitor pr sentierten Das Body Element einer Webseite hat oft R nder von nur 10px Wie breit die gedruckte Seite erscheint h ngt von der Aufl sung eines Druckers ab Bei einem Drucker mit einer sehr hohen Aufl sung kann sich dabei nur ein winziger Rand ergeben F r eine gedruckte Seite sollten die folgenden Erkl rungen eigentlich ausrei chend sein Viele gedruckte Seiten verwenden gro z gige R nder von bis zu 3 cm Das Minimum des Randes sollte nicht kleiner als 1 2 cm sein da einige Drucker diesen nicht unterschreiten k nnen Betrachter die gedruckte Seiten abheften bevorzugen einen linken Rand von un gef hr 2 cm Alle Browser verwenden einen Standardrand bei dem Druckt einer Seite und die wichtigs ten Browser erlauben auch diesen Rand zu ver ndern Jeder innerhalb einer Webseite angegebene Rand
208. r p oder DIV aus und tragen Inhaltsverzeichnis Inhaltsverzeichnis erstellen aus Tag Klasse Sp PA E 4 i a V Alle Eintr ge im Inhaltsverzeichnis numerieren In der Spalte Klasse die gew nschte ein Es ist C Inhaltswerzeichnis schreibgesch tzt nat rlich auch m glich berschriften auszuw hlen de gt 6 Wenn Sie eine Nummerierung der Eintr ge w nschen klicken Sie auf Alle Eintragungen im Verzeichnis nummerieren 7 Klicken Sie auf OK Achtung Das Kontrollk stchen Inhaltsverzeichnis ist schreibgesch tzt ist onne Wirkung Das Inhaltsverzeichnis wird an der Cursorposition eingef gt Eine Verzeichnis aktualisieren nachdem nderungen an einer Seite vorgenommen worden sind 1 Es ist nicht notwendig den Cursor in das Verzeichnis zu setzen 2 Klicken Sie auf Einf gen Inhaltsverzeichnis Aktualisieren 3 Das Inhaltsverzeichnis Fenster erscheint die vorher gew hlten Einstellungen wer den gezeigt 4 Wenn gew nscht k nnen Anderungen vorgenommen werden 5 Klicken Sie auf OK Das Verzeichnis wird aktualisiert neue berschriften werden aufgenommen und gel schte werden in dem Verzeichnis nicht mehr angezeigt die Nummerierung wird ebenfalls auto matisch angepasst Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 57 Kompozer Eine Verzeichnis l schen 1 Es ist nicht notwendig den Cursor in das Verzeichnis zu setzen 2 Klicken Sie auf Einf gen Inhaltsverzei
209. rating DES Heute tr gt uns span SPAN K nstier SPAN K nstler aus SPAN Literaturgattung einige Passagen vor x a ElWweitere Werke des Kiinsklers Fine Kostprobe Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud exercitation ullamco labori aliquip ex ea commodo consequat Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident sunt in cul officia deserunt mollit anim id est laborum Sie sehen dass die Fliesstextbereiche in lt SPAN gt Abschnitte eingeschlossen werden 7 6 Verwenden der Vorlagen Um eine Seite auf der Basis einer Vorlage anzufertigen stellen Sie zuerst sicher dass die Vorlage selbst gespeichert und geschlossen wurde eine Seite kann nicht auf einer ge ff neten Vorlage basieren Anmerkung Alle Seiten die mit Kompozer auf der Basis von Vorlagen angefertigt wur den haben den Dokumenttyp Transitional Es ist nicht m glich XHTML Dokumente oder solche vom Strict Doctype auf der Grundlage von Vorlagen herzustellen Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 97 Kompozer Eine neue Selte eroffnen Neue Seite oder Vorlage erstellen 1 Klicken Sie auf Datei Neu Welche Art Datei wallen Sie erzeugen 2 Aktivieren Sie die Optionsschaltfl che O ne leste Sehe Eine neue
210. rden sollen kann das img Element mit dem Style display none versehen werden A7 2 2 4 Hintergrund Einige Browser werden Hintergr nde berhaupt nicht drucken Andere bieten Optionen an aber darauf kann man sich nicht immer verlassen Das gilt sowohl f r Hintergrundbilder als auch f r Hintergrundfarben Auf einer Seite wie unten abgebildet auf der das Men nicht Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 149 Kompozer unterdr ckt wird ist das Ergebnis des Ausdruckes h chstwahrscheinlich sehr unsicher Die Hintergrundfarbe kann in den wei en Text ausbluten besonders wenn Papier schlechter Qualit t verwandt wird In solchem F lle ist es viel besser einen neuen Satz von Styles f r die Men Buttons einzurichten die Farbschemata verwenden die funktionsf hig sind KompoZer User Guide Printing HTML pages using CSS Mozilla Firefox Datei Bearbeiten Ansicht Chronik Lesezeichen Extras Hilfe lt a r gt X e ch 1 1 http ffwww charlescooke me uk web uga0 htm l Sak gt Gl kompozer cooke FaqHomepage M MapQuest ihk amp Nau woerterbuch E Front E Back E ct Y JK FRITZ Box wl Map24 LEO amp cooke YB Magazin Windows ebY ebay GPS Handy O viv simo W wikipedia din6 amp htm Deaktivieren A Cookies Keine C55 Fehlerr E Formularer 4 Grafiken Informationen Verschiedenes 7 Hervorhebenr ss Gr er pP Extras ke Quelltext P Optionen e Q Kompozer Use
211. rgrund 4 Uber den Button rechts neben dem Feld Farbe starten Sie den Farbw hler Inline Styles E Block Backeround Color Allgemein Hintergrund arundFarben e SENN x A Se a Y Kal ar Farbe yellow d z Transparenz i A T je e S i EHE HASTEA CA TE E La le PS UE EU EI We a e serenos Farbton 60 5 Rat 255 D Hex 2FFFFDO Ps Natal clase S ttigung 100 Gr n 255 ame yellow Helligkeit 255 le Blau 0 la OK abbrechen Ok D Transparent Die Inline Styles erlauben Ihnen einige Eigenschaften f r die komplette Seite einzustellen Dieses schlie t Text R nder und Box Eigenschaften ein Daher haben Sie einfache M glichkeit zur Formatierung einer vollst ndigen Seite Wenn Sie die Texteigenschaften des Body formatieren gilt es f r die gesamte Seite also auch f r Abs tze und Tabel len Technischer Ausdruck inherited vererbt Es gibt nat rlich keine Auswirkungen auf die Texte auf die spezielle Formatierungen angewandt wurden Rand und Box Eigenschaften werden nicht vererbt Inline Styles Allgemein Hintergrund Schriftart Schriftschnikt nicht angegeben nicht angegeben Schriftstil nicht angegeben w 5 vordefiniert anal metvetca sanss AA 5 Benutzerdefiniert Ausrichtung nicht angegeben ze _ berstrichen _ keine Schriftgr e t Durchgestrichen elenh he E _ Unterstrichen fade 1 Cl Vie
212. rm glicht zu Testzwecken die Stylesheets auszuschalten Mit dem ge ffneten CSS Editor CaScadeS siehe weiter hinten w hlen Sie ein Stylesheet aus und kreuzen das Kontrollk stchen Sty lesheets deaktivieren an Stile verwenden eine ma geschneiderte Terminologie Kompozer verwendet die allerdings kaum au er in der Quellansicht da der Code vor dem Autor verborgen wird Die beteilig ten Ausdr cke werden in diesem Benutzerhandbuch genannt Hier sind sie zusammen mit einigen Beispielen Die Beispiele zeigen den Quellcode der entweder im Head Bereich Ihrer Seite oder in einem externen Stylesheet erscheinen w rde Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 64 Kompozer Style Begriffe Einfache Regel mit einer Deklaration Regel mit 2 Deklarati onen Regel mit 2 Selekto ren Regel mit Klassense lektor Regel mit komplexen Selektor Erklarung Regeln erscheinen in einem blauen doppelt umrandeten Kasten Selektoren haben einen einfachen roten Rand es A E aaa a NY N N NY ONGS ul NS Du Du NS NN NN N NN N NN N ui NS ue ui Du NN NN NS ONO NS N NN ONGS NO Du NS ui NS NS NS NY Ca SS AANA SIRIOS IS S Y dee ee N NN NN NN NN NN NNVNVNN N NN NN NN N NN NN NVNVNVNVNVVNNN Dieser Selektor formatiert verlinkte Listenelemente in einem DIV mit der ID Menu 4 2 Styles entwerfen 4 2 1 Interne Styles Wir werden sehen dass Stil Regeln in Stylesheets gespeichert werden Kompozer schlie t einen CSS Edit
213. s i keine klasse s i TUE variable Breite o E PIE A Bl uU wl en um WI in 111 EUnbenannt Seitenverwaltung Ansicht Alle Dateien dal 3 Lorem ipsum dolor sit amet consectet incididunt ut labore et dolore magna ah Name Gg ae exercitation ullamco laboris nisi ut aliqu Haustiere Es dolor in reprehenderit in voluptate velit Excepteur sint occaecat cupidatat non anim id est laborum Ut enim ad minima corporis suscipit laboriosam nisi ut aliq vel eum iure reprehenderit qui in ea voh consequatur vel ilum qu dolorem eum Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperam eaque ipsa quae ab illo 4 inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo Nemo enim ipsarn voluptatern quia voluptas sit aspernatur aut odit aut bet sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt Neque porro quisquam est qui dolorern ipsum quia dolor sit amet consectetur adipisci velit sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquarm quaerat voluptatem 4 Normal ro HTML Tags Quelltext lt body gt lt p gt Angenommen es gef llt Ihnen nicht was Sie soeben getan haben Sie k nnen es sofort annullieren mit dem Befehl R ckg ngig aus dem Bearbeiten Men oder mit der Tasten kombination Strg Z Wenn es Ihnen jedoch
214. s Profils speichern m chten Wenn Sie einen Unterordner in Nr ade srl ts enee fl om epa open Yan Eigene Dateien bestimmen erleichtern EE Sie sich damit die regelm igen Backups Anmerkung Sie sollten f r jedes Profil Your user settings preferences bookmarks and mail will be stored in ee rwendungsitenkompozerrtiesnattamge SIMON eigenen Ordner einrichten sl l E Sie k nnen in dem Dialog Choose User Profile auch Profile umbenennen und l Click Finish to create this new profile schen Bevor Sie zus tzliche Profile hinzu f gen ist das Standard Profil jenes das Sie bislang verwendeten Es wird alle Ein stellungen enthalten die Sie vorgenommen hatten Alle zus tzlich hinzugef gten Profile werden in einem reinen Zustand kreiert Sie werden deshalb jedem Profil die Einstellungen f r Site Manager und Publishing hinzuf gen m s sen Auf diese Weise k nnen Sie verschiedene Profile f r spezielle Zwecke einrichten und andere f r grundlegendere Funktionen beibehalten Charles Cooke bedankt sich an dieser Stelle bei Neil Parks vom WYSI FORUM f r einige der obengenannten Informationen A5 Revisionsgeschichte 17 December 2007 Zum Ausgabezeltpunkt enth lt diese Version dieselben Informationen wie die HTML Version mit einer Ausnahme Der Unterschied ist der Verzicht auf spezielle Hinweise auf Nvu weil diese nur noch von historischem Interesse sind Revisionsgeschichte der deutschen bersetzung 7 Ju
215. s Seitenlayout ent steht auch wenn der Text inhaltlich noch bedeutungslos ist Anmerkung N tzlicher Dummy Text findet sich auf http www lipsum com Anmerkung Es gibt noch weitere M glichkeiten das Seitenlayout zu gestalten aber der beschriebene Weg ist der einfachste 7 3 Vorlagen speichern Um eine Vorlage zu speichern 1 Klicken Sie auf Datei Speichern oder Speichern unter Die Erweiterung mz wird automatisch hinzugef gt 7 4 Eine Seite als Vorlage speichern Ein bereits bestehendes Dokument kann in eine Vorlage umgewandelt werden 1 Klicken Sie auf Format Seitentitel und eigenschaften 2 Kontrollk stchen Diese Seite ist eine Vorlage anklicken 3 Klick auf OK Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 94 Kompozer 4 Klick auf Datei Speichern unter Der Dateityp HTML Template wird automatisch eingetragen 5 Benennen und Speichern wie blich 7 5 Vorlagendetails einrichten Der vorformulierte Text wird geschrieben und formatiert wie auf jeder anderen normalen Seite Im weiteren Verlauf kann dieser Inhalt nicht durch den Benutzer ver ndert werden Der Inhalt der Seite Textbaustein boilerplate und Beispieltexte der editierbaren Berei che sollten bereits eingetragen und formatiert sein Bl cke editierbar gestalten 1 Inder HTML Tag Ansicht markieren Sie den Block durch Anklicken des Tags 2 In der Statuszeile klicken Sie mit der rechten Maustaste auf den zugeordneten her vorgeho
216. s Tabelleneigenschaften Fenster ein Die berschrift kann an jedem Rand der Tabelle eingetragen werden Summary Zusammenfassung Captions werden h ufig von Personen die nicht visuelle Ausgaben benutzen als unbrauchbar f r Zusammenfassung von Zweck und Struktur der Tabelle betrachtet W3C empfiehlt daher Autoren sollten deshalb darauf achten Zusatzinformation zur Verf gung zu stellen die den Zweck und die Struktur der Tabelle zusammenfasst und daf r das Summary Attribut des TABLE Elements verwenden Das ist f r Tabellen ohne berschriften besonders wich tig Eine Zusammenfassung hinzuf gen 1 Rufen Sie das Tabelleneigenschaften Fenster auf 2 W hlen das Register Tabelle und klicken auf den Erweitert Button 3 Im Fenster Erweiterte Einstellungen suchen Sie aus im unteren Teil bei Attributen den Eintrag Summary aus und tragen im Feld Wert einen Text ein Erweiterte Einstellungen Aktuelle Attribute f r TABLE HTML Attribube Inline Style 255 JavaScript Events Attribut cellspacing cellpadding border summary Eine Zusammenfassung Klicken Sie auf einen Eintrag oben um seinen Wert zu bearbeiten Attribut Wert berschriften berschriften zu Zeilen und oder Spalten verbessern die visuelle Pr senta tion und machen die Bedeutung des Inhalts klarer Standardm ig werden berschriften Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 38 Kompozer fett und zentriert angezeigt berschriften
217. schmalen Umrissen Schnel Anmerkung Wenn sp ter der Tabellenrand auf Null gesetzt wird verschwinden diese Rahmenlinien werden aber durch Kompozer in der normalen Ansicht ersetzt durch rote Umrisslinien Diese erscheinen nicht in der Vorschau oder im Browser Erweitert Tabellen haben Anfasser mit denen die Gr e neu abbrechen bestimmt werden kann sie hnlich denen die Sie bei den Bildern bereits verwendet haben Wie die Bildern k nnen auch Tabellen positio niert werden Alternative f r genauere Steuerung 1 Klicken Sie auf den Tabelle Button ahelleseinfiieen Das Tabelle einf gen Fenster erscheint 2 Klicken Sie auf das Prazise Register 3 Geben Sie die gew nschte Zeilen und SEN ellen Spaltenzahl ein A E E 4 Geben Sie die Breite der Tabelle entweder SES in Pixel oder in Prozent der Fensterbreite F x an L schen Sie alternativ den Breite Rand 1 Eintrag Dadurch wird sich eine fl ssige Breite ergeben die sich an den Inhalt au tomatisch anpassen wird abbrechen 5 Wenn ein Rand ben tigt wird geben Sie dessen Breite in Pixel ein sonst w hlen Sie die 0 Der Rand umgibt sowohl die Tabelle als auch die Zellen diese jedoch etwas schmaler Tipp Sobald Sie eine Tabelle mit der Pr zise Einstellung entworfen haben wird jede folgende mit der Schnell Methode eingerichtet Tabelle dieselben Einstellungen verwenden wenn Sie diese nicht manuell ndern Wenn Sie den Inhalt
218. se eine lokale Datei oder eine Email Adresse Wenn Sie ein Bild verlinken sehen Sie in oder w hlen Sie ein b tes Ziel oder eine Uberschrift aus d i i i i i 13 SE er Sie ein ben annkes el oder eine berschrift aus der keinen Hinweis auf diese Funktionalit t SSES E Sie m ssen daher mit anderen Mitteln L Dies ist eine E Mail Adresse daf r sorgen dass das Bild als Link URL relativ zur Seiteriadresse Durchsuchen erkannt wird Zu den M glichkeiten Fame rana geh rt der Einsatz des Tooltip Wenn EE Sie bislang vergessen hatten den Tooltip Zeg as auszuf llen klicken Sie doppelt auf das tiginalgr le S f i Breite Bild und f gen den Eintrag hinzu H he LEmetert Alternativ k nnen Sie ber die rechte Maustaste auf dem Bild die Grafik und ES EE Linkeigenschaften aufrufen Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 44 Kompozer 3 7 3 Links ndern Das Ziel des Hyperlinks kann sowohl in der Normal HTML Tag und Vorschau Ansicht ge ndert werden Dazu klicken Sie doppelt auf den Link damit sich das Link Eigenschaften Fenster ffnet Bei einem Bild ffnet sich Grafik Eigenschaften Fenster hier m ssen Sie noch auf das Link Register klicken Andern Sie jetzt die Angaben zu dem Link Um die Verbindung zu entfernen l schen Sie die Adresse im Eingabefeld Sie k nnen al lerdings auch einen Link l schen indem Sie ihn markieren und mit der rechten Maustaste das Kontextmen ffnen und dort d
219. so vielen verschiedenen Browsern wie m g lich Mozilla Browser sind den Autoren hier nur ein teilweise behilflich Wenn sie auf ein Zeichen sto en das in der aufgelisteten Schriftart nicht enthalten ist versuchen sie das Zeichen in einer anderen auf der Maschine installierten Schriftarten zu finden Sie sollten auf jeden Fall alle Seiten mit dem MSIE 6 berpr fen da dieser diese Eigenart nicht auf weist MSIE7 wird einige Zeichen auswechseln Besucher k nnten Ihre Seite unter Um st nden verlassen wenn Sie statt auf die gew nschten Zeichen auf Quadrate blicken Alan Wood bietet mehrere Seiten an die in dieser Beziehung u erst n tzlich sind Using special characters from Windows Glyph List 4 WGL4 im HTML Ref 3 listet Zeichen auf Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 136 Kompozer die im WGL4 Satz verf gbar sind Unicode fonts for Windows computers Ref 4 f hrt Schriftarten auf die besondere Bereiche von Unicode Zeichen und noch was noch inte ressanter ist zeigt Verbreitung der Schriftarten so dass die Autoren die wahrscheinliche Verf gbarkeit bei den Besuchern berpr fen k nnen Jene die ein seltenes Zeichen ver wenden m chten m ssen berpr fen welche Zeichens tze dieses als Unicode enthalten Ref 5 A6 3 8 2 Beispiele Bei der Vorbereitung diese Seite zeigten zum Beispiel Firefox und Kompozer in der Tabelle A6 3 1 die Pfeile richtig an aber im MSIE erschienen die Pfeile urspr
220. sse oder die ID jedes Elementes an Doppelklick Der Doppelklick stellt eine wirkungsvolle kontextsensitive Funktion zur Verf gung oft ist das der schnellste Weg zu der gew nschten Aktion e Ein Doppelklick auf ein Bild ffnet das Grafik Eigenschaften Fenster in dem Sie die Angaben zur Position Name Gr e Link usw ndern k nnen e Der Doppelklick auf einen Link oder Anker erm glich die nderung von Name und anderen Eigenschaften e Ein Doppelklick auf eine Tabelle oder Zelle ergibt den Zugriff auf die Eigenschaften wie Gr e Farbe und Ausrichtung e Der Zugang zu den Erweiterten Eigenschaften des Objektes bietet sich ber einen Doppelklick da im sich ffnenden Fenster der Button Erweitert angezeigt wird Dadurch k nnen umfangreiche Formatierungsoptionen der Objekte genutzt werden erfordert aber detaillierte Kenntnisse in HTML oder CSS Tipp Schnell zum Body springen Gelegentlich m chten Sie vielleicht von einem Element zum BODY der Seite wechseln Zum Beispiel wenn Sie zwei Tabellen direkt hintereinander haben wird die Bet tigung der Cursortaste PfeilUnten Sie in die n chste Tabelle f hren Sie k nnen aber nichts zwischen den Tabellen einf gen Wenn Sie einen Absatz mit einem besonderen Style haben wird die Entertaste einen neuen Absatz mit demselben Style beginnen Wenn Sie das nicht wol len m ssen Sie den Style entfernen Wenn Sie einen DIV als letztes Objekt auf einer Seite haben k nnen Sie nich
221. sweise von http dictionaries mozdev org installation html Ein W rterbuch hinzuzuf gen ffnen Sie die Quellseite in einem Browser Klicken Sie auf der Seite den betreffenden Links mit der rechten Maustaste an W hlen Sie Ziel speichern unter W hlen Sie einen passenden Ordner Klicken Sie auf Speichern ua a o mozdev CIE e HEURE CIE Mozilla Fireloz Date Desbeien Gescht ihren kesszeichen Pdre life r E p e KK http etorri Tresch ll Mare den El sl Ce 1 Fan gungen MA beschte y Ab rs rte rm ro Ea dx rr a Ir EE Mig 1 Wi gi suen 1 1 rd El vg WI ada 1 Geng Ja Lei Dadi A Coplas Ces Ci ablar Formadores E e beier ic Narr grextlenkesetr ler ellas Eile Gei Gi Set N ie erg w E3 Le log DU Projects viren Ta TE na ASA at THID Rive MITE SS ve TU FIRE Be Ki Ke T di Wii ee k vRkEHE KI kr kl vi f e Active Projects Tha dchionaries Wi nat display as ebensione to wanfy installation go to the Language menu intha small deii other Projects Start a Prolert Mozilla Thunderbird K 1 Download Ihe dechearg vou want bo mastball r ak Save ert do Disk A Pe Keanurres 2 In Hosts Thunderbird g bo Tear Extersions ang dick imei Delet the Denona You downlaaded and click Open Bug Tracking ars hc Faouble eta ber Ihr Holong bpirtcp Hosting 1 capy he mk From the Installabosa page salllng Lists 2 Seiech e Tools menu Documentation A Select the Crisana menu em a Check fair AN Resources 5 Paste che ink into
222. t 3 13 Inhaltsverzeichnis 3 13 1 Einleitung Wenn Sie ein langes Dokument mit Abschnitten haben das durch berschriften der Grade 1 bis 6 gegliedert kann Kompozer ein Inhaltsverzeichnis Table of Contents 10C automa tisch erzeugen Das Verzeichnis spiegelt die Struktur der Seite mit Hilfe der berschriften die den Text der Tabelle bilden wider Per Voreinstellung werden die Eintragungen im Verzeichnis mit der berschrift verbunden Sie k nnen durch Klicken auf den Verzeichniseintrag zu der Stelle auf der Seite springen Wenn gew nscht kann das Verzeichnis nummeriert werden so dass die berschrift von Klasse 1 an aufw rts nummeriert werden die darunter liegenden berschrift zweiten Gra des werden wieder nummeriert von 1 an aufw rts Die Nummerierung der niederen Ni veaus beginnt wieder neu wenn sich die Nummer des Niveaus 1 erh ht Gleiches gilt f r die unteren Verzeichnisebenen Es ist nicht notwendig alle berschriften Niveaus im Verzeichnis zu ber cksichtigen z B k nnen Sie nur die erste und zweite Ebene bernehmen Es ist auch nicht erforderlich auf der Seite jede berschriften Ebene einzuschlie en Wenn die Seite nur die berschrift 5 und berschrift 6 benutzt k nnen auch diese die Grundlage des Verzeichnisses bilden Wenn die berschriften in der Seite nicht f r eine zufriedenstellende Struktur des Ver zeichnis ausreicht ist es m glich kurze Abs tze speziell zu diesem Zweck einzuf gen Diese k
223. t eine Klasse zugewiesen werden Der CSS Editor erlaubt Klassen mit den erforderlichen Eigenschaften herzustellen C55 Stylesheets Box Sheets und Regeln Anzeige Sichtbarkeit Position Overflow nicht angegeben e Breite H he Min Breite Min H he alelalelale Lalela leia le Max Breite Max H he Aulienabstand Innenabstand en Sp Unten M 4 II OOOO II altaltialrtalt H Pla j ki f 4 Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 52 Kompozer Im CSS Editor sind alle wichtigen Eigenschaften unter dem Box Register Siehe Abschnitt 4 2 1 4 erreichbar Die erforderlichen Eigenschaften und die Werte sehen Sie in der Tabel le Eingabefeld Breite px Offset Oben Offset Links Offset Rechts Offset Unten Indem Sie Klassen verwenden stehen Ihnen weitere Optionen zur Verf gung die Sie nicht ber die Symbolleiste erreichen k nnen Der Positionsauswahl bietet absolut relativ sta tisch und fest Die feste Wahl wird in der HTML Version dieser Anleitung verwendet um das Men in seiner Position zu halten Die Layer bleibt in einer festen Position auf dem Schirm und scrollt nicht Der Effekt ist dem eines Framesets hnlich Warnung Der Internet Explorer 6 0 interpretiert fest als w re es absolut Obwohl zu erst die richtige Position angezeigt wird wird das Objekt gescrollt 3 11 Rahmen An mehreren Stellen wurde bereits eine Anzahl von Methoden f r
224. t lt dir gt 7 i 0 00 kbit ts a kompozeranieie el tz user quides 2 vov ge Fle Unberarnt Palmt E SCH Ge I ENG m H Ri DIES Einen Flie text Editierbereich einrichten Markieren Sie die Textpassage die editierbar werden soll Klicken Sie auf Einf gen Vorlagen Editierbaren Bereich einf gen In dem Fenster F gt einen editierbaren Bereich ein geben Sie dem Block einen ein deutigen Namen 4 Lassen Sie das Kontrollk stchen Textfluss aktiviert 5 Klicken Sie die Optionen falls erforderlich an 6 Klicken Sie auf OK I Anmerkung Die Option Verschiebbarer Bereich ist f r Textflussbereiche nicht anwendbar Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 96 Kompozer F gt einen editierbaren Bereich ein E Bereichsname Bitte benennen Sie den editierbaren Bereich k nstler rai Textfluss O Block eiretage optionaler Bereich wiederholebarer Bereich verschiebbarer Bereich Abbrechen Wenn Sie die Arbeiten beendet haben speichern Sie die Vorlage wie im Abschnitt 7 3 be schrieben Die Abbildung zeigt die Vorlage in diesem Stadium Die Abbildung veranschaulicht eine Vorlage mit mehreren Flie texten K nstler Ort und Literaturgattung einem wiederholbaren editierbaren Bereich Werke und einem optiona len Bereich Probetext A Testvorlage E 1205px dSPersonalien Ergo EDO aus seinem SEAN SA
225. t das Verfahren mit externen Stylesheets Link Pseudo Klassen einrichten 1 Offnen Sie den CSS Editor und falls erforderlich legen Sie ein Stylesheet Siehe Abschnitt 4 2 1 an Markieren Sie das Stylesheet im Fenster Sheets und Regeln Klicken Sie auf das Palettensymbol oberhalb des Fensters W hlen Sie Regel Markieren Sie den Radiobutton Erweiterte Individuelle Style Regel und tragen Sie den gew hlten Pseudoklassennamen in das Eingabefeld ein Vergessen Sie nicht den Doppelpunkt GE E C55 Stylesheets ege ze t 4 Allgemein Hintergrund Sheets und Regeln Neue Style Regel Alnterries Stylesheet C Style Regel f r Elemententyp H steilschiet Ces 26 h2 Style Regel einer Klasse zB meineklasse Neu erstellen einer L 4 Individuelle Style Regel zB header Erweiterte Individuelle Style Riegel 26 div header a boer ta link Style Regel erstellen abbrechen 6 Klicken Sie auf Style Regel erstellen Sie werden den Namen Ihrer neuen Klas seim linken Fenster sehen 7 F gen Sie Ihrer neuen Klasse einige Details hinzu Es ist m glich diese Pseudo klasse vollst ndig zu formatieren d h nicht nur die Textfarbe und Textauszeichnung sondern auch den Hintergrund Rahmen usw Anmerkung Die Pseudoklasse A hover muss nach den A link und A visited Regeln defi niert werden da sonst die kaskadierenden Regeln die Farbeigenschaft der A hover Regel verbergen Kompozer Anleitung Version 1 01
226. t der Markierung getan werden Text markieren e Einfach den Cursor irgendwo in dem Block platzieren Das reicht oft aus wenn das Format f r den gesamten Block gilt e Doppelklick in einem Block um ein einzelnes Wort zu markieren e Dreifachklick um eine Textzeile zu markieren e Den Mauszeiger bei gedr ckter linker Maustaste ber einen Bereich ziehen Viele Aktionen k nnen mit dem markierten Bereich ausgef hrt werden dazu geh ren e Zu einer anderen Position ziehen e Eine Klasse zuweisen e nderung des Tags z B Verwandlung eines Absatzes in eine Liste Markieren in der HTML Tag Ansicht Manchmal ist es schwierig oder sogar unm glich in der Normalansicht oder der Vorschau Objekte zu markieren In der HTML Tag Ansicht hilft die Bet tigung der Strg Taste beim Klicken auf den Start Tag des Blocks dadurch wird er vollst ndig markiert Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 60 Kompozer Geeignete Aktionen f r vollst ndige Bl cke sind Drag n Drop oder die Zuweisung einer Klasse Markieren ber die Statuszeile Die Statuszeile ist sehr n tzliches Werkzeug Klicken Sie im Bearbeitungsfenster auf ein beliebiges Textobjekt oder ein Bild dann in der Statuszeile auf das Tag das am weitesten rechts steht Das Objekt ist markiert Links von diesem Tag sehen Sie Elemente die in der Dokumentenhierarchie h her stehen Ein Klick auf diese Tags markiert die dazugeh ren den Elemente Kompozer zeigt ebenfalls die Kla
227. t in eine Tabelle umwandeln Nachdem Sie einen Textabschnitt markiert haben rufen Sie ber das Men Tabellen den Befehl Tabelle aus Auswahl erstellen auf Mahele umwandeln Textzeilen die durch Zeilenumbr che oder Absatzschal tungen abgeschlossen werden verwandeln sich in Ta Hyu erstellt eine neue Tabellenzeile f r w hlen Sie das Zeichen das zur Trennung das ausgew hlte Trennzeichen auftritt F r diejenigen der Auswahl in Spalten verwendet wird die lieber mit Tabulatoren als mit Tabellen arbeiten er gibt sich daher eine einfache Arbeitsweise Beim Schrei ben des Textes wird anstelle der Tabulatortaste dann ein Ie ER beliebiges Zeichen genommen dann markieren und Anderes Zeichen umwandeln fertig Trennzeichen l schen Beistrich Mit dieser Methode k nnen aus Anwendungen wie MS ne Word Dokumente importiert werden Im Word ersetzen Lo TEA Sie die Tabulatoren im Text durch ein besonderes Trennzeichen das nat rlich im Text sonst nirgends er scheinen darf Anmerkung Benutzen Sie auf keinen Fall den Tabulator als Trennzeichen da dieser von Kompozer als Gruppe von Leerzeichen gedeutet wird Siehe Abschnitt 3 4 5 3 6 3 1 Textausrichtung Die Browser richten den Text normalerweise linksb ndig und vertikal in der Zellenmitte aus Um die Ausrichtung zu ndern klicken Sie wenn der Cursor sich in einer Zelle befin det auf den Tabelle Button Im Tabelleneigenschaften Fenster stellen Sie d
228. te rechts einf gen ab El Zeile l schen Zeile unten einf gen O SR Die Einstellung einer dunklen Hintergrundfarbe f r angrenzende Zellen zeigt die Abst nde zwischen den Zellen auf Sinnvoll ist das wenn die Zellen mit Text versehen werden sollen so wird vermieden dass sich zwei Textteile ber hren In anderen F llen kann es aber auch ein Problem sein Der Abstand wird durch das Einga befeld cellspacing gesteuert Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 33 Kompozer 3 6 2 3 Hintergrundbilder Es ist m glich ein Hintergrundbild sowohl f r die gesamte Tabelle als auch f r die einzel nen Zellen einzusetzen Anmerkung Die CSS Spezifizierung in der Abschnitt 14 2 1 empfiehlt Wenn ein Hinter grundbild gesetzt wird sollte auch eine Hintergrundfarbe angegeben werden die verwen det wird wenn das Bild nicht verf gbar ist Wenn das Bild verf gbar ist wird es auf der Hintergrundfarbe dargestellt So ist die Farbe in den transparenten Teilen des Bildes sichtbar Anstelle einer Hintergrundfarbe k nnen Sie ein beliebiges Bild als Hintergrund einer Tabel le einsetzen Dasselbe trifft auch auf die einzelne Zellen zu Wenn in den folgenden Erl u terungen das Wort Tabelle benutzt wird gilt das Gesagte auch f r die Zellen Das Bild er scheint hinter allen anderen Objekten in der Tabelle Wenn das Bild gr er ist als die Ta belle wird die Tabelle nicht an das Bild angepasst sondern es
229. tgr e in Druckereinheiten angegeben wird media print body margin 0 background image none font size 12pt Oben wird eine einzelne Regel gezeigt die Regeln k nnen aber auch gruppiert werden media print P Tonet s1izes 109E I hl font size 14pt h2 font size 12pt Kompozer bietet keinen Weg an diese Methode automatisch durchzuf hren Wenn Sie die Media Regel verwenden wollen m ssen Sie die Formatvorlage editieren um media mit der Hand hinzuzuf gen Einmal eingerichtet kann CaScadeS benutzt werden um die Regeln zu editieren hinzuzuf gen oder zu l schen Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 146 Kompozer A7 1 3 Medientypen Dieser Anhang handelt von Medientyp Print Die CSS Spezifizierung schlie t aber auch die folgenden Typen ein Braille Embossed Handheld Print Projection Screen Speech tty und TV Gegenw rtig werden aber nur Screen und in einem kleineren Ausma Print unterst tzt Eine fr here Version der Spezifizierung hatte einen Typ Aural aber der ist durch Speech ersetzt worden A7 2 Styles f r den Ausdruck Eigentlich ist der Ausdruck von Webseiten doch unkritisch Durch welche nderungen k nnten Sie den Ausdruck eine Seite denn optimieren A7 2 1 Dimensionen Die ersten Punkte die es zu betrachten gilt sind wahrscheinlich die Dimensionen und MaBeinheiten in der Druck Formatvorlage Die CSS Spezifizierung stellt bestimmte Methoden zu
230. the hlansme mett E Community le Seh CON 7 Clik farbe Aa on the Fora Jerte ehelag fter the 3 second peuntdern Abat fonke Marla 1 and Mozilla Firefox see SpellBoind FAR hart cel on the link Fo install the tina Inh d za 5 Loft The dictionaries Shop Supporters Mirar Saab Aler oi Hungarian Slawak Bulgaran Irish Slovenian Catalan Inierglnagpeg TAN Croatian Italian Ukrainian Era la Latin Welah Danih L telap Zulo South Africa Dutch Dita rl dr English Australia Malay Leglish Kanada Maori English Linea Kingdom harrerqiar B k nit English Ss Korwegian Rynorek English Pira Zealand LI ET French france Fortuquere Brasil F r orie Portuguese Portugal Galizian Spain Romanian Germ n L ustra a Kussalar Diarra ermano 1 Bursstap ello EJ Germ n Ak Eben Lara Spee Fusstan With C Driek Link P neuem Tab airen Spanish ferien Hebrea Spanish Spain Lesezeichen br desen Ure be f knen s Tel Gehen ai contrib re umeri Do you ha Unk dresse kocisren lad thla Distechafber Firefox Melo Decre E project please read our heedbock page u ll pa va e Rediscorer he seh 7 fon TOR Segen H Fertig ELE Aut Pesckat b eke ICH Stee Speaking i zer SES Ein neues W rterbuch installieren 1 Klicken Sie auf Extras Erweiterungen 2 Im Dialogblatt Erweiterungen klicken Sie auf Installieren Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 26 Das Fenster Wahlen Sie die Erwei ffnet dann
231. ts danach hinzuf gen In einer solchen Situation klicken Sie auf das letzte Objekt in dem Element und markieren in der Statusleiste den Marker dieses Elements und dr cken dann die PfeilUnten Taste Das wird den Cursor unter den DIV oder zwischen die Tabellen bringen Allerdings ist der Cursor nicht sichtbar Jetzt k nnen Sie mit der Eingabe beginnen 4 Styles und Stylesheets 4 1 Einf hrung in Styles Styles sind bereits in der Textverarbeitung und im Desktop Publishing gut eingef hrt Im Webdesign nehmen sie sogar eine noch wichtigere Rolle ein und k nnen fast jedes Detail der Darstellung steuern Styles in den HTML Dokumenten sollten mit den Anforderungen der W3C Style Spezifikationen bereinstimmen Diese werden in Cascading Style Sheets Level 2 Revi sion 1 CSS2 1 Specification genau beschrieben die auf http www w3 org TR CSS2 1 erh ltlich ist Kompozer Benutzern werden die Details erspart da das Programm garan tiert dass den Anforderungen entsprochen wird Bei der gegenw rtigen Version von Kom Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 61 Kompozer pozer gibt es einige Eigenarten die der Benutzer beachten sollte bevor er ausgefeilte Sei ten publiziert Wir besch ftigen uns sp ter damit Eine vollst ndige Einf hrung und Referenz finden Sie unter http de wikipedia org wiki Cascading_Style_Sheets 4 1 1 Die St rken von Styles Styles bestimmen wie bestimmte Seitenelemente auf dem Schirm oder im Druc
232. tz v W NH BIU Styis lt s variable Breite Y YE A Unbenannt 340px A E Das ist fobmatiertet Text EN Klassenauswahlfeld Tag in der Statuszei Ausw hlen Tag entfernen Tag ndern Inline styles vorlagen Normal vw SbyieAlt Erweiterte Einstellungen lt body gt lt __ _ _ _ _ _ StyleModern StyleNeu Wenn Sie einem Element eine Klasse zugeordnet haben wird das Tag mit der Klasse in der Statuszeile angezeigt Wenn Sie Ihre Meinung ndern und eine andere Klasse anwenden m chten wiederholen Sie den Vorgang Wenn sich die Liste der Klassen im PopUp Men ffnet sehen Sie die angewandte Klasse an oberste Stelle in der Liste gekennzeichnet mit einem H kchen Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 78 Kompozer Klicken Sie sie erneut an dadurch wird sie deaktiviert W hlen Sie dann die Klasse die Sie nutzen m chten Anmerkung Es k nnen mehrere Klassen auf ein Element angewandt werden Wenn Sie so verfahren m ssen Sie sicherstellen dass die Klassen Eigenschaften nicht im Konflikt zueinander stehen Die meisten Leute werden vermutlich jeweils nur eine Klasse zur Zeit anzuwenden Sie m ssen berpr fen dass Sie nicht ungewollt mehrere Klassen anwen den 4 2 3 2 Entfernen der Klassen Erweiterte Einstellungen BEE Ein ahnliches Verfahren kann verwendet werden um ein ASES Element von einer Klasse zu trennen Stellen Sie d
233. u wird die Format Symbolleiste be nutzt W hlen Sie zuerst den Text auf die oben beschriebene Weise aus Die Formatierun gen die in der nachstehenden Tabelle aufgef hrt werden k nnen aus der Format Symbolleiste heraus aufgerufen werden Halten Sie die Maus ber ein Symbol um in ei nem Quickinfo zu sehen welche Funktion es hat Schriftart siehe Anmerkung unten Textfarbe t l schwarzes Quadrat Hintergrundfarbe e Farbe f r die Texthervorhebung A A We AAA d Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 17 Kompozer Texteinzug vergr ern am Texteinzug verkleinern iz Hervorgehoben Stark hervorgehoben Anmerkung 1 F r die Option die mit einem Sternchen gekennzeichnet sind markieren Sie eine Inline Sektion des Textes Dadurch k nnen Sie einige W rter innerhalb eines Ab satzes auf eine abweichende Art formatieren Wenn Sie die Anzeige der HTML Tags ver wenden sehen Sie zu Beginn des neuen Formatabschnitts eine lt span gt Markierung Anmerkung 2 Der Button Hintergrundfarbe bestimmt die Farbe des aktuellen Blocks Wenn jedoch die Einstellung CSS Styles nicht aktiviert ist wird der Hintergrund der ge samten Seite formatiert Anmerkung 3 Der Hervorgehoben Button f hrt bei den meisten Browsern zu einer Kur siv Formatierung der Stark Hervorgehoben Button zu Fettdruck Warnung Wenn Sie den DocType Strict verwenden stellen Sie sicher dass im Men Extras Einstellungen Allg
234. und Rahmenlinien R ndern Abst nden Breite und Positionierung bernom men werden 4 5 Das lt DIV gt Element Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 87 Kompozer Das lt DIV gt Element wurde bislang nur nebenbei erw hnt Ein lt div gt bestimmt einen Teil einer Seite der eine Anzahl von Elementen enth lt In diesem Abschnitt wird keine voll st ndige Erkl rung des lt div gt Elements vorgenommen In einem DIV werden Styles oft auf eine besondere Weise eingesetzt dazu sp ter mehr Es folgt vielmehr eine Beschreibung wie man mit Kompozer lt DIV gt erzeugt und nutzt An dere Aspekte von lt div gt gehen wahrscheinlich ber das Interesse von Anf ngern hinaus 4 5 1 Einrichten von DIVs Um einen lt DIV gt zu erstellen 1 Setzen Sie den Cursor an die Stelle an der ein lt div gt erstellt werden soll Anmerkung Versuchen nicht einen div als das letzte Element auf einer Seite zu kon struieren es sei denn Sie wollen dahinter sp ter keine weiteren Elemente hinzuf gen Anmerkung In der HTML Tag Ansicht und der Anzeige der Bereichskonturen Men An sicht kann das Geschehen einfacher verfolgt werden 2 Klicken Sie den ersten Drop Down Pfeil in der Format Symbolleiste an 3 Klicken Sie den letzten Eintrag in der Liste generic container DIV an 4 Der DIV wird formatiert als Bodytext Es ist jetzt m glich jedes beliebige Element in den DIV einzusetzen wie z B Text oder Bilder Text kan
235. und auf externes Stylesheet umstellen 1 ffnen Sie den CSS Editor und falls erforderlich legen Sie ein Stylesheet Siehe Abschnitt 4 2 1 an 2 Markieren Sie das Stylesheet im Fenster Sheets und Regeln 3 Klicken Sie auf das Palettensymbol oberhalb des Fensters 4 W hlen Sie Regel Anmerkung Stylenamen k nnen Buchstaben und Ziffern aber keine Leerzeichen enthal ten Es wird nicht zwischen Gro und Kleinbuchstaben unterschieden sie d rfen nicht mit einer Ziffer beginnen Der f hrende Punkt geh rt nicht zum Namen 5 Klicken Sie dann auf das Optionsfeld Style Regel einer Klasse 6 Tragen Sie den gew hlten Klassennamen in das Eingabefeld ein Ein Punkt befindet sich bereits in dem Eingabefeld nicht l schen Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 76 Kompozer C55 Stylesheets E ene t 4 Allgemein Hintergrund Sheets und Regeln Neue Style Regel Binternes Stylesheet 0 Stvyle Regel f r Elemententyp Zb Pa Ce Style Regel einer Klasse zB meineklasse Neu erstellen einer L Individuelle Style Regel zB header O Erweiterte Individuelle Style Riegel 26 diw header a hower bestKlasse Style Regel erstellen abbrechen 7 Klicken Sie auf Style Regel erstellen Sie werden den Namen Ihrer neuen Klasse im linken Fenster sehen und feststellen dass dem Namen ein Punkt vorangestellt wird 8 Alles weitere geschieht so wie oben beschrieben mit einer Ausnahme Bei der
236. ung Keine Kodierung von Spezialzeichen in Attributen bernehmen Sie die Voreinstel lung Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 108 Kompozer 9 3 Symbolleisten Sie k nnen mehrere Symbolleisten einblenden srs m oder verstecken Auf der Men leiste w hlen Sie Y U u u nn 0h Ansicht Anzeigen Verstecken Entscheiden Sie k nnen Symbole in die obige Symbolleiste ziehen um sie hinzuzuf gen Sie dann durch Anklicken welche Symbolleisten 7 e S e Sie angezeigt oder ausgeblendet haben A Ee m chten Sie k nnen allerdings nicht die Men leiste ausblenden Kopieren G ger SE l Sie k nnen den Inhalt einiger Symbolleisten ndern Die nderung k nnen Sie durch einen Rechtsklick mit der Maus innerhalb der betref fenden Symbolleiste einleiten Aus dem sich dann ffnenden Blatt ziehen Sie die Symbole auf die Leiste und klicken auf Fertig Sie k nnen auch ein Symbol aus der Leiste in das Dialogblatt ziehen wenn Sie es gegenw rtig nicht ben tigen Zeige Symbole und Text kleine Symbole Standard wiederherstellen Fertig Sie k nnen drei zus tzliche Elemente in die Symbolleisten ziehen Die Trennlinie f gt ei nen senkrechten Strich in die Leiste ein so k nnen Sie eine Gliederung vornehmen Der Zwischenraum f gt einen festen Abstand zwischen zwei Symbolen ein Der Flexible Zwi schenraum ndert seine Gr e wenn Sie danach weitere Symbole hinzuf gen oder ent fernen Die
237. ung von Ordnerstrukturen begrenzt Empfehlenswert w re daher ein Blick auf Freeware oder Opensource FTP Programme 10 3 1 Eine Site einrichten Als Sie die Seitenverwaltung Site Manager eingestellt hatten haben Sie auch schon die Remote Site Abschnitte 8 4 und 8 2 konfiguriert Wenn das noch nicht der Fall ist m s Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 114 Kompozer sen Sie ber das Men Bearbeiten Publizierungseinstellungen folgende Daten einge ben e Der Cursor ist im Seite Namen Feld Tragen Sie den Namen ein mit dem Sie Ihre Site verwalten m chten e HTTP Adresse Ihrer Homepage dieses ist die URL Ihrer Site Erhalten Sie von Ihrem Provider Siehe Tipps e Publizierungs URL das ist die FTP Adresse zu der Sie die Seiten senden e Benutzername erhalten Sie von Ihrem Provider e Passwort erhalten Sie von Ihrem Provider e Sie k nnen Ihr Passwort speichern Wenn Sie mehrere Sites eingerichtet haben und Sie eine davon bevorzugt bearbeiten bzw hochladen m chten erreichen Sie dies durch Klick auf die Schaltfl che Als Standard fest legen Dieses vereinfacht das Hochladen Klicken Sie auf OK 10 3 2 Hochladen ffnen Sie die Seite die Sie hochladen m chten Sie k nnen das sehr einfach mit dem Site Manager ausf hren Die Seite befindet sich jetzt im Editorfenster 1 Klicken Sie die Schaltfl che Publizieren Seite publizieren Publizieren Einstellungen Seitentitel Seite b
238. ur Verf gung gestellten Optionen k nnen w hrend der Entwicklung n tzlich sein wenn Sie im Quellcode arbeiten er ist dadurch leichter lesbar Sie k nnen auch erforder lich sein wenn Sie den Quellcode in andere Anwendungen bertragen m chten Wenn zum Beispiel Ihre Datei UTF 8 codiert wurde und Sie den Inhalt einer Anwendung bertra gen wollten die nur Text akzeptiert empfiehlt sich die vierte Option Dadurch wird sicher gestellt dass nur ASCII Zeichen in der Datei erscheinen Ungl ckli cherweise ist das die Option die in der Kompozer Version 0 7 10 nicht richtig funktioniert Anmerkung In der Quellansicht k nnen Sie Zeichen ohne R cksicht auf die ausgew hlte Option eingeben Nach dem Verlassen und Wiederaufrufen der Quellansicht wird sich die Anzeige der gew hlten Option anpassen Die Zeichen werden also nicht mehr so darge stellt wie sie eingegeben wurden In Normal und Vorschau Weise wird Kompozer ohne R cksicht auf die gew hlte Option versuchen alle Zeichen richtig darzustellen allerdings mit den Beschr nkungen die oben unter Unicode Support beschrieben wurden Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 139 Kompozer Wenn Sie eine Datei ben tigen die nur ASCII beinhaltet gibt es eine Alternative ber das Men Datei Zeichenkodierung ndern und speichern Markieren Sie das Kontroll k stchen Als Text exportieren und speichern Sie die Datei mit der automatisch vorge schlagenen Erweiteru
239. urde wird beim Offnen ber die Seitenverwaltung eine neue Instanz des Kompozers aufgerufen Die erste Instanz bleibt greifbar Das gilt nicht wenn Seiten auf andere Weise ge ffnet werden Schriftarten Ohne eine Definition der zu verwendenden Schriftart wird ein Browser die Darstellung der Seite auf der Basis seines Standardschrift vornehmen Kompozer arbeitet auf die gleiche Weise Dieser Abschnitt der Einstellungen erlaubt die Anpassung des Verhaltens Wenn das K stchen Webseiten erlauben andere Schriftarten zu benutzen angekreuzt ist wird Kompozer die im Style oder auf andere Weise angegebene Schriftart anderen ver Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 105 Kompozer wenden Wenn die Option nicht gew hlt wurde ber cksichtig Kompozer keine Styles und verwendet eine Schriftart aus der Liste in dem oberen Teil dieses Dialogblattes Die Boxen f r die Gr en und die Bildschirmaufl sung scheinen nicht zu funktionieren Einstellungen A Allgemein Schriftarten en Seiteneinstellungen Erweitert Fantasy Feste Breite M Schriftarten f r Proportional Serif Sans serif SchreibschriFt Schriftarten Westlich v Schriftart Gr e Pixel serif e y T Times New Roman Arial Comic Sans MS ADMUISLg Courier New v 13 w Minimale Schriftgr e keine ze Webseiten erlauben andere Schriftarten zu benutzen Bildschirmaufl sung oe dpi ei
240. usatzinformationen Geben Sie diese in den Feldern des Feld Eigenschaften Fensters ein Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 47 Kompozer Textfeld Eigenschaften ES d Einstellungen Feldname Nachname V Einstellungen Reihen fi Spalten 120 Pu Eer Feldname Nachname Weniger Eigenschaften y Umbruchmodus Standard e Reihen gt PF Schreibgesch tzt Sp alten la C Deaktiviert Tab Index Es j i iffstaste Mehr Eigenschaften SEA A Anfangstext Erweitert Abbrechen Auch hier k nnen Sie ber den Mehr Eigenschaften Button weitere Einstellungen vor nehmen Anmerkung Da dieser Text eine Anleitung f r Kompozer ist und nicht f r die Konstruktion von Formularen belassen wir es bei diesen Informationen 3 9 3 Formular mit Styles formatieren Wenn die Standardformatierung der Felder nicht ansprechend genug ist kann durch den Einsatz von Styles eine Gestaltung nach den pers nlichen Vorlieben erfolgen F r diejeni gen die mit Styles bereits vertraut sind werden Hinweise im Abschnitt 4 2 5 3 gegeben Der Gebrauch von Formularen erfordert die Kenntnis der einzelnen Elemente ihrer Para meter sowie der Software die die Daten verarbeiten muss H ufig werden daf r CGI Skripte verwendet die auf dem Server laufen Leider stellt aus Sicherheitsgr nden nicht jeder Presence Provider die erforderliche Software zur Verf gung 3 10 Layer 3 10 1 W
241. velit esse quam nihil molestiae consequatur vel illum qui dolorem eum fugiat quo voluptas nulla paratur orem ipsurn dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip x ea commodo consequat Duis aute irure dolor in reprehenderit in voluptate velt esse cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserun ollit anim 1d est laborum ed ut perspiciatis unde omnis iste natus error sit voluptatem accusanturn doloremque laudanturn totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae wtae dicta sunt zplicabo Nemo enim ipsarn voluptatem qua voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores eos qui ratione voluptatern sequi nesciunt Neque porro quisquam est qui olorem ipsum quia dolor sit arnet consectetur adipisci velit sed oa non nurnquarn ems modi tempora incidunt ut labore et dolore magnam al quam quaerat voluptatern t enim ad minima veniam quis nostrum exercitatonem ulam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur Quis autern vel eum sure reprehenderit qui in ea voluptate velit esse uarn nihil molestiae consequatur vel illum qui dolorem eum fugiat quo voluptas nulla pariatur gt y Normal Ed mes El queltext Vorschau lt body g
242. verwalten Kompozer erlaubt entweder in UTF 8 UTF 16 oder in UTF 32 Formaten zu codieren die auf Daten von 8 16 oder 32 Bit beruhen UTF 32 wird normalerweise nicht f r die Codierung von Webseiten verwendet UTF 8 verwendet 1 bis 4 Bytes um ein Zeichen darzustellen Es benutzt 1 Byte um Zeli chen im ASCII Satz darzustellen zwei Bytes f r die folgenden 1920 Buchstaben ein schlie lich des lateinischen Alphabets mit diakritischen Zeichen der griechischen kyrilli schen koptischen armenischen hebr ischen und arabischen Schriftzeichen und drei Bytes f r den Rest von 65 000 Zeichen im Basic Multilingual plane BMP Zus tzliche Zeichen verwenden 4 Bytes UTF 16 benutzt 2 Bytes f r jedes Zeichen im BMP und 4 Bytes f r zus tzliche Zeichen UTF 32 verwendet 4 Bytes f r s mtliche Zeichen Kompozer bietet zus tzliche praktische Vorteile an wenn UTF 8 Encoding f r Seiten mit mehreren Sprachen verwendet wird Ohne R cksicht auf die verwendete Verschl sselung stellt Kompozer alle Zeichen sowohl in der Normalansicht als auch in der Vorschau mit dem entsprechenden Bild dar In der Quellansicht werden die Zeichen die als Referenz eingetragen werden m ssen als ebensolche dargestellt Das reduziert die Lesbarkeit je Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 132 Kompozer doch wesentlich Mit UTF Verschl sselung k nnen alle Zeichen als korrekte Bildzeichen dargestellt werden so dass das Problem vermieden wird
243. vom 07 06 2008 Seite 84 Kompozer Der CaScadeS CSS Editor tr gt Styles in der Reihenfolge des Einrichtens ein Die Reihen folge kann ver ndert werden indem das Element markiert und mit den Pfeilen oberhalb des Sheets und Regeln Fensters verschoben wird Anmerkung Diese Styles werden auf die Links automatisch angewandt Sie m ssen nicht wie Klassen manuell zugewiesen werden 4 2 5 3 Styles f r Formularelemente Formulare nach den eigenen W nschen zu gestalten kann den Einsatz von Styles f r die Elemente erforderlich machen Diese werden genauso formuliert wie oben f r die Hyper links beschrieben Es m ssen nur die Styles den betreffenden Selektoren zugewiesen werden Einige der wichtigsten finden Sie in der folgenden Liste on Element me 4 2 5 4 ID Styles Ids Unique Identifier Eindeutiger Kennzeichner ich bleibe bei dem englischen Ausdruck JK wurden bislang noch nicht erw hnt Sie k nnen f r verschiedene Zwecke genutzt wer den allerdings ist ihr Einsatz bei Kompozer gegenw rtig erst eingeschr nkt m glich Ein denkbarer Einsatz ist die Anwendung eines Styles auf eine einzelne Instanz eines Ele ments Ein ID kann nur einmal auf jeder Seite verwendet werden Meistens werden IDs in Ver bindung mit dem div Element verwendet um einen besonderen Bereich auf einer Seite wie eine Inhalts bersicht ein Men oder hnliches zu kennzeichnen Es ist in n tzlich dem ID einen Namen zu geben der seinen Zweck andeutet
244. vorlagen f r aural Medien zu ent wickeln dieser Typ wird jetzt als deprecated angesehen aber nicht f r Druckmedien In folgedessen was folgt kann der Code nur mit der Hand editiert werden Die CSS2 1 Spezifizierung behandelt seitenorientierte Medien im Abschnitt 13 Wie bereits festgestellt wird die page Methode gr tenteils nicht unterst tzt aber zwei Eigenschaf ten die gedrucktes Layout verbessern k nnen sind page break before und page break after Diese k nnen auf die Werte always avoid oder auto gesetzt werden Normalerweise k nnen Autoren ein Seitenende vor einer berschrift erzwingen hl page break before always Analog k nnen andere berschriften mit ihrem folgendem Inhalt verbunden bleiben durch h3 page break after avold Die page break after Eigenschaft wird weniger gut unterst tzt zumindest mit dem Wert avoid Die Spezifizierung schlie t auch die pagebreak inside ein Dadurch wird verhindert dass zusammengeh render Inhalt wie eine Tabelle oder ein div auseinandergerissen wird Po tenziell ist das eine u erst n tzliche Eigenschaft und berwindet eine der rgerlichsten Eigenheiten von gedruckten Seiten aber scheint bis heute nicht unterst tzt zu sein Einen Block beizubehalten kann man eine Klasse verwenden wie Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 150 Kompozer keeptogether page break inside avoid A7 3 Ergebnisse A7 3 1 Die richtige Reihenfol
245. vout net browser support css hat eine n tzliche Sei te auf der ausf hrlich der CSS Support f r mehrere moderne Browser dargelegt wird 3 WestCiv http www westciv com style _master academy browser support index html hat zu sammenfassende Informationen ber eine gro e Zahl auch lterer Browser Mehrere Seiten behandeln verschiedene Aspekte des Druckens obwohl keine wirklich um fassend ist 4 http www alistapart com articles alaprintstyles enth lt einen exzellenten Artikel von Eric Meyer ber die Wahl von Styles f r den Ausdruck Wahrscheinlich das Beste das zur Zeit zur Verf gung steht 5 http webdesign about com cs css a aa042103a htm enth lt eine allgemeine Einf h rung von Jennifer Kyrnyn ber den Ausdruck 6 Opera bietet einige n tzliche allgemeine Informationen http dev opera com articles view making small devices look great 7 WestCiv stellt spezielle Informationen ber page und page Eigenschaften zur Verf gung http www westciv com style master academy css tutorial advanced printing html 8 Rich in style enth lt eine informative Seite ber paged media Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 153 Kompozer http www richinstyle com quides fontface2 html Diese wird noch hilfreicher wenn page von den Browsern besser unterst tzt wird Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 154 Kompozer Index 0 IN ross 143 A absolute dresse cocoocococ
246. werden e F r die Verwendung des kompletten Stylesheets wird das Media Attribut f r den Link oder das Stil Element angegeben e F r einzelne Stil Regeln oder Gruppen von Regeln wird Media Regel verwendet A7 1 2 1 Formatvorlagen Media print Die normale Form eines Links zu einem externen Stylesheet im Head Bereich einer Datei ist lt link rel stylesheet href stylefile css type text css gt Die normale Form f r das ffnende Anh ngsel f r eine innere Formatvorlage ist lt Stil Typ text css gt Wenn Sie im Kompozer CaScades ffnen und ein Stylesheet markieren sehen Sie im Re gister Allgemeinen im Feld Median Liste den Eintrag All Das bedeutet an dass die Styles dieses Stylesheets f r alle Medien gelten Bez Stylesheets Ord a Se t 4 Allgemein Text Hintergrund Sheets und Regeln BR Internes Stylesheet Typ textjess nummer i Deaktiviert _ Stylesheets deaktivieren wird nicht gespeichert URL keine ins E Dokument ei eingebunden Media Liste fall E Nummer der Regeln 1 Stylesheet exportieren und auf externes Stylesheet umstellen Normale Stylesheets k nnen in Drucker Stylesheets verwandelt Verfahren Sie folgender ma en 1 Starten Sie CaScadeS 2 Im Sheets und Regeln Fenster klicken Sie auf das betreffende Stylesheet Das Register Allgemein wird ge ffnet Kompozer Anleitung Version
247. werden im HTML eingef gt indem td Tabellen daten Elemente durch th Tabellenheader Elemente ersetzt werden Eine Zelle von td normale Zelle in eine berschrift zu verwandeln 1 Rufen Sie das Tabelleneigenschaften Fenster auf 2 W hlen Sie das Register Zelle 3 Klicken Sie die Checkbox Zellenstil an und w hlen berschrift Barrierefreiheit Das Hinzuf gen von berschriften und Zusammenfassungen stellt den ersten Schritt zu einer verbesserten Zug nglichkeit f r nicht visuelle Benutzer dar HTML bietet Erweiterungen an die die Leistung von Sprachausgabesystemen verbessern F r weitere Details siehe Abschnitt 11 4 der HTML 4 01 Spezifikation sehen 3 6 6 Kleines Tutorial In Tabellen bewegen Diese bung bringt eigentlich nichts Neues soll aber Neulingen bei der Formatierung von Tabellen helfen Das Resultat veranschaulicht am Ende dieses Abschnittes sollen einige W rter sein die durch eine doppelte blaue Linie umrahmt sind mehr nicht F gen Sie eine 1x 1 Tabelle ein Jetzt wiederholen Sie diesen Vorgang in der Tabelle zweimal Wenn Sie den Tabelle Button benutzen stellen Sie fest dass es nur beim ersten Mal funktioniert Sie m ssen den Befehl Tabelle Einf gen Tabelle benutzen sonst ffnet sich das Tabelleneigenschaften Fenster Sie sollten jetzt drei Tabellen haben die inein ander geschachtelt sind In die letzte Tabelle schreiben Sie etwas Text Jetzt klicken Sie im Textbereich und stellen Sie die Hi
248. z f r HTML Dokumente ist immer der UCS charset gibt nur die Codierung an Kompozer Anleitung Version 1 01 vom 07 06 2008 Seite 130 Kompozer SU x1 x2 x3 xd X5 x x x x9 xA xB xC xD xE xF Ox f 1x A Xx sp 1 A HEVDOE S x 0123456789 lt gt C x ABCDEFGHIJKLMNO I PQRSTUVWXYZI x abcde fgh ij kimno x pqrstuv WX vz g y CL 9x Am ELO Bx 4 2 3 A EH 1 DAYODO x TABFAEZHOI KAMN O XAP ETYOXVOITVYde n si EX aByo oedtn801kAugv 0 ro co Tu D vu u IO o 0 Tabelle A6 3 2 ASCII und griechische Zeichen A6 3 5 Zeichenreferenzen ISO 8859 verwendet ein einzelnes Byte pro Zeichen um alle in einer Sprache allgemein erwarteten Zeichen zu pr sentieren aber es kann sich ergeben ungew hnliche Zeichen darzustellen HTML stellt zwei Mechanismen Character entity references Entit ten und numerische Zeichen Referenzen zur Verf gung Durch die Anwendung dieser Methoden kann jedes Zeichen im UCS erreicht werden Entitys nehmen die Form amp euro an und nu merische Verweise die Form amp 8364 oder amp x20AG alle Eintragungen stellen das Euro symbol dar Die 8464 und der x20AC vertreten den Unicode Codepunkt f r das Euro Symbol als Dezimalzahl und in der hexadezimalen Notation Diese Methoden befreien den Autor davon Unicode Zeichen unabh ngig von der aktuelle Codierung zu verwenden allerdings auf Kosten zunehmender Dateigr en Die Liste von Entitys wird im Abschnitt 24 der HTML Sp
249. zt Die Markierungen ver schwinden daher Der dritte Flusstext Bereich wurde noch nicht bearbeitet Der Bereich Werke wurde vervielf ltigt konnte aber noch nicht ausgef llt werden Der editierbare Blockbereich wurde ausgef llt Die Seite ist in der HTML Tag Ansicht dargestellt worden damit die lt SPAN gt und lt DIV gt Tags sichtbar sind Wenn Sie alle editierbaren Bereiche bearbeitet haben m ssen Sie die Seite von der Vor lage trennen Die Seite von der Vorlage trennen 1 Klicken Sie im Men Bearbeiten auf Von der Vorlage trennen 2 Speichern Sie die Seite Die Seite nimmt jetzt ihr endg ltiges Aussehen an Nun ist es auch m glich jeden Bereich zu redigieren und als Workaround k nnen die in Kompozer eingefrorenen wiederholbaren Bereiche bearbeitet werden 7 7 ndern der Vorlagen Vorlagen die bereits gespeichert worden sind k nnen nachtr glich ge ndert werden 1 Klicken Sie im Datei Men auf ffnen 2 Stellen Sie den Dateityp auf HTML Vorlagen ein HIML Datei ffnen Suchen in CO PU a Je Testyorlage rmzt LA Zuletzt verwendete D Le Desktop Eigene Dateien H Arbeitsplatz a Dateiname ffner mu Pre gt Netzwerkumgeb Dateityp HTML Yorlagen Abbrechen Anmerkung Die Voreinstellung des Datentyps ist HTML Dateien damit k nnen Vorlagen nicht ge ffnet werden 8 Kompozer Seitenverwaltung 8 1 berblick Die Seitenverw
250. zusprechen Die Zeichen die erforderlich sind alle Zeichens tze herzustellen werden aus einem viel gr eren Satz herangezogen A6 3 3 Universal Character Set Das Unicode Konsortium Ref 17 hat eine universale Zeichenmenge UCS standardisiert d h ein Standard der alle Zeichen definiert die f r das Schreiben der Mehrzahl der le bendigen Sprachen auf Computern erforderlich sind Das Ziel ist und weitgehend ist es bereits gelungen eine Obermenge aller Zeichenmengen zu codieren Mit Unicode kurz f r UCS kann man auf mehr als eine Million Zeichen zugreifen von denen bereits ber 100 000 definiert wurden Diese umfassen Zeichen f r alle Hauptspra chen in der Welt mit einer zus tzlichen Auswahl an Symbolen zu verschiedenen Zwecken HTML legt eine Zeichenmenge fest die aus einer Liste aus dem Zeichen Repertoire zu sammen mit den entsprechenden Codepunkten manchmal auch als Codepositionen be zeichnet besteht F r HTML und XHTML ist die Dokument Zeichenmenge mit dem UCS identisch was bedeutet dass im Prinzip jedes Zeichen im UCS in jedem HTML Dokument verwendet werden kann In der Praxis ist die Unterst tzung f r die komplette Zeichenmen ge unwirtschaftlich die Systeme stellen daher nur Support f r Teilmengen zur Verf gung A6 3 4 Zeichen Codierung Zeichen Verschl sselung bezieht sich einfach ausgedr ckt auf den Prozess in dem die Verkn pfung der Zeichen mit den Werten f r die Unicode Zeichen entsprechend d

Anleitung - KompoZer

Contents

Download Pdf Manuals

Related Search

Related Contents