In this paper, we discussed some key problems about effectively teaching the course of web theories and technologies. Based on our experiences, some novel teaching approaches were proposed to improve the teaching quality and enhance the students' practical program-developing skills. At the same time, a synthetical model of project-teaching and case-teaching was introduced in this paper. In conclusion, we summarized our teaching experiences and suggested some effective methods to motivate the college students to improve their engineering developing skills and enhance their comprehensive web site developing ability.