A pandemic period in 2020 presents its challenges for the world of education, the rules set to do home learning are the best solution that has been issued by the government, as a result, teachers must be able to upgrade their abilities to develop their competence. The use of technology-based interactive learning media is a solution for distance learning systems. Technology-based learning media is expected to foster students' interest in learning so that integration between pedagogical content knowledge and the web is required in distance learning methods. Student cognitive is an ability that starts from the ability to remember until creating. The approach used is qualitative using a case study design. Data collection is done by interviewing techniques, observation, and documentation studies. Data analysis techniques include data collection, data reduction, data display, and verification. The results and conclusions of this study are the use of web media as a learning medium in collaboration with pedagogical content knowledge teachers is one of the alternatives that teachers can choose to maximize the process of transferring knowledge to their students.