Why design for both situations
Many learners move in and out of connectivity. A pupil may have internet at school but not at home. A commuter may study on a train that loses signal in tunnels. A learner in a remote area may be able to download once a week at a library or community center. Others have a connection but pay for data by the megabyte and avoid anything large.
If a resource only works online, these learners are excluded or frustrated. If it only works offline, it can miss the advantages of the web, such as easy updates and links. The aim is not a perfect solution for each case but a resource that degrades gracefully: it works best online, yet remains useful when the connection drops.
This article is about the technical and structural choices that make that possible. Specific tools change frequently, so the advice is framed around general formats and principles.
Start with the content, not the technology
Before choosing formats, decide which parts of the resource really need a network. Reading, worked examples, printable exercises and recorded explanations rarely do. Live discussion, auto-marked quizzes that send results to a server, and embedded content loaded from other sites usually do. Separating the two kinds helps you plan:
- Core content should work with no connection at all.
- Enhancements such as forums, live updates or tracking can require a connection, but the lesson should not break without them.
A useful test is to turn off your own connection and try to work through the resource. Whatever fails is a dependency you can then fix or label.
Choosing file formats
Different formats trade off convenience, size, editability and accessibility.
Web pages (HTML). Plain, well-structured pages are small, reflow on any screen, work with screen readers and can be saved for offline reading. Their weakness is that pages relying on external scripts, fonts or images loaded from elsewhere will break offline.
PDF files. Familiar and printable, and they look the same everywhere. Their weaknesses are poor reflow on phones, difficulty editing, and accessibility problems if they are scanned images of pages rather than real text. If you provide PDFs, make sure the text can be selected and the headings are tagged, and think of them as a convenience copy alongside an editable source. Tips on handling PDF tools are covered separately in everyday computing guides.
Word-processor and slide formats. Useful for editing, but open formats are safer than proprietary ones if you want anyone to be able to adapt your work. Keep in mind that not every learner has the software.
E-book formats. Reflowable and well suited to reading on small devices, and many are designed to be stored offline. They are a good choice for long text.
Audio and video. These are the heaviest files. Compressed audio is usually modest in size, while video can be many times larger for the same length. Offer a transcript so learners can read instead if they cannot download the media.
Images. Use appropriate dimensions for the screen and compress them. A photograph at the original camera size is often far larger than needed.
Whichever formats you choose, prefer open, widely supported ones, and avoid ones that need special plug-ins.
Keeping sizes small
File size matters for both download time and storage. Practical steps include:
- Resize and compress images before inserting them.
- Use audio rather than video when the picture adds little.
- Where video is needed, offer a lower-quality option.
- Remove unused fonts, scripts and large embedded files.
- Split a big resource into several smaller downloads, so learners can fetch only what they need.
State the size of each download next to the link, so learners can decide before spending data. Stating sizes in whole megabytes, rounded up, is a simple and honest approach. If a bundle contains three files of 4 MB, 6 MB and 10 MB, tell readers the total is 20 MB, which is the sum of 4, 6 and 10.
Packaging for offline use
Packaging means gathering everything a resource needs into a form that can be copied and opened elsewhere.
- Use relative links. Within a bundle of pages, link to other files by their position in the folder, so the structure still works when moved to a USB stick or another computer.
- Include all assets. Put images, stylesheets and media in the bundle rather than loading them from the web.
- Add an obvious starting file. A file named something like “start” or “index” that opens the first page avoids confusion.
- Compress into one archive. A single compressed folder is easier to download and share than hundreds of loose files. Include a short plain-text readme explaining how to open it.
- Test on a clean device. Copy the bundle to a computer or phone that has never seen it, disconnect it, and check that everything opens.
Resource packs of this kind are widely used where connectivity is limited. Material shared on local networks, memory cards or community devices can reach learners who would never download it directly. Good offline resource packs also include printable versions for places where devices are scarce.
Interactivity without a connection
Quizzes and exercises can run offline if they are built as self-contained pages that mark answers in the browser. If results cannot be sent anywhere, tell learners plainly, and let them record their own scores. Paper alternatives, such as printable worksheets and answer keys, are simple and reliable.
Naming, organizing and backing up
Clear file naming and tidy folder structure matter more when files are copied between devices. Use short, descriptive names without unusual characters, and include version numbers or dates. Keep a master copy of your source files, and follow a sensible backup strategy so a lost drive does not mean a lost resource. If several people maintain the resource, a system of version control helps track changes, though even a simple dated-folder habit is better than none.
Updates and versions
Offline copies go out of date. Put a version number and date on the first page of every bundle, and keep a short list of changes. Tell learners where to find the latest version. If a correction is important, such as an error in a worked example, make it easy to spot.
Licensing and accessibility in every format
Include the license statement and attribution inside each file, not only on the website, because files travel without their original page. Check accessibility in every format you provide: text alternatives for images, readable structure, captions or transcripts for media, and sufficient contrast. Meeting widely used web accessibility standards when you publish the online version is a sound baseline, and carrying those habits into downloadable versions helps learners who rely on assistive tools.
A simple planning checklist
- Which parts must work without internet?
- Which formats are lightest and most widely supported?
- Are file sizes listed, and are large files optional?
- Does the bundle open correctly on a clean, disconnected device?
- Are the license, version and date inside every file?
- Is there a printable option?
Learners in areas with a connectivity gap or slow home internet access will benefit most from these choices, but so will anyone whose connection simply fails at the wrong moment.