Skriver HTML-mallar

Skriva HTML-mallar för tangentbordsövningssidor

En HTML-mall för att skriva anländer som ett färdigt användargränssnitt för en övningssajt: färdig kod, inbyggda sektioner och en layout som du kan öppna i en editor och utöka med dina egna övningar. Du behöver inte sätta ihop något från en tom fil, och sektionerna förblir redigerbara när mallen väl finns i ditt projekt. Frågan som är värd att ställa sig är hur mycket av ett skrivgränssnitt mallen redan täcker.

Vad färdig kod ger skrivprojekt

Ett skrivgränssnitt har några delar som är mödosamma att konfigurera från grunden, och det här formatet levererar dem redo att användas. Öppna livedemon innan du bestämmer dig och leta efter de delar som projektet kommer att luta sig mot:

• ett övningsområde där texten som ska skrivas förblir läsbar oavsett längd;
• en inmatningszon bredvid den texten, med en synlig skillnad mellan korrekta och felstavade tecken;
• en timer och ett resultatområde för hastighet och noggrannhet;
• nivålänkar för en kurs som växer bortom en enda övning.

Nybörjarmaterial behöver ofta också en tangentbordsgrafik eller fingervägledning, och det är lättare att upptäcka i en demo än att lägga till efteråt.

Anpassa övningar utan att bygga om allt

Den andra frågan är hur mallen beter sig när kursen växer. Ett skrivprojekt håller sig sällan vid tio övningar. Nya nivåer och nya testtexter fortsätter att dyka upp, så avsnitten som innehåller dem bör vara lätta att kopiera och fylla på utan att störa resten av filen.

Det är värt att kontrollera direkt. Kopiera ett övningsavsnitt, ändra dess text och se hur mycket annat flyttas. En mall som överlever detta utan strid kommer fortfarande att vara användbar om ett år, när kursen har betydligt fler enheter än vad demon någonsin visade.

Testa smalare skärmar tidigt

Att skriva på en telefon känns annorlunda, och layouten måste respektera det. När bredden minskar, behåll övningstexten, inmatningsområdet och resultaten i logisk ordning, snarare än att lämna timern strandsatt långt ovanför orden som skrivs. Nicepages responsiva lägen låter dig granska en design på stora skärmar, bärbara datorer och telefoner, och dokumentationen om responsiva lägen täcker dessa vyer. Kör den kontrollen medan du fortfarande väljer, eftersom en svag, smal layout är lättare att förkasta än att reparera.

Det verkliga måttet på en HTML-mall för skrivande är hur redo den är för faktiskt skrivarbete: ett tydligt övningsgränssnitt, resultat som har någonstans att leva och avsnitt som du snabbt kan anpassa. Den beredskapen är viktigare än demotextens polering.