Web builder

What can students do in Web Builder?

• 1. Choose a template 

  Students can start with a ready-made template, for example: 

  • Presentation page (“About me / about our project”) 

  • Academic article / report page 

  • Portfolio (multiple sections and gallery) 

  • Campaign page (message + call to action) 

  • Event page (programme, location, registration) 

  The templates have clear layout blocks, allowing students to focus on content, structure, and message. 

• 2. Edit content with drag and drop 

  Students can easily add and move building blocks such as: 

  • Headings and body text 

  • Boxes with facts, quotes, and key points 

  • Image galleries and single images 

  • Video (e.g. embedding) 

  • Buttons and links 

  • Sections with columns 

  • Contact or feedback forms (if permitted by the school) 

  The visual work supports understanding of how text, images, and layout interact. 

• 3. Customize design: colours, fonts, and style 

  Web Builder makes it easy to adjust the look without “breaking” the layout: 

  • Colour themes (background, primary/secondary colours, buttons) 

  • Fonts (headings/body text) and font sizes 

  • Spacing (margins and padding) and corners (rounded or sharp) 

  • Simple design modes such as light or dark style 

  Students gain experience in how design choices affect readability, tone, and the user experience. 

• 4. Insert images from Learnlab’s library 

  Students can search Learnlab’s media library and insert images directly: 

  • Search by topics and keywords 

  • Favourites and curated collections 

  • Automatic captions and source attribution 

  • Simple cropping and image adjustments 

  This strengthens students’ ability to choose relevant visuals and connect text and images meaningfully. 

• 5. Receive AI-generated suggestions (AI assistant) 

  Web Builder can support the student’s writing process through: 

  • Suggestions for headings, introductions, paragraphs, and conclusions 

  • Structural support (e.g. problem statement and conclusion) 

  • Language support: clarity, coherence, tone, and level 

  • Alternative phrasings and versions 

  Students practice evaluating, editing, and improving texts rather than simply accepting finished answers. 

• 6. Publishing and sharing 

  When the page is ready, students can: 

  • Preview the page on mobile, tablet, and desktop 

  • Publish the page openly via a link 

  • Choose restricted access (e.g. class or school only) 

  • Update content without changing the link 

  Publishing gives the work a real audience and increases motivation for clear and precise communication.