Build Your First Business Website (HTML, CSS & JavaScript + AI)

Description

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