Hop til teksten

IT FJERNUNDERVISNING
- IT kurser når Du har tid!

Spry

CS55 har fået en stribe værktøjer, der blandt andet kan hjælpe os med formatering af vores web-site. Denne samling af værktøjer har man valgt at kalde Spry.

Vi skal kigge på

  • Menu bar
  • Tabbed Panels
  • Accordion
  • Collapsible panel
  • Tooltip

Inden vi kaster os ud i legen skal vi have fundet Spry menuen frem oppe til højre. Klik på pilen ud for Common oppe til højre og vælg Spry i menuen.


Menubar

Placer din markør der, hvor du gerne vil have en menu og klik på Menubar i menuen til højre

Vælg dernæst om menuen skal være lodret eller vandret

Det giver dels en menu på siden

Og nogle egenskaber i bunden af skærmen, hvor menuen kan redigeres.

Når du gemmer en side med Spry elementer vil DreamWeaver kopiere nogle hjælpefiler til dit site - det er helt i orden :-)

Vi skal bruge CSS til at styre, hvordan menuen bliver formateret, så det venter vi lige med til vi har lært CSS i næste lektion.


Tabbed Panels

Med Tabbed Panels kan man lave sådan nogle her

Du er nok ved at have luret, hvordan man gør - placer markøren og klik på Tabbed Panels oppe til højre.

I egenskabsvinduet i bunden kan du styre, hvor mange faneblade du vil have og oppe på siden kan du skrive indhold på den enkelte fane.


Accordion

Ja, det er en harmonika - altså sådan én der kan folde ud og ind. Det kan se sådan her ud

Nå når man klikker på sammenplantningerne folder blomster sammen og man kan i stedet se teksten om sammenplantninger.

Heller ikke noget nyt her - placer markør, klik på Accordion oppe til højre. Skriv indhold på siden, styr antallet af elementer i egenskaber i bunden og formater med CSS.


Collapsible panel

Ja, det er sådan et panel, der kan foldes ind og ud.

Ikke noget nyt her - placer markør, klik på Collapsible panel oppe til højre. Skriv indhold på siden, styr hvordan panelet skal opføre sig i egenskabsvinduet i bunden og formater med CSS.


Tooltip

Jeg tror det burde være til at finde ud af nu...

Når du har betalt for kurset får du adgang til øvelser til hver lektion. Og når du har fået godkendt din besvarelse får du desuden adgang til mine løsningsforslag med ekstra tips og trix.