The emergence of distance learning through Information and Communication Technologies(ICT) requires a lot of abilities from learners, and these become main features to a successful learning. Accordingly, a self-regulated learning is one of the key abilities required by the learners, Hence this study is aimed to develop Web-Based Instruction(WBI) systems that support this self-regulated learning. The self-regulated learning not only provides significant positive learning effects, but also appropriates to apply on the WBI because it has learning-structure of specified instruction process and each process requires separated spaces. Therefore, in this study, a model of self-regulated learning system on the web is developed.