To overcome some limitations of existing models that organize knowledge on the World Wide Web for online learning, this paper proposes a novel method of using graphical process models to organize knowledge on the Web and to guide the learning process. Process models can not only visually represent the logical relationships (i.e., if … then, all, at least one, and exactly one) of knowledge elements, but also display learning paths that consist of logically connected knowledge elements. This paper also presents a design of an innovative learning system that integrates process models with some existing knowledge organization models to facilitate online learning. This paper makes a useful contribution by proposing process-based knowledge organization as well as providing a visual representation of learning paths that explicitly prompt people to follow a logical process for effective learning.