Electra
Til filerne på skrivebordet

Eksempellisten

Alle eksempler samlet som oversigt. Vælg et eksempel for at åbne præsentationssiden.

.article

"Lyskassen"

En fotoklub skriver en artikel med tekst, metadata og billede i én fil. Ele viser kilden, og Pages bygger artikelsiden.

Se .article-eksemplet

Lyskassens fotonote med en illustreret våd bygade

Kan bruges til

Artikler, nyheder og vejledninger, hvor tekst og billeder skal kunne flyttes mellem visninger.

.note

"Feltbogen"

En kort observation fra slusen står i én .note-fil med titel og brødtekst. Ele viser og redigerer den; Pages bygger en hel side.

Se .note-eksemplet

Feltbogens korte observation om slusen på en færdig side

Kan bruges til

Feltnoter, mødereferater og korte arbejdsbeskeder, der skal have deres egen fil og vises på en side.

.event

"Trykværk"

Tre event-filer danner programmet for en åben trykdag med tidspunkt og sted.

Se .event-eksemplet

Trykværks program med tre tidsrum på en færdig side

Kan bruges til

Programmer og arrangementer, hvor hvert punkt har sin egen fil og kan vises i en samlet liste.

.record

"Hjørnets Skomager"

Fire reparationer ligger i hver sin .record-fil. Oversigten bruger de korte beskrivelser, og ydelsessiderne viser hele teksten.

Se .record-eksemplet

Fire reparationer hos Hjørnets Skomager i en oversigt

Kan bruges til

Ydelser og produkter, der vises både på en oversigt og på hver sin side.

.location

"Paraplybanken"

Et opdigtet paraplyudlån har seks steder i Tønder. Hvert sted ligger i sin egen .location-fil; websiden viser dem samlet på kort og liste.

Se .location-eksemplet

Paraplybankens kort over Tønder med udlånsstederne vist ved siden af listen

Kan bruges til

Steder, der skal kunne findes på et kort og vælges fra en liste: afhentning, arrangementer, butikker eller ruter.

.planche

"Nattebio"

En opdigtet filmaften samler sted, plakat, program og billet på en flade med gemte udsnit.

Se .planche-eksemplet

Nattebios visuelle planche med billeder fra filmgården og en plakat

Kan bruges til

Idéer, arrangementer og præsentationer, hvor billeder, program og rækkefølge skal kunne ses samlet på én flade.

.todo

"Byttedag"

Et fiktivt byttehus planlægger en byttedag på en Kanban-tavle med kort, noter, dokumenter og flere visninger.

Se .todo-eksemplet

Byttedagens opgavetavle med kolonnerne Afklares, I gang og Klar

Kan bruges til

Forløb med flere deltagere og opgaver, hvor status skifter undervejs, og dokumenterne skal følge arbejdet.

.canvas

"Arkivkontoret"

Spørgsmål, kilder og udstillingsgreb på én arbejdsflade.

Se .canvas-eksemplet

Arkivkontorets arbejdsflade med spørgsmål, kilder og udstillingsgreb.

Kan bruges til

Research og udstillinger, hvor spørgsmål, kilder og visuelle idéer skal kunne ses og flyttes sammen.

.regnemodel

"Fælleskøkkenet"

Gæsteantal og portionsstørrelse styrer indkøbslisten.

Se .regnemodel-eksemplet

Fælleskøkkenets indkøbsmodel med justering af antal gæster og portioner.

Kan bruges til

Budgetter, indkøb og kapacitet, hvor ændringer i ét tal skal opdatere resten.

.shade

"Omform"

Et ordmærke med levende farver inde i bogstaverne.

Se .shade-eksemplet

Omforms levende ordmærke på en hvid side.

Kan bruges til

Digitale flader og installationer, hvor lys, farver og bevægelse er en del af udtrykket.

.skilt

"Mellem Café"

Seks skilte til dør, disk og toiletter. Rediger tider og priser på siden, og print fra .skilt-filerne.

Se .skilt-eksemplet

Mellem Cafés åbningstidsskilt.

Kan bruges til

Åbningstider, afhentning og andre korte beskeder, der skal kunne læses hurtigt på en skærm.

.page - billeder

"Tingarkivet"

Et foto med tre fokuspunkter og et galleri med genstande.

Se .page-eksemplet

Tingarkivets foto vist med tre forskellige fokuspunkter.

Kan bruges til

Samlinger, produkter og arkiver, hvor den samme billedfil skal kunne vise flere detaljer.

.page - data

"Frøbanken"

Frølager med nøgletal, diagram og søgbar tabel fra JSON og CSV.

Se .page-eksemplet

Frøbankens nøgletal, diagram og søgbare tabel.

Kan bruges til

Lager og registreringer, hvor tal skal kunne læses som nøgletal, diagram og søgbar tabel.

.page - formular

"Rammeriet"

En forespørgsel om indramning med mål, materialevalg og link til et foto. Formularen kan prøves uden afsendelse.

Se formular-eksemplet

Rammeriets formular med obligatoriske mål og materialevalg

Kan bruges til

Forespørgsler, hvor felterne hjælper både besøgende og modtager med at beskrive den samme opgave præcist.

.page - layout

"Lokalet"

Et fælleshus bruger kolonner, regioner, faner, udfoldning og en ekstra side til at samle oplysninger om rummene.

Se layout-eksemplet

Lokalets faner og praktiske spørgsmål på en færdig side

Kan bruges til

Sider med flere typer indhold, hvor struktur, navigation og tilgængelige interaktioner skal hænge sammen.

.page - reaktion

"Stihjælpen"

En kort rutevejledning får tilbagemeldinger med to valg. Tryk og tal kan prøves uden afsendelse.

Se reaktions-eksemplet

Stihjælpens to reaktionsvalg under rutevejledningen

Kan bruges til

En enkel tilbagemelding på en konkret vejledning. Knapper, tal og testtilstand kommer fra Pages.

Lyd (.wav)

"Sporvognens klokke"

Et kort klokkesignal afspilles direkte fra en WAV-fil.

Se Lyd (.wav)-eksemplet

Sporvognens klokke med waveform og browserafspiller

Kan bruges til

Et lille signal kan ligge som en selvstændig fil og vises på en side.

Video (.mp4)

"Sporvognens rute"

En kort animation viser linje 1 fra remisen til havnen.

Se Video (.mp4)-eksemplet

Sporvognens rute som MP4-klip i Pages

Kan bruges til

En video kan vise bevægelse og stadig have en tydelig plads i sidens indhold.

PDF (.pdf)

"Sporvognens køreplan"

En køreplan på ét ark vises som sidebillede og original-PDF.

Se PDF (.pdf)-eksemplet

Sporvognens køreplan vist som billede på Pages-siden

Kan bruges til

Et dokument kan læses på siden og åbnes som original.

.site-element

"Lokalet"

De samme praktiske svar ligger i én fil og vises på to sider.

Se genbrugseksemplet

Lokalets praktiske oplysninger fra et delt sideelement

Kan bruges til

Indhold, som skal stå flere steder og vedligeholdes ét sted.

.page - søgning

"Værktøjshylden"

Fire værktøjsvejledninger kan findes med fritekst, filtrering og sortering.

Se .page - søgning-eksemplet

Søgning i fire konkrete vejledninger

Kan bruges til

Indholdssamlinger, hvor man skal finde en side ud fra opgaven.

.page - tema

"Værktøjshylden"

Det samme site kan vises i lys og mørk tilstand med Pages’ temaknap.

Se .page - tema-eksemplet

Temaknap på Værktøjshyldens forside

Kan bruges til

Sites, hvor læseren selv vælger lys eller mørk visning.

.page - galleri

"Tingarkivet"

To selvstændige billeder med billedtekst åbner i stor visning.

Se .page - galleri-eksemplet

Tingarkivets galleri med en nøgle og en blå kop

Kan bruges til

Billedsamlinger, hvor originalerne skal kunne ses uden at forlade siden.

.page - tabel og graf

"Frøbanken"

Samme JSON-data bliver til søjler og linje. En CSV-fil bliver til søgbar tabel.

Se .page - tabel og graf-eksemplet

Frøbankens søjler og linjegraf

Kan bruges til

Lager, opgørelser og oversigter, hvor data både skal kunne læses og undersøges.

Projekt - .record

"Læskuret"

Et fiktivt læskur beskrives i én projektfil og får sin egen side.

Se projekt-eksemplet

Færdig projektjournal med principsnit af læskur

Kan bruges til

Projektjournaler, hvor titel, status og beskrivelse skal kunne genbruges på tværs af visninger.

.page - faner

"Lokalet"

Tre rum skifter i samme side, også med piletasterne.

Se .page - faner-eksemplet

Lokalets faner med Værkstedet valgt

Kan bruges til

Korte alternativer, hvor læseren kun skal se ét valg ad gangen.

.page - udfoldning

"Lokalet"

Praktiske spørgsmål åbnes ét ad gangen. De vedligeholdes i samme fil på to sider.

Se .page - udfoldning-eksemplet

Lokalets udfoldede praktiske svar

Kan bruges til

Spørgsmål og svar, hvor oversigten skal forblive kort.

.page - navigation

"Lokalet"

Header, footer, tilbage-link og brødkrummer binder to sider sammen.

Se .page - navigation-eksemplet

Lokalets anden side med menu og brødkrummer

Kan bruges til

Små sites med flere sider, hvor man altid kan finde tilbage.

.page - kildefiler

"Lokalet"

En side viser, hvilke filer der styrer model, menu, indhold og design.

Se .page - kildefiler-eksemplet

Lokalets filoversigt i Ele

Kan bruges til

Et overblik over, hvad der redigeres hvor i et Pages-site.

Det næste

Dækningslisten viser, hvad der er afprøvet, og hvilke formater der stadig kræver en renderer eller en særskilt afklaring.

Åbn dækningslisten