romanoremo.it
All courses
Web & Frontend

HTML & CSS

HTML and CSS underpin everything that ends up in a browser. Even people who will never write code daily need to understand them: to edit a site without breaking it, to talk to the developers, to work out why a page behaves the way it does on mobile.

The course starts from zero and builds up to complete, responsive layouts. We work in the editor throughout: each topic is introduced, demonstrated on a real example, then practised in an exercise. By the end every participant has built a complete, responsive and accessible page from a blank file.

This is the natural starting point for anyone heading towards web design or frontend development. Without these foundations, everything else becomes copy and paste.

Indicative duration
24 hours
Level
Beginner
Prerequisites
None. Basic computer literacy is enough.

Who it is for

  • Complete beginners who want to understand how a website is built
  • Graphic designers who hand files over to developers
  • Anyone managing a company site who wants to stop depending on third parties for every change
  • Marketing teams working on landing pages and newsletters

What you will be able to do

  • Write semantic, accessible HTML
  • Build layouts with Flexbox and CSS Grid
  • Make a site readable on any screen using a mobile-first approach
  • Use CSS variables to keep styling consistent and themeable
  • Animate elements without slowing the page down
  • Know your way around Tailwind and Bootstrap, and when to use them

Programme

  1. 01

    Semantic HTML5 structure and accessibility

    The right tag in the right place: why a header is not a div, how heading hierarchy works and what changes for someone using a screen reader.

  2. 02

    Flexbox and CSS Grid for modern layouts

    The two layout systems that replaced floats and tables. When Flexbox fits, when Grid fits, and how they combine on a real page.

  3. 03

    Responsive design and mobile-first

    Breakpoints, relative units and media queries, starting from the small screen. We work on a layout that has to hold from phone to desktop.

  4. 04

    CSS animations and transitions

    Transitions, keyframes and transforms, with attention to what they cost in performance and what happens under prefers-reduced-motion.

  5. 05

    CSS custom properties and variables

    Centralising colours, spacing and typography so an entire site can be restyled by changing a handful of lines.

  6. 06

    Frameworks: Tailwind CSS and Bootstrap

    What frameworks actually do, how the two approaches differ, and how to adapt a ready-made component without fighting the CSS.

Tailored programmes

No course is a fixed package. Duration, angle and depth are agreed around the objectives of the people taking part, and topics from different courses can be combined into a single programme. I work with corporate groups and with one person alone: tell me what you need and we will build the programme.

Request information

Frequently asked questions

Do I need programming experience?

No. HTML and CSS are markup and styling languages rather than programming languages. We start from a blank page and assume nothing.

What software is needed?

Only a free text editor (Visual Studio Code) and a browser. Both are installed and configured together in the first session.

Will I be able to build a website afterwards?

You will be able to build complete responsive pages. A site with dynamic content and an admin area also needs a CMS or JavaScript, covered in the Professional Web Design and JavaScript courses.

Can I take the course on my own?

Yes. The programme works well both in a group and one to one: on your own, the pace and the exercises are calibrated on your level and on what you want to end up building.

Related courses