Dokumentation | 
Wie man HTML-Dokumente erstellt und bearbeitet
Arachnophilia © Copyright 2011, P. Lutus.
Arachnophilia ist CareWare (Englische Webseite)

Übersetzt ins Deutsche von Wolfram Strempfer
Einleitung | Eine Webseite erstellen | Die Details

Einleitung
Das erste und wichtigste, was Sie über Arachnophilia wissen müssen, ist, dass es an Ihre Bedürfnisse angepasst werden kann. Die Menüs und Werkzeugleisten von Arachnophilia werden fast alle von Makros erzeugt — Makros, die Sie verändern können; Veränderungen, die sich Arachnophilia merkt.

Der Entschluss, Arachnophilia auf diese Art aufzubauen, kommt vom generellen Nutzen einer Makro-Architektur, und, was noch viel wichtiger ist, weil es einfach nicht möglich ist, genügend Funktionen fest einzubauen, um auch nur einige wenige ernsthafte Web-Entwickler zufrieden zu stellen. Die Makro-Architektur unterstützt das Laden und Speichern von genau definierten Makro-Sätzen, auf diese Art können Makro-Sätze geladen werden, die bestimmte Aufgaben besonders unterstützen. Oder diese Makros können alle in die Standard-Makrodatei eingebunden werden und mit einem Tastendruck an- und ausgeschaltet werden.

Aber ich schweife ab — wenn Sie genaueres zum Makro-System erfahren wollen, lesen Sie hier über die Arachnophilia Makro-Architektur . Jetzt wollen wir aber anfangen, zu lernen, wie man Arachnophilias vielfältige HTML-Tag-Bearbeitungs-Möglichkeiten verändern kann.
Eine Webseite erstellen
Wählen Sie Datei ... New ... HTML file. Geben Sie einen Titel ein. Dann sehen Sie mehr oder weniger dieses hier:


  1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"">
  2 
  3 <!-- Created on 13.06.2007 07:38:59 -->
  4 
  5 <html>
  6    <head>
  7       <title>
  8          My Page!
  9       </title>
 10       <meta name="GENERATOR" content="Arachnophilia 5.3">
 11       <meta name="FORMATTER" content="Arachnophilia 5.3">
 12    </head>
 13 
 14    <body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
 15 
 16       |
 17 
 18    </body>
 19 </html>
 20 

            
Beachten Sie vor allem den Cursor (" | "). Eine Menge von Arachnophilias Verhalten gegenüber HTML-Tags dreht sich rund um den Cursor, das Auswählen von Text, zum Beispiel.

Was man am häufigsten mit Tags macht, ist, einen Abschnitt Text zu markieren und einen Tag darauf anzuwenden. Nehmen wir dieses Beispiel — Sie tippen einen Satz ein:


  1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"">
  2 
  3 <!-- Created on 13.06.2007 07:38:59 -->
  4 
  5 <html>
  6    <head>
  7       <title>
  8          My Page!
  9       </title>
 10       <meta name="GENERATOR" content="Arachnophilia 5.3">
 11       <meta name="FORMATTER" content="Arachnophilia 5.3">
 12    </head>
 13 
 14    <body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
 15 
 16       Ein Satz.|
 17 
 18    </body>
 19 </html>
 20 

            
Nun ziehen Sie den Mauspfeil bei gedrückter linker Maustaste über den Satz, so dass er so aussieht:

  1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"">
  2 
  3 <!-- Created on 13.06.2007 07:38:59 -->
  4 
  5 <html>
  6    <head>
  7       <title>
  8          My Page!
  9       </title>
 10       <meta name="GENERATOR" content="Arachnophilia 5.3">
 11       <meta name="FORMATTER" content="Arachnophilia 5.3">
 12    </head>
 13 
 14    <body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
 15 
 16       Ein Satz.|
 17 
 18    </body>
 19 </html>
 20 

            
Sowas nennen wir "Text-Auswahl". Nun klicken Sie auf den Werkzeugleisten-Button, der so aussieht: . Sie sehen nun das hier auf dem Bildschirm:


  1 <!DOCTYPE html PUBLIC
 "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"">
  2 
  3 <!-- Created on 13.06.2007 07:38:59 -->
  4 
  5 <html>
  6    <head>
  7       <title>
  8          My Page!
  9       </title>
 10       <meta name="GENERATOR" content="Arachnophilia 5.3">
 11       <meta name="FORMATTER" content="Arachnophilia 5.3">
 12    </head>
 13 
 14    <body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
 15 
 16       <b>Ein Satz.|</b>
 17 
 18    </body>
 19 </html>
 20 

            
Der markierte Text wird nun in Fettschrift erscheinen, wenn wir die Seite mit einem Browser anschauen.

Die Details
Merken Sie sich diese Schrittfolge — auf diese Art werden mit Arachnophila Tags auf Textabschnitte angewandt:

  1. Wählen Sie den gewünschten Text aus.
  2. Aktivieren Sie das gewünschte Makro (per Werkzeugleiste, Menü oder Tastendruck).
Wichtig: Wenn Ihnen das, was dabei herauskam, nicht gefällt, machen Sie es einfach rückgängig:
  • Klicken Sie auf den Werkzeugleisten-Button:
  • oder drücken Sie Strg-Z
Jetzt schauen wir uns an, wie solche Bearbeitungs-Makros arbeiten. Sie sollten sich so bald wie möglich daran gewöhnen, Arachnophilia-Makros zu bearbeiten. Es ist keinesfalls zu früh, damit anzufangen!

Zeigen Sie mit dem Mauspfeil auf den Werkzeugleisten-Button , klicken Sie auf die rechte Maustaste und wählen Sie "Edit". Nun erscheint das Makro-Editor-Fenster (mit einem eigenen Datei-Tab, damit Sie jederzeit wieder zurück zu Ihrem Dokument schalten können). Das "Fett"-Makro sieht ganz einfach nur so aus:

<b>|</b>
Das Senkrechte-Strich-Zeichen "|" bedeutet "Setze hier ausgewählten Text ein". Auf diese einfache Art umschließen die Makros von Arachnophila einen Text-Abschnitt mit Tags. Merken Sie sich, wie der Senkrechte Strich benutzt wird — das ist der Schlüssel zum Scheiben von einfachen, effektiven Makros.

Es gibt sehr viele solcher HTML-Tag-Makros in der Makro-Abteilung "HTML Tag Werkzeugleisten" (im linken Teil des Arachnophilia-Hauptschirms). Um solch eine Leiste sichtbar zu machen, klicken Sie einfach auf die Toolbar und drücken dann die Taste "x" oder benutzen Sie den entsprechenden Punkt im Rechts-Klick-Kontext-Menu. Während Sie Webseiten entwickeln können Sie so festlegen, welche Werkzeugleisten Sie angezeigt haben wollen, während sie arbeiten.

Und — was am allerwichtigsten ist — wenn Sie ein Tag, das Sie brauchen, nicht finden, fügen Sie es einfach hinzu. Zeigen Sie mit der Maus auf einen passenden Werkzeugleisten-Ordner, drücken Sie die rechte Maustaste und wählen Sie "New". Geben Sie das Tag ein, das Sie brauchen, geben Sie ihm einen Namen, den Sie sich merken können und klicken Sie auf "Accept".

 

Dokumentation |