Wie man sortierbare Listen in iWeb

Sie können Listen erstellen, die auf Ihre iWeb Website interaktiver sind sortierbar zu machen. Eine sortierbare Liste kann Ihre Besucher auf die Listenüberschrift klicken, so dass es automatisch die Daten, z. B. selbst in alphabetischer Reihenfolge ordnen organisiert. In iWeb dazu verwenden Sie HyperText Markup Language (HTML)-Tabellencode präsentieren die Listendaten und eine Skriptdatei, wie JavaScript oder PHP, die Sortierungsaktion aus. Verwenden Sie die Tools in Ihrer iDisk und iWeb-Anwendungen erfolgreich eine sortierbare Liste auf Ihrer Webseite machen.

Anweisungen

1 Klicken Sie auf einen Platz auf dem Desktop Ihres Computers auf das Finder-Menü am oberen Rand des Bildschirms zu aktivieren. Klicken Sie die "iDisk" und "Meine iDisk" Optionen unter dem Menü Gehe und melden Sie sich Ihrer iDisk Verbindung zu dem Server, die Ihre iWeb Website unterbringen. Klicken Sie auf den Ordner "Web", der im Dialogfeld angezeigt wird, und klicken Sie auf den Ordner "Sites", um die Wurzel Ihres Servers zuzugreifen.

2 Klicken Sie und ziehen Sie die Skriptdatei Sites auf das Stammverzeichnis des hochladen. Wenn Sie eine Skriptdatei nicht bereits haben, richten Sie Ihren Browser auf eine Website wie Kryogenix.org, JavaScript-Kit oder DHTMLGoodies.com erhalten.

3 Starten Sie Ihre iWeb-Anwendung, und klicken Sie auf "Seite hinzufügen" in der Symbolleiste am unteren Rand im iWeb-Fenster, das geöffnet wird. Alternativ klicken Sie eine vorhandene Seite, die angezeigt auf der linken Seite des Fensters wird, um es zu öffnen.

4 Klicken Sie auf "Media Show" in der Symbolleiste, und klicken Sie auf "Widgets", die auf der rechten Seite angezeigt wird. Klicken Sie und ziehen Sie das Symbol "HTML-Ausschnitt" in den auf der Seite, wo Sie wollen Ihre sortierbare Liste angezeigt werden. Diese Aktion öffnet ein Textfeld, in dem Sie Ihren Code eingeben.

5 Geben Sie den Code der HTML-Tabelle, der Ihre Liste präsentiert. Z. B. erstellen eine Tabelle eine Spalte für fünf Elemente Liste wie folgt:< Tabelle >Listenüberschrift < tr >< th > < /th >< / tr >Listenelement < tr >< td > </td >< / tr > 1Listenelement < tr >< td > </td >< / tr > 2Listenelement < tr >< td > </td >< / tr > 3Listenelement < tr >< td > </td >< / tr > 4Listenelement < tr >< td > </td >< / tr > 5< / table >

Achten Sie darauf, dass Sie die Einträge "Liste Überschrift" und "List Item" mit Ihren eigenen Listendaten ersetzen.

6 Positionieren Sie den Cursor vor dem Starttag < Tabelle > und geben Sie "< script Src =" ">< / script >", das Skript anzufügen, die Ihrer Liste sortierbar macht. Typ ein umgekehrten Schrägstrich zwischen den Anführungszeichen markiert die Eröffnung Skript-Element und führen Sie dies mit Ihrem Skript-Datei-Namen. Der vollständige Code sieht nun folgendermaßen aus:< src="/scriptname.js-Skript" >< / script >< Tabelle >Listenüberschrift < tr >< th > < /th >< / tr >Listenelement < tr >< td > </td >< / tr > 1Listenelement < tr >< td > </td >< / tr > 2Listenelement < tr >< td > </td >< / tr > 3Listenelement < tr >< td > </td >< / tr > 4Listenelement < tr >< td > </td >< / tr > 5< / table >

7 Klicken Sie auf "Anwenden", um fertig zu stellen die sortierbare Liste auf Ihrer Seite einfügen.