As professors are subjected to teaching their classes online due to the recent COVID-19, our local Hong Kong students find it difficult to consult their teachers, and ultimately would fail to achieve the intended learning outcomes, especially for practical-based subjects. In this research, students having online classes of a practical-based fabric design subject were encouraged to self-study from Open Educational Resource (OER) materials for a further and better understanding of their subject. Additionally, online materials were developed to improve students' understanding via skill of digital literacy. Their learning progress was evaluated and compared to the face-to-face version. The majority of students found online classes combined with self-studying OER materials, potentially be a substitute for face-to-face classes. Most of the students further opined different OER videos assisted them without any face-to-face instructions in practical works, to develop new fabric samples from the inspiration. Analysis of test results, and comparison of students' final grades with different learning modes, supported these phenomena.