CDIO (Conceive - hình thành ý tưởng, Design - thiết kế, Implement - triển khai, Operate - vận hành) là một phương pháp luận được nhiều trường đại học trên thế giới và một số trường đại học ở Việt Nam áp dụng nhằm đáp ứng yêu cầu ngày càng cao về nguồn nhân lực thế kỉ 21. Để đổi mới chương trình và phương pháp theo tiếp cận CDIO, nguồn học liệu cần được xây dựng, bổ sung phù hợp. Nghiên cứu này là một thử nghiệm xây dựng website với tư cách là học liệu hỗ trợ dạy học phần Điện, học phần Vật lí đại cương. Website được xây dựng trên cơ sở theo tiếp cận CDIO, đặc biệt là tiêu chuẩn 7 và tiêu chuẩn 8 và mô hình lớp học đảo ngược. Bài viết này mô tả cụ thể quy trình thiết kế, cấu trúc webstie và kết quả thử nghiệm sử dụng website tại Trường Đại học Công nghiệp Thực phẩm TP Hồ Chí Minh và Trường Đại học Trần Đại Nghĩa. Các điều tra về phản hồi của người dạy và thống kê về đánh giá người học đã cho thấy tính hiệu quả của học liệu webstie. Kết luận này gợi ý cho những nghiên cứu tiếp theo về xây dựng các học liệu phù hợp cho các học phần theo tiếp cận CDIO.