Training course
Build Your First Business Website (HTML, CSS & JavaScript + AI)
Build and publish a simple business website with HTML, CSS, JavaScript, and AI help for layout and copy — no framework required.
- Comfortable using a browser and text editor.
- No prior coding required.
Ready to enrol?
Secure one-off checkout via Stripe. Attendance is tracked per session.
Enrol — £449Missed a session? Enrolled learners can book a private make-up lesson from the course portal.
- You may use your real business branding if desired (stock images must be licensed).
- Frameworks (React, Vue) are out of scope — this course focuses on fundamentals.
Course outcomes
By the end you will…
Measurable results we design each phase around — not vague “awareness” goals.
- Structure accessible pages with semantic HTML.
- Style responsive layouts with modern CSS (flexbox and grid).
- Add light interactivity with vanilla JavaScript.
- Use AI to draft content and CSS while you retain quality control.
- Deploy a static site to a hosting target and explain how updates work.
What you are taught
Skills and topics covered
Hands-on subjects in live sessions — distinct from outcomes above (what you can do afterwards).
Front-end foundations
- HTML5 structure and accessibility basics
- CSS variables, flexbox, and grid
- Responsive breakpoints and mobile-first
- JavaScript DOM and events (intro)
Business site craft
- Hero, services, testimonials, and contact sections
- Forms, validation, and privacy-friendly embeds
- Performance and image optimisation basics
AI in the workflow
- Generating draft copy you edit for accuracy
- CSS suggestions you test in DevTools
- Avoiding inaccessible or bloated AI markup
Course content
Phased curriculum
6 phases aligned to live sessions — select a phase to see topics and deliverables.
Build the skeleton of a multi-section marketing page.
What you will cover
- Semantic tags: header, nav, main, section, footer
- Headings, lists, links, and images with alt text
- Forms and labels for contact blocks
Unstyled HTML wireframe for your business page.
Apply typography, colour, and responsive layout.
What you will cover
- CSS reset / normalise and custom properties
- Flexbox for nav and card rows
- Grid for feature sections
Styled desktop + mobile layout.
Buttons, cards, and consistent spacing systems.
What you will cover
- Button states and focus rings
- Card patterns and icon usage
- Dark mode optional (prefers-color-scheme)
Component-style section library on one page.
Mobile menu, smooth scroll, and simple form validation.
What you will cover
- querySelector and event listeners
- Toggling classes for nav and FAQ
- Client-side validation before submit
Interactive nav + FAQ on your page.
Meta tags, Open Graph, and readable copy structure.
What you will cover
- Title, description, and canonical tags
- Heading hierarchy and internal links
- AI-assisted copy editing workflow
SEO checklist applied to your site.
Deploy static files and plan safe update habits.
What you will cover
- Static hosting options (Netlify / similar)
- Custom domain and HTTPS overview
- Update workflow and backup
Live URL for your completed site.
Questions before you enrol?
Speak with the training team about scheduling, prerequisites, or team bookings.