Teaching web design in secondary schools through HTML and CSS: A systematic synthesis of research evidence and pedagogical implications

Abstract

Web design education using HTML and CSS represents a critical component of digital literacy in secondary schools, yet empirical research on effective pedagogical approaches remains remarkably limited. This systematic review synthesizes evidence from eight rigorous studies conducted between 2007 and 2023, examining instructional methods, learning outcomes, and implementation challenges. Through comprehensive quality assessment using the Mixed Methods Appraisal Tool and calculation of effect sizes where data permitted, we identify moderate to large positive effects for innovative pedagogical approaches, particularly gamification (d = 0.58) and mobile-supported learning (d = 0.70). Our thematic synthesis reveals that successful web design instruction requires careful orchestration of technological tools, pedagogical strategies, and motivational elements while managing cognitive load and infrastructure constraints. The geographic concentration of research in Indonesia and the United States, combined with the scarcity of rigorous studies, highlights significant gaps in the global research landscape. We present an evidence-based framework that translates these findings into practical guidelines for educators, addressing persistent challenges including syntax comprehension difficulties, student engagement, and teacher preparation needs. The limited research corpus paradoxically strengthens our analysis by enabling comprehensive examination of all existing rigorous evidence, establishing a critical baseline for future investigation as web technologies become increasingly central to educational and vocational preparation.