Review Gold Open Access 2026

A systematic review of research on teaching web design to secondary school students through HTML and CSS

Discover Education
Journal · Vol. 5 · Issue 1 · Art. 59
Abstract

Introduction: Teaching web design using HTML and CSS is an increasingly important component of secondary education, preparing students for future careers in information technology. This systematic review examines research on methodologies and tools for teaching web design in secondary schools, identifying key effectiveness factors and approaches to overcome learning difficulties. Methods: Following PRISMA methodology, we conducted a systematic review of research published between 2007 and 2024. Initial searches in Scopus and Web of Science were expanded to include Google Scholar and additional databases following reviewer recommendations. Nine studies meeting inclusion criteria were selected from comprehensive searching. Inclusion criteria focused on empirical research involving HTML/CSS instruction in secondary or vocational schools with full-text availability. The limited number of studies despite expanded searching confirms the nascent state of empirical research in this domain. Results: Analysis revealed increasing research interest since 2017, with most studies conducted in Indonesia and the United States. Research predominantly focused on professional technical schools with 10th-grade students. Key findings are organized around three themes: (1) digital tools and platforms supporting web design education, including gamification platforms, learning management systems, and visual programming environments; (2) factors influencing learning effectiveness, including student characteristics, pedagogical approaches, and technical infrastructure; and (3) common learning difficulties and their solutions, particularly regarding complex material comprehension and student motivation. The recent emergence of gamification-based approaches shows particular promise for enhancing student engagement. Conclusions: Effective web design instruction requires a comprehensive approach integrating modern methodologies and tools while addressing student needs and providing adequate support. Project-based learning, gamification, and interactive environments emerged as particularly effective approaches. The scarcity of empirical research, confirmed through expanded searching, highlights the urgent need for additional studies. Future research should compare the effectiveness of different teaching methodologies and develop evidence-based recommendations for optimizing instruction across various educational contexts. © The Author(s) 2025.

Keywords

Author Keywords

CSS Gamification HTML Secondary schools Systematic review Teaching methodologies Vocational education Web design education

Index Keywords

Author Affiliations
Kryvyi Rih State Pedagogical University, Kryvyi Rih, Dnipropetrovsk Oblast, Ukraine
Kryvyi Rih State Pedagogical University, Kryvyi Rih, Dnipropetrovsk Oblast, Ukraine, Institute for Digitalisation of Education of the NAES of Ukraine, Kyiv, Ukraine, Zhytomyr Polytechnic State University, Zhytomyr, Zhytomyr Oblast, Ukraine, Academy of Cognitive and Natural Sciences, Kryvyi Rih, Dnipropetrovsk Oblast, Ukraine
Funding & Acknowledgements
No funding information
References 10 References
1 Gal-Ezer, Judith, A tale of two countries: Successes and challenges in K-12 computer science education in Israel and the United States, ACM Transactions on Computing Education, 14, 2, (2014)
2 Papastergiou, Marina, Learning to design and implement educational web sites within pre-service training: A project-based learning environment and its impact on student teachers, Learning, Media and Technology, 30, 3, pp. 263-279, (2005)
3 Chen, Chunying, Effects of Worked Examples with Explanation Types and Learner Motivation on Cognitive Load and Programming Problem-Solving Performance, ACM Transactions on Computing Education, 25, 2, (2025)
4 Stachel, John, Managing cognitive load in introductory programming courses: A cognitive aware scaffolding tool, Journal of Integrated Design and Process Science, 17, 1, pp. 37-54, (2013)
5 Fransson, Göran, Understanding the Theoretical Framework of Technological Pedagogical Content Knowledge: A collaborative self-study to understand teaching practice and aspects of knowledge, Studying Teacher Education, 8, 2, pp. 193-204, (2012)
6 Barna, Olha V., Enhancing digital competence through STEM-integrated universal design for learning: a pedagogical framework for computer science education in Ukrainian secondary schools, Discover Education, 4, 1, (2025)
7 Muibi, Hauwa, Teacher perspectives on web design instruction, Annual Conference on Innovation and Technology in Computer Science Education, ITiCSE, 2015-June, pp. 231-236, (2015)
8 Hong, Quan Nha, The Mixed Methods Appraisal Tool (MMAT) version 2018 for information professionals and researchers, Education for Information, 34, 4, pp. 285-291, (2018)
9 Page, Matthew James, The PRISMA 2020 statement: An updated guideline for reporting systematic reviews, BMJ, 372, (2021)
10 Hong, Quan Nha, Improving the content validity of the mixed methods appraisal tool: a modified e-Delphi study, Journal of Clinical Epidemiology, 111, pp. 49-59.e1, (2019)
Quick Actions
Full Text via DOI
Citation Metrics
0
Times Cited (Scopus)

References 10
Document Identifiers