Build Your First Business Website (HTML, CSS & JavaScript + AI)
Advertisement
Build and publish a simple business website with HTML, CSS, JavaScript, and AI help for layout and copy — no framework required.
Level: beginner · Ideal for: SME owners and marketing staff
6-week in-person programme at Hanwell Community Centre, Westcott Crescent, London W7 1PD · 10 sessions · Europe/London timezone
What you will achieve
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 we cover
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 structure
Phase 1 — HTML structure (Week 1 · 2 live sessions)
Build the skeleton of a multi-section marketing page.
Semantic tags: header, nav, main, section, footer
Headings, lists, links, and images with alt text
Forms and labels for contact blocks
Deliverable: Unstyled HTML wireframe for your business page.
Phase 2 — CSS layout and branding (Week 2 · 2 live sessions)
Apply typography, colour, and responsive layout.
CSS reset / normalise and custom properties
Flexbox for nav and card rows
Grid for feature sections
Deliverable: Styled desktop + mobile layout.
Phase 3 — Components and polish (Week 3 · 2 live sessions)
Buttons, cards, and consistent spacing systems.
Button states and focus rings
Card patterns and icon usage
Dark mode optional (prefers-color-scheme)
Deliverable: Component-style section library on one page.
Phase 4 — JavaScript interactivity (Week 4 · 2 live sessions)
Mobile menu, smooth scroll, and simple form validation.
querySelector and event listeners
Toggling classes for nav and FAQ
Client-side validation before submit
Deliverable: Interactive nav + FAQ on your page.
Phase 5 — Content and SEO basics (Week 5 · 2 live sessions)
Meta tags, Open Graph, and readable copy structure.
Title, description, and canonical tags
Heading hierarchy and internal links
AI-assisted copy editing workflow
Deliverable: SEO checklist applied to your site.
Phase 6 — Publish and maintain (Week 6 · 2 live sessions)
Deploy static files and plan safe update habits.
Static hosting options (Netlify / similar)
Custom domain and HTTPS overview
Update workflow and backup
Deliverable: Live URL for your completed site.
Prerequisites
Comfortable using a browser and text editor.
No prior coding required.
Delivery
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.
Full course details: https://nlcrc.co.uk/courses-web-fundamentals-ai
Location: Hanwell Community Centre, Westcott Crescent, London W7 1PD
Bookings and enquiries: nlcrc.co.uk · 020 3393 0948
Level: beginner · Ideal for: SME owners and marketing staff
6-week in-person programme at Hanwell Community Centre, Westcott Crescent, London W7 1PD · 10 sessions · Europe/London timezone
What you will achieve
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 we cover
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 structure
Phase 1 — HTML structure (Week 1 · 2 live sessions)
Build the skeleton of a multi-section marketing page.
Semantic tags: header, nav, main, section, footer
Headings, lists, links, and images with alt text
Forms and labels for contact blocks
Deliverable: Unstyled HTML wireframe for your business page.
Phase 2 — CSS layout and branding (Week 2 · 2 live sessions)
Apply typography, colour, and responsive layout.
CSS reset / normalise and custom properties
Flexbox for nav and card rows
Grid for feature sections
Deliverable: Styled desktop + mobile layout.
Phase 3 — Components and polish (Week 3 · 2 live sessions)
Buttons, cards, and consistent spacing systems.
Button states and focus rings
Card patterns and icon usage
Dark mode optional (prefers-color-scheme)
Deliverable: Component-style section library on one page.
Phase 4 — JavaScript interactivity (Week 4 · 2 live sessions)
Mobile menu, smooth scroll, and simple form validation.
querySelector and event listeners
Toggling classes for nav and FAQ
Client-side validation before submit
Deliverable: Interactive nav + FAQ on your page.
Phase 5 — Content and SEO basics (Week 5 · 2 live sessions)
Meta tags, Open Graph, and readable copy structure.
Title, description, and canonical tags
Heading hierarchy and internal links
AI-assisted copy editing workflow
Deliverable: SEO checklist applied to your site.
Phase 6 — Publish and maintain (Week 6 · 2 live sessions)
Deploy static files and plan safe update habits.
Static hosting options (Netlify / similar)
Custom domain and HTTPS overview
Update workflow and backup
Deliverable: Live URL for your completed site.
Prerequisites
Comfortable using a browser and text editor.
No prior coding required.
Delivery
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.
Full course details: https://nlcrc.co.uk/courses-web-fundamentals-ai
Location: Hanwell Community Centre, Westcott Crescent, London W7 1PD
Bookings and enquiries: nlcrc.co.uk · 020 3393 0948
Advertisement
Where is it happening?
Hanwell Community Centre, Westcott Crescent, London, United Kingdom
Event Location & Nearby Stays:
Tickets
GBP 389.65
Know what’s Happening Next — before everyone else does.
Host or PublisherNational Laptop Computer Repair Centre
