There are some deficiencies in the traditional practical teaching. For examples, students remember numerous knowledge points, but can't grasp the relations between them and don't know how to use them and where can they be applied; students passively learn knowledge, and their interests and personalized needs are suppressed. Aiming at the problems, this paper put forward a novel project-driven immersive practical teaching reform style which based on constructivism and collaborative theory and took full advantages of project-driven teaching and immersive teaching. In course of applying this style in Web Design and Website Building practical teaching, the teaching effect is remarkable and it is proved that this style can effectively stimulate students' learning interest, initiative and creativeness, greatly improve students' practical ability, so that they can put what they have learned into practice and better adapt to the needs of future work. Universities, students and enterprises are win-win in this teaching style.