Du kan konstruere lister som er mer interaktiv på din iWeb hjemmeside ved å gjøre dem sorterbar . En sorterbar liste gjør at besøkende til å klikke listen overskriften slik at den automatisk organiserer data, for eksempel arrangere seg i alfabetisk rekkefølge . For å gjøre dette i iWeb du bruker HyperText Markup Language ( HTML ) tabellkoden å presentere listen data og et skript fil, for eksempel JavaScript eller PHP , for å utføre den slags handling. Bruk verktøyene i din iDisk og iWeb programmer for å kunne gjøre en sorterbar liste på websiden. Instruksjoner
en
Klikk en plass på skrivebordet på datamaskinen for å aktivere Finder -menyen øverst på skjermen. Klikk på " iDisk " og " Mine iDisk " alternativer under Start-menyen og logg på iDisk for å koble til serveren som er vert for iWeb hjemmeside. Klikk på " Web "-mappen som vises i dialogboksen , og klikk deretter på " Sites" -mappen for å få tilgang til roten på serveren din .
2
Klikk og dra skriptet filen til nettsteder mappen å laste den opp til serveren rot. Hvis du ikke allerede har en script -fil ved å gå til et nettsted som Kryogenix.org , JavaScript Kit eller DHTMLGoodies.com å skaffe en.
3
Start din iWeb -programmet og klikk på " Legg til side "-knappen i verktøylinjen nederst i iWeb-vinduet som åpnes. Du kan også klikke en eksisterende side som vises på venstre side av vinduet for å åpne det .
4
Klikk på " Vis Media "-knappen på verktøylinjen, og klikk på " Widgets "-kategorien som vises til høyre. Klikk og dra " HTML-fragment "-ikonet til området på siden der du vil at sorterbar liste skal vises. Denne handlingen åpner en tekstboks der du skriver inn koden .
5
Skriv inn HTML-tabell kode som presenterer listen . For eksempel lage en one - kolonne tabell for fem listeelementer som så :
List Overskrift < /th > < /tr > |
List Sak 1 < ;/td> < /tr > |
List Sak 2 < /td > < /tr > |
List Punkt 3 < /td > < /tr > < ; tr> | List Sak 4 < /td > < /tr > |
List Sak 5 < /td > < /tr > < /table > sørg for å erstatte " List Overskrift " og "List Item" oppføringer med din egen liste data . 6 Plasser markøren foran åpningen tag og skriv " < script src = " "> < /script > "for å feste script som gjør din liste sorterbar . Skriv inn en skråstrek mellom anførselstegnene av åpningen script element , og følg denne med skriptet filnavnet . Din komplette koden ser nå slik ut :
|