Online Diploma in Web Design Course

Practical foundation in modern web design

10 wks (PT), one evening per week, 6.30pm-9.00pm
Start Date:
Online: 16th February
On-Campus: April
Reference Code:
Normal Price:

This course is starting in February 2022. Apply now!

Apply now to reserve your place!

Why Web Design

As the world moves online, the ability to design, build and update websites is becoming increasingly important. Gaining a professional certification can be your first step to a creative and rewarding career in the fast-growing area of web design and development. This ten-week course takes you from the basics of working with HTML5 and CSS3 files to building a personal portfolio website to showcase your skills to prospective employers and clients.

As organisations of every type and size move online or operate online-only, the ability to design, build and update websites is becoming increasingly important.

Individuals who have earned a professional web design certification, supported by an online portfolio of professional-quality work, will stand out in the employment and freelance market.

The IBAT College Diploma in Web Design is ideal for you if you:

  • Are you looking for a new and rewarding career in the fast-growing area of web design and development.
  • Need to create a quality commercial website for an existing or start-up enterprise, without engaging expensive external agencies.
  • Have been tasked with maintaining and improving your organisation’s website and online presence.
  • Want the skills and confidence to work with HTML5 and CSS3, the twin foundations on which modern websites are built.
  • Want to know where to find and how to use the wide range of free, online resources relied on every day by web designers: royalty-free photography, illustrations, icons, videos and fonts, and tools for choosing colour palettes, measuring website performance, and tracking visitor engagement and interaction.
  • Wish to create a personal portfolio website to showcase your web design skills and projects to prospective employers and clients.


Web Design Course Overview

The IBAT College Diploma in Web Design is a ten-week learning journey that takes you from the basics of working with HTML5 and CSS3 files to building a personal portfolio website.

You will gain a solid, practical foundation in modern web design, plus the confidence to explore further your particular area of interest - whether it be online animation, video and audio, UI/UX interface design, front-end development, or digital marketing.

Every weekly exercise and project you complete builds towards a complete, professional-quality portfolio website that demonstrates your growth as a web designer and showcases your expertise to prospective employers and clients.

If you are a complete beginner, this course will quickly get you up and running and creating your first web pages. If you already have some web design experience, this is your opportunity to deepen your understanding, extend your skills - and validate your expertise with a recognised professional qualification.

Start your journey to becoming a web designer today.

What is a Professional Diploma?

An IBAT Professional Diploma is a focused, short duration practical course that consolidates, upskills and/or reskills learners in a professional area. They are stand-alone qualifications  that do not lead to an award on the National Framework of Qualifications (NFQ).

Course Content

On completion of the Diploma in Web Design Course graduates will be able to:

  • Use HTML5 and CSS3 to design visually attractive, multi-column web pages with fonts, images, illustrations, colour gradients, animation effects.
  • Ensure your web pages display responsively on user devices of every type and size - mobiles, tablets, desktops and laptops.
  • Create multi-page websites with desktop/laptop and mobile navigation menus.
  • Deploy websites from your computer to online web hosting services, and track user visits and interaction.
Setting Up:
  • Creating your free website hosting account on GitHub.
  • Installing the free Microsoft Visual Studio Code software.
  • Uploading files from your computer to your new website.
Introduction to HTML and CSS:
  • Understanding the basic structure of an HTML file.
  • Adding HTML tags to your web page.
  • Understanding the basic structure of a CSS stylesheet.
  • Linking a stylesheet to a web page.
  • Recognising the CSS properties most commonly used by web designers to lay out and style web pages.
  • Creating a home page for your website with hyperlinks to your sample web pages.
Colours, Images,  and Fonts:
  • Understanding the RGB and hex colour systems.
  • Applying colours to text, backgrounds, and borders.
  • Discovering online sources of royalty-free images.
  • Adding images to your web pages.
  • Styling images with drop shadow and border effects.
Working with Google Fonts:
  • Linking your web pages to Google Fonts, a free online library of 900-plus fonts.
  • Choosing appropriate font styles and weighs for your web page content.
Working with the Box Model:
  • Understanding the 'box model' concept in web design.
  • Creating visually attractive panels of content in a web page.
  • Structuring web page content into vertical blocks with alternating text and background styles.
Introduction to Responsive Web Design:
  • Adding media queries to resize web page content according to the user's device - mobile, tablet, desktop or laptop.
  • Using the fluid typographic equation to scale font sizes responsively on different size screens.
Introduction to CSS Flexbox:
  • Using the CSS flexbox method to lay out web page content in responsive grids of rows or columns.
  • Designing practical layouts of two, three or four columns.
Styling Hyperlinks:
  • Applying visual effects to hyperlink states, such as text colours, backgrounds, borders, and transitions.
  • Styling hyperlinks as buttons with Font Awesome icons.
  • Adding smooth-scrolling visual effects to page navigation.
Hero Blocks and Contact Forms:
  • Designing attention-grabbing, above-the-fold ‘hero’ sections with slide-in animations.
  • Applying background images, tinted overlays, and videos.
  • Adding email sign-up and contact forms to web pages.
Working with Menus:
  • Creating desktop/laptop website navigation menu bars with logos, hyperlinks, and call-to-action buttons.
  • Adding on-scroll effects to menu bars.
  • Creating fly-out, off-canvas menus for mobile screens.
Building Your Personal Portfolio Website:
  • Designing home, portfolio, and contact pages for your personal website to showcase your web design skills and projects.
  • Tracking user visits and engagement with your website using Google Analytics and Inspectlet.


The Diploma in Web Design is a hands-on and project-based ‘learning-by-doing’ course. Students are graded according to their performance of the following tasks:

  • Completion and uploading of regular in-class exercises.
  • Completion and uploading of six practical mini-website projects.
    (Submitted within 4 weeks of course completion. Templates are provided for these projects so students can focus on developing key web design skills with minimal typing.)
  • Creation and uploading of a four-page personal portfolio website.
    (Submitted within 4 weeks of course completion.)

Career Opportunities

In addition to providing a solid foundation in professional web design, this Diploma Course will equip graduates with career-boosting skills for pursuing opportunities in areas such as the following:

  • UI / UX design
  • Web content creation
  • Digital, email and social media marketing
  • eCommerce and Search Engine Optimisation (SEO)
  • Front-end software development

Academic Progression Opportunities

Students who graduate with an IBAT College Diploma in Web Design and are interested in furthering their study in the area of web development are eligible to progress onto the more advanced IBAT College Diploma in Front End Development.

Why IBAT College?

Career Potential
Maximise your career potential as you remain working while obtaining a professionally relevant, career enhancing, qualification at the same time.

Excellent Lecturing Staff
Learn from friendly and highly qualified academic staff, with industry experience, in small class-sizes, and guest lecturers who are experts in their fields.

Student Experience
Being part of a culturally diverse student nationality mix at IBAT College Dublin, with learners from over 30 different countries, gives you the opportunity to learn culturally different working methods first-hand, and the fundamentals to succeed in a globally connected network once you graduate.

City Centre Location
With our campus located in Dublin city centre, in Temple Bar, you are close to all major transport hubs making it easy to attend classes in between work and home.

Programme Material
Printed course notes are supplied for the first lecture. All subsequent notes are then available to download/view/print through the student virtual learning (Moodle) platform.


I feel I have gained a useful, applicable skill even with this introductory course. I now apply these skills to my job as a Digital Marketer and Social Media Manager; I take with me a deeper understanding of SEO, website design and functionality. Even if becoming a web designer isn't your endgame, seeing The Internet from the inside out gives you a unique perspective and an edge over the competition.
Jack Quinn Digital Marketing, Dublin School of English
As a Graphic Designer, I think that knowledge of web design is extremely beneficial and this course will enhance my career.
Dan Madigan Web Design Student
This course gave me a good understanding of using HTML which hugely helped when setting up my own blog.
Aisling Ni Cheallaigh Web Design Student
Tutor was very helpful throughout the course in helping me learn. Looking forward to expanding my portfolio of web projects in the future!
Rita Brereton Web Design Graduate
Classes were easy to understand and enjoyable. I really appreciated all the helpful resources so I can get better at web design, one step at a time.
Sebastian Ferreira Web Design Graduate
Overall experience is 10/10. From being a total 'newbie' for web development I can now design web pages that look professional and sophisticated. I feel much more confident now with all the skills I've gained. The course was thoroughly explained and what I liked the most our tutor was dedicated to explaining everything to everyone, even individually if there was something complicated to understand.
Ivan Lukenda Web Design Graduate
Classes were very interesting to attend. Tutor was very knowledgeable and helpful.
Michailas Abrosimova Web Design Graduate
Have really enjoyed doing the course and appreciate the bonus free resources to keep learning.
Philip Burtenshaw Web Design Graduate
Received lots of helpful feedback from the tutor. Much appreciated.
Reece Wardrop Web Design Graduate

Lecturer Profile

Brendan Munnelly
Brendan Munnelly/ Lecturer Web Design /
Brendan Munnelly has designed and developed high-performing websites that serve three million page views annually and typically rank 96%+ for user experience on Google PageSpeed Insights. His educational IT books have sold over 100,000 copies in five languages and earned multiple five-star Amazon reviews from trainers and students alike.

Entry Requirements

The programme is ideally suited if you are just starting to work in the area of web design, or would like to do so. No prior academic qualification or professional experience in web design is required.

You will require access to a standard laptop or desktop computer and a broadband Internet connection.

There are no additional software products to purchase. This course uses only free-to-download software and a range of free-to-use online services and resources. These include Microsoft Visual Studio Code for building web pages, GitHub for website hosting, Google Fonts for typefaces, and Pexels, UnDraw and Font Awesome for stock photography, illustrations, videos and icons.

How to Apply

Don’t miss out because you’re unsure.

You can contact or apply to us directly using the the "Contact Us" or "Apply Online" options below or at the top of the page, this will reserve your place and also give us the key details to start your application, a member of our admissions team will then contact you with further details, or alternatively you can simply "Ask us a Question" using the form below.

You can also "Book a One-to-One" with one of our course specialists who will provide you with additional guidance on your application, you can set up a meeting by:

  • Calling us at:  +353 1 8075 055 
  • Email us at:  This email address is being protected from spambots. You need JavaScript enabled to view it. 

We also have flexible payment plans, please contact us to discuss your options or visit the college anytime and our course specialists will be more than willing to discuss any queries you may have.

We look forward to meeting you.

IBAT is now offering 100% interactive learning via virtual classrooms, all at an affordable price. We’re adapting along with the rest of the world, to the new normal. With an increasing shift towards online learning and as jobs become harder to find, now is the time to take initiative and upskill by gaining a diploma from the comfort of your own home.

Benefit from live sessions with our expert tutors who are teaching in real-time and can therefore engage with you directly. Seize this opportunity to boost your prospects and stay ahead of the competition. 

Apply now to reserve your place.

Contact us and one of our course specialists will be able to speak to you one-on-one about your needs by phone, email or in person.

Question? Ask us.

Discuss your needs with one of our course specialists.

Student Benefits

Discover the additional support services and facilities we have to help you thrive; from IT Labs, a Career Service, Networking Evenings and more..

Why should you study with IBAT?

This video will tell you why IBAT College is a fantastic place to study.

Take the first step

Contact us and one of our course specialists will be able to speak to you one-on-one about your needs by phone, email or in person.