The practice and research on online chemistry education have received great attention in the context of the COVID-19 pandemic worldwide. This paper describes the teaching practice of online learning based on three online courses for pre-service chemistry teachers. To adapt online teaching requirements, we reshaped the structure of the physical chemistry course, for example, adjusting the assessment approaches, and reinforcing long-distance instruction. Besides, we also shared the course of training chemistry teaching skills online publicly, and provided multiple learning approaches after class. Moreover, we introduced chemistry education research based on website data in an educational research methods course and shared ideas through the technology platform.