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.

Level: beginner · Ideal for: SME owners and marketing staff

6-week live online programme · 10 live 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

Bookings and enquiries: nlcrc.co.uk · 020 3393 0948