Clinical resources in nursing schools are always insufficient for satisfying the practice requirements of each student at the same time during a formal course session. Although several studies have applied information and communication technology to develop computer-based learning tools for addressing this problem, most of these developments lack appropriate interactive and diagnostic services to assist students in bridging theory-practice gaps and realizing individual flaws in their nursing skills. Therefore, this study aims to develop an interactive clinical learning and diagnosis system that provides a web-based interactive learning environment and personalized diagnostic service for nursing education. An experiment was conducted in a foundations of nursing course at a nursing college in Taiwan. The experimental results show that the proposed approach is helpful to students in improving their learning motivation, performance, and attitude. Moreover, it was also found that most students showed positive perceptions toward the usage of the proposed system.